diff --git a/package.json b/package.json index 7399c7f..649d355 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "WompChat", - "version": "1.0.4", + "version": "1.0.3", "description": "Enhances the YouTube Live Streaming experience with Emotes, Custom Styling and quality of life improvements.", "scripts": { "start": "webpack --progress --watch", diff --git a/src/chat_overlay.js b/src/chat_overlay.js index bac00c3..06053cc 100644 --- a/src/chat_overlay.js +++ b/src/chat_overlay.js @@ -1,12 +1,50 @@ +import './stylus/content.styl'; +import './stylus/chat_overlay.styl'; + + const message_container = document.getElementById("message_container"); - chrome.runtime.onMessage.addListener( - function(request, sender, sendResponse) { + function(request, sender, sendResponse) { - if (request.message == "messageNode"){ - message_container.innerHTML += request.node; - message_container.scrollBy(message_container.scrollHeight); - return; + if(sender.origin == "https://www.youtube.com"){ + + if (request.message == "preloadMessages"){ + message_container.prepend(convertToHTMLElm(request.node)); + message_container.scrollIntoView({block: 'end'}); } -}); \ No newline at end of file + + if (request.message == "newMessage"){ + message_container.append(convertToHTMLElm(request.node)); + message_container.scrollIntoView({block: 'end'}); + } + + if (request.message == "removeMessage"){ + destroyMessage(convertToHTMLElm(request.node)); + } + } + } +); + +function convertToHTMLElm(node){ + + //var node = new DOMParser().parseFromString(node, 'text/html').documentElement; + var temp = document.createElement('div'); + temp.innerHTML = node; + node = temp.firstChild; + + return node; +} + +function destroyMessage(node){ + + const messageId = node.getAttribute('message-id'); + + console.log(messageId); + console.log(message); + + const message = document.querySelectorAll(`[message-id=${messageId}]`); + if(message != undefined){ + message.destroy(); + } +} \ No newline at end of file diff --git a/src/config.js b/src/config.js index 8274f6b..0833015 100644 --- a/src/config.js +++ b/src/config.js @@ -17,6 +17,7 @@ const CONFIG = { setTwitchColors: false, setLiveChat: true, allowTextSlider: false, + setGreenScreen: false, // Var textSizeSlider: 'inherit', diff --git a/src/content/ChatScroller.js b/src/content/ChatScroller.js index f6708d8..03e2ee4 100644 --- a/src/content/ChatScroller.js +++ b/src/content/ChatScroller.js @@ -29,7 +29,7 @@ class ChatScroller { } scroll() { - this.scroller.scrollTop = 9999; + this.scroller.scrollIntoView({block: 'end'}); } getScroller() { diff --git a/src/content/ChatWatcher.js b/src/content/ChatWatcher.js index e575e48..56a61f6 100644 --- a/src/content/ChatWatcher.js +++ b/src/content/ChatWatcher.js @@ -41,6 +41,10 @@ class ChatWatcher { const node = messages[i]; if(this.isMessageNode(node)) { const message = new Message(node); + + // chrome.runtime.sendMessage({message: "preloadMessages", node: node.outerHTML}, function(response) { + // // dont need to do anything + // }); } } } @@ -59,6 +63,11 @@ class ChatWatcher { const node = addedNodes[i]; if(this.isMessageNode(node)) { this.onNewMessage(node); + + // send message + // chrome.runtime.sendMessage({message: "newMessage", node: node.outerHTML}, function(response) { + // // dont need to do anything + // }); } } } @@ -190,6 +199,14 @@ class ChatWatcher { console.log('emote popup button clicked'); }); + // escape for popup div + document.onkeydown = function(evt) { + if (evt.key === "Escape" && !popUpDiv.classList.contains('hideElement')) { + popUpDiv.classList.toggle('hideElement'); + return; + } + }; + // get input area var inputArea = document.querySelector('#input.yt-live-chat-text-input-field-renderer'); var inputAreaLabel = document.querySelector('#label.yt-live-chat-text-input-field-renderer'); @@ -211,6 +228,7 @@ class ChatWatcher { } console.log((keysITer.length+1) + " Emotes Added"); + }// end addEmotePopup /////////////////////////////////////////////////////////////////// diff --git a/src/content/Emotes/index.js b/src/content/Emotes/index.js index 894e853..cf6167f 100644 --- a/src/content/Emotes/index.js +++ b/src/content/Emotes/index.js @@ -105,6 +105,10 @@ class Emotes { url = urls[1]; } + // fix for overlay, remove "//" at start of url + var protocol = "https:"; + url = protocol.concat(url); + this.dictionary.set(name, new Emote({ code: name, url })); this.franker_Dictionary.set(name, new Emote({ code: name, url })); } diff --git a/src/content/Message.js b/src/content/Message.js index 1087dd6..d6d2841 100644 --- a/src/content/Message.js +++ b/src/content/Message.js @@ -1,9 +1,6 @@ import Emotes from './Emotes'; import PersistentSyncStorage from 'src/helpers/PersistentSyncStorage'; -let chat_overlay_enabled = false; - - class Message { constructor(messageNode) { this.node = messageNode; @@ -20,10 +17,6 @@ class Message { this.setHtml(); this.watch(); } - - chrome.runtime.sendMessage({message: "messageNode", node: messageNode.outerHTML}, function(response) { - // dont need to do anything - }); } get textNode() { diff --git a/src/content/index.js b/src/content/index.js index e8e3d6c..9d06ba7 100644 --- a/src/content/index.js +++ b/src/content/index.js @@ -74,6 +74,14 @@ class Main { } /////////////////////////////////////////////////////////////////// + + //Live Chat Default Option + if (PersistentSyncStorage.data.options.setGreenScreen) { + var chat = document.querySelector('yt-live-chat-item-list-renderer'); + chat.classList.add('green_sceen'); + } else { + // do nothing, let user pick option if not set as default in options menu + } } init() { diff --git a/src/html/chat_overlay.html b/src/html/chat_overlay.html index da0689a..5e959df 100644 --- a/src/html/chat_overlay.html +++ b/src/html/chat_overlay.html @@ -5,14 +5,9 @@ Chat Overlay - + -
diff --git a/src/html/options.html b/src/html/options.html index 3eaba2b..cb304e8 100644 --- a/src/html/options.html +++ b/src/html/options.html @@ -115,6 +115,13 @@ +
+
+
+
+
+
+
@@ -138,7 +145,8 @@
- + +
 
diff --git a/src/html/youtube.css b/src/html/youtube.css new file mode 100644 index 0000000..0922bf0 --- /dev/null +++ b/src/html/youtube.css @@ -0,0 +1,59488 @@ +:not(.style-scope)[hidden] { + display: none !important; + } + + html:not(.style-scope) { + --layout_-_display: flex;; + + --layout-inline_-_display: inline-flex;; + + --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal_-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;; + + --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-horizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse_-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-direction: row-reverse;; + + --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_-ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;; + + --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vertical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_-webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direction: column-reverse;; + + --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wrap; --layout-wrap_-_flex-wrap: wrap;; + + --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-reverse;; + + --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;; + + --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: none; --layout-flex-none_-_flex: none;; + + --layout-flex_-_-ms-flex: 1 1 0.000000001px; --layout-flex_-_-webkit-flex: 1; --layout-flex_-_flex: 1; --layout-flex_-_-webkit-flex-basis: 0.000000001px; --layout-flex_-_flex-basis: 0.000000001px;; + + --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout-flex-2_-_flex: 2;; + + --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout-flex-3_-_flex: 3;; + + --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout-flex-4_-_flex: 4;; + + --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout-flex-5_-_flex: 5;; + + --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout-flex-6_-_flex: 6;; + + --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout-flex-7_-_flex: 7;; + + --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout-flex-8_-_flex: 8;; + + --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout-flex-9_-_flex: 9;; + + --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --layout-flex-10_-_flex: 10;; + + --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --layout-flex-11_-_flex: 11;; + + --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --layout-flex-12_-_flex: 12;; + + + + --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-items: flex-start; --layout-start_-_align-items: flex-start;; + + --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-items: center; --layout-center_-_align-items: center;; + + --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: flex-end; --layout-end_-_align-items: flex-end;; + + --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-align-items: baseline; --layout-baseline_-_align-items: baseline;; + + + + --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_-_-webkit-justify-content: flex-start; --layout-start-justified_-_justify-content: flex-start;; + + --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justified_-_-webkit-justify-content: center; --layout-center-justified_-_justify-content: center;; + + --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webkit-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-end;; + + --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-justified_-_-webkit-justify-content: space-around; --layout-around-justified_-_justify-content: space-around;; + + --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-justify-content: space-between; --layout-justified_-_justify-content: space-between;; + + --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-align); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webkit-align-items); --layout-center-center_-_align-items: var(--layout-center_-_align-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); --layout-center-center_-_justify-content: var(--layout-center-justified_-_justify-content);; + + + + --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-webkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;; + + --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webkit-align-self: center; --layout-self-center_-_align-self: center;; + + --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-align-self: flex-end; --layout-self-end_-_align-self: flex-end;; + + --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-webkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;; + + --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_-_-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;; + + + + --layout-start-aligned_-_-ms-flex-line-pack: start; --layout-start-aligned_-_-ms-align-content: flex-start; --layout-start-aligned_-_-webkit-align-content: flex-start; --layout-start-aligned_-_align-content: flex-start;; + + --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms-align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-end; --layout-end-aligned_-_align-content: flex-end;; + + --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-aligned_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content: center; --layout-center-aligned_-_align-content: center;; + + --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-aligned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-align-content: space-between; --layout-between-aligned_-_align-content: space-between;; + + --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-aligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-align-content: space-around; --layout-around-aligned_-_align-content: space-around;; + + + + --layout-block_-_display: block;; + + --layout-invisible_-_visibility: hidden !important;; + + --layout-relative_-_position: relative;; + + --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_right: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;; + + --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_overflow: auto;; + + --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;; + + + + --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layout-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; + + --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --layout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; + + --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; + + --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --layout-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; + } + + html:not(.style-scope) { + --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);; + + --shadow-none_-_box-shadow: none;; + + + + --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);; + + --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);; + + --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);; + + --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);; + + --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);; + + --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);; + + --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);; + + --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);; + } + + html:not(.style-scope) { + --google-red-100: #f4c7c3; + --google-red-300: #e67c73; + --google-red-500: #db4437; + --google-red-700: #c53929; + + --google-blue-100: #c6dafc; + --google-blue-300: #7baaf7; + --google-blue-500: #4285f4; + --google-blue-700: #3367d6; + + --google-green-100: #b7e1cd; + --google-green-300: #57bb8a; + --google-green-500: #0f9d58; + --google-green-700: #0b8043; + + --google-yellow-100: #fce8b2; + --google-yellow-300: #f7cb4d; + --google-yellow-500: #f4b400; + --google-yellow-700: #f09300; + + --google-grey-100: #f5f5f5; + --google-grey-300: #e0e0e0; + --google-grey-500: #9e9e9e; + --google-grey-700: #616161; + + + + --paper-red-50: #ffebee; + --paper-red-100: #ffcdd2; + --paper-red-200: #ef9a9a; + --paper-red-300: #e57373; + --paper-red-400: #ef5350; + --paper-red-500: #f44336; + --paper-red-600: #e53935; + --paper-red-700: #d32f2f; + --paper-red-800: #c62828; + --paper-red-900: #b71c1c; + --paper-red-a100: #ff8a80; + --paper-red-a200: #ff5252; + --paper-red-a400: #ff1744; + --paper-red-a700: #d50000; + + --paper-pink-50: #fce4ec; + --paper-pink-100: #f8bbd0; + --paper-pink-200: #f48fb1; + --paper-pink-300: #f06292; + --paper-pink-400: #ec407a; + --paper-pink-500: #e91e63; + --paper-pink-600: #d81b60; + --paper-pink-700: #c2185b; + --paper-pink-800: #ad1457; + --paper-pink-900: #880e4f; + --paper-pink-a100: #ff80ab; + --paper-pink-a200: #ff4081; + --paper-pink-a400: #f50057; + --paper-pink-a700: #c51162; + + --paper-purple-50: #f3e5f5; + --paper-purple-100: #e1bee7; + --paper-purple-200: #ce93d8; + --paper-purple-300: #ba68c8; + --paper-purple-400: #ab47bc; + --paper-purple-500: #9c27b0; + --paper-purple-600: #8e24aa; + --paper-purple-700: #7b1fa2; + --paper-purple-800: #6a1b9a; + --paper-purple-900: #4a148c; + --paper-purple-a100: #ea80fc; + --paper-purple-a200: #e040fb; + --paper-purple-a400: #d500f9; + --paper-purple-a700: #aa00ff; + + --paper-deep-purple-50: #ede7f6; + --paper-deep-purple-100: #d1c4e9; + --paper-deep-purple-200: #b39ddb; + --paper-deep-purple-300: #9575cd; + --paper-deep-purple-400: #7e57c2; + --paper-deep-purple-500: #673ab7; + --paper-deep-purple-600: #5e35b1; + --paper-deep-purple-700: #512da8; + --paper-deep-purple-800: #4527a0; + --paper-deep-purple-900: #311b92; + --paper-deep-purple-a100: #b388ff; + --paper-deep-purple-a200: #7c4dff; + --paper-deep-purple-a400: #651fff; + --paper-deep-purple-a700: #6200ea; + + --paper-indigo-50: #e8eaf6; + --paper-indigo-100: #c5cae9; + --paper-indigo-200: #9fa8da; + --paper-indigo-300: #7986cb; + --paper-indigo-400: #5c6bc0; + --paper-indigo-500: #3f51b5; + --paper-indigo-600: #3949ab; + --paper-indigo-700: #303f9f; + --paper-indigo-800: #283593; + --paper-indigo-900: #1a237e; + --paper-indigo-a100: #8c9eff; + --paper-indigo-a200: #536dfe; + --paper-indigo-a400: #3d5afe; + --paper-indigo-a700: #304ffe; + + --paper-blue-50: #e3f2fd; + --paper-blue-100: #bbdefb; + --paper-blue-200: #90caf9; + --paper-blue-300: #64b5f6; + --paper-blue-400: #42a5f5; + --paper-blue-500: #2196f3; + --paper-blue-600: #1e88e5; + --paper-blue-700: #1976d2; + --paper-blue-800: #1565c0; + --paper-blue-900: #0d47a1; + --paper-blue-a100: #82b1ff; + --paper-blue-a200: #448aff; + --paper-blue-a400: #2979ff; + --paper-blue-a700: #2962ff; + + --paper-light-blue-50: #e1f5fe; + --paper-light-blue-100: #b3e5fc; + --paper-light-blue-200: #81d4fa; + --paper-light-blue-300: #4fc3f7; + --paper-light-blue-400: #29b6f6; + --paper-light-blue-500: #03a9f4; + --paper-light-blue-600: #039be5; + --paper-light-blue-700: #0288d1; + --paper-light-blue-800: #0277bd; + --paper-light-blue-900: #01579b; + --paper-light-blue-a100: #80d8ff; + --paper-light-blue-a200: #40c4ff; + --paper-light-blue-a400: #00b0ff; + --paper-light-blue-a700: #0091ea; + + --paper-cyan-50: #e0f7fa; + --paper-cyan-100: #b2ebf2; + --paper-cyan-200: #80deea; + --paper-cyan-300: #4dd0e1; + --paper-cyan-400: #26c6da; + --paper-cyan-500: #00bcd4; + --paper-cyan-600: #00acc1; + --paper-cyan-700: #0097a7; + --paper-cyan-800: #00838f; + --paper-cyan-900: #006064; + --paper-cyan-a100: #84ffff; + --paper-cyan-a200: #18ffff; + --paper-cyan-a400: #00e5ff; + --paper-cyan-a700: #00b8d4; + + --paper-teal-50: #e0f2f1; + --paper-teal-100: #b2dfdb; + --paper-teal-200: #80cbc4; + --paper-teal-300: #4db6ac; + --paper-teal-400: #26a69a; + --paper-teal-500: #009688; + --paper-teal-600: #00897b; + --paper-teal-700: #00796b; + --paper-teal-800: #00695c; + --paper-teal-900: #004d40; + --paper-teal-a100: #a7ffeb; + --paper-teal-a200: #64ffda; + --paper-teal-a400: #1de9b6; + --paper-teal-a700: #00bfa5; + + --paper-green-50: #e8f5e9; + --paper-green-100: #c8e6c9; + --paper-green-200: #a5d6a7; + --paper-green-300: #81c784; + --paper-green-400: #66bb6a; + --paper-green-500: #4caf50; + --paper-green-600: #43a047; + --paper-green-700: #388e3c; + --paper-green-800: #2e7d32; + --paper-green-900: #1b5e20; + --paper-green-a100: #b9f6ca; + --paper-green-a200: #69f0ae; + --paper-green-a400: #00e676; + --paper-green-a700: #00c853; + + --paper-light-green-50: #f1f8e9; + --paper-light-green-100: #dcedc8; + --paper-light-green-200: #c5e1a5; + --paper-light-green-300: #aed581; + --paper-light-green-400: #9ccc65; + --paper-light-green-500: #8bc34a; + --paper-light-green-600: #7cb342; + --paper-light-green-700: #689f38; + --paper-light-green-800: #558b2f; + --paper-light-green-900: #33691e; + --paper-light-green-a100: #ccff90; + --paper-light-green-a200: #b2ff59; + --paper-light-green-a400: #76ff03; + --paper-light-green-a700: #64dd17; + + --paper-lime-50: #f9fbe7; + --paper-lime-100: #f0f4c3; + --paper-lime-200: #e6ee9c; + --paper-lime-300: #dce775; + --paper-lime-400: #d4e157; + --paper-lime-500: #cddc39; + --paper-lime-600: #c0ca33; + --paper-lime-700: #afb42b; + --paper-lime-800: #9e9d24; + --paper-lime-900: #827717; + --paper-lime-a100: #f4ff81; + --paper-lime-a200: #eeff41; + --paper-lime-a400: #c6ff00; + --paper-lime-a700: #aeea00; + + --paper-yellow-50: #fffde7; + --paper-yellow-100: #fff9c4; + --paper-yellow-200: #fff59d; + --paper-yellow-300: #fff176; + --paper-yellow-400: #ffee58; + --paper-yellow-500: #ffeb3b; + --paper-yellow-600: #fdd835; + --paper-yellow-700: #fbc02d; + --paper-yellow-800: #f9a825; + --paper-yellow-900: #f57f17; + --paper-yellow-a100: #ffff8d; + --paper-yellow-a200: #ffff00; + --paper-yellow-a400: #ffea00; + --paper-yellow-a700: #ffd600; + + --paper-amber-50: #fff8e1; + --paper-amber-100: #ffecb3; + --paper-amber-200: #ffe082; + --paper-amber-300: #ffd54f; + --paper-amber-400: #ffca28; + --paper-amber-500: #ffc107; + --paper-amber-600: #ffb300; + --paper-amber-700: #ffa000; + --paper-amber-800: #ff8f00; + --paper-amber-900: #ff6f00; + --paper-amber-a100: #ffe57f; + --paper-amber-a200: #ffd740; + --paper-amber-a400: #ffc400; + --paper-amber-a700: #ffab00; + + --paper-orange-50: #fff3e0; + --paper-orange-100: #ffe0b2; + --paper-orange-200: #ffcc80; + --paper-orange-300: #ffb74d; + --paper-orange-400: #ffa726; + --paper-orange-500: #ff9800; + --paper-orange-600: #fb8c00; + --paper-orange-700: #f57c00; + --paper-orange-800: #ef6c00; + --paper-orange-900: #e65100; + --paper-orange-a100: #ffd180; + --paper-orange-a200: #ffab40; + --paper-orange-a400: #ff9100; + --paper-orange-a700: #ff6500; + + --paper-deep-orange-50: #fbe9e7; + --paper-deep-orange-100: #ffccbc; + --paper-deep-orange-200: #ffab91; + --paper-deep-orange-300: #ff8a65; + --paper-deep-orange-400: #ff7043; + --paper-deep-orange-500: #ff5722; + --paper-deep-orange-600: #f4511e; + --paper-deep-orange-700: #e64a19; + --paper-deep-orange-800: #d84315; + --paper-deep-orange-900: #bf360c; + --paper-deep-orange-a100: #ff9e80; + --paper-deep-orange-a200: #ff6e40; + --paper-deep-orange-a400: #ff3d00; + --paper-deep-orange-a700: #dd2c00; + + --paper-brown-50: #efebe9; + --paper-brown-100: #d7ccc8; + --paper-brown-200: #bcaaa4; + --paper-brown-300: #a1887f; + --paper-brown-400: #8d6e63; + --paper-brown-500: #795548; + --paper-brown-600: #6d4c41; + --paper-brown-700: #5d4037; + --paper-brown-800: #4e342e; + --paper-brown-900: #3e2723; + + --paper-grey-50: #fafafa; + --paper-grey-100: #f5f5f5; + --paper-grey-200: #eeeeee; + --paper-grey-300: #e0e0e0; + --paper-grey-400: #bdbdbd; + --paper-grey-500: #9e9e9e; + --paper-grey-600: #757575; + --paper-grey-700: #616161; + --paper-grey-800: #424242; + --paper-grey-900: #212121; + + --paper-blue-grey-50: #eceff1; + --paper-blue-grey-100: #cfd8dc; + --paper-blue-grey-200: #b0bec5; + --paper-blue-grey-300: #90a4ae; + --paper-blue-grey-400: #78909c; + --paper-blue-grey-500: #607d8b; + --paper-blue-grey-600: #546e7a; + --paper-blue-grey-700: #455a64; + --paper-blue-grey-800: #37474f; + --paper-blue-grey-900: #263238; + + + --dark-divider-opacity: 0.12; + --dark-disabled-opacity: 0.38; + --dark-secondary-opacity: 0.54; + --dark-primary-opacity: 0.87; + + + --light-divider-opacity: 0.12; + --light-disabled-opacity: 0.3; + --light-secondary-opacity: 0.7; + --light-primary-opacity: 1.0; + } + + html:not(.style-scope) { + --primary-text-color: var(--light-theme-text-color); + --primary-background-color: var(--light-theme-background-color); + --secondary-text-color: var(--light-theme-secondary-color); + --disabled-text-color: var(--light-theme-disabled-color); + --divider-color: var(--light-theme-divider-color); + --error-color: var(--paper-deep-orange-a700); + + + --primary-color: var(--paper-indigo-500); + --light-primary-color: var(--paper-indigo-100); + --dark-primary-color: var(--paper-indigo-700); + + --accent-color: var(--paper-pink-a200); + --light-accent-color: var(--paper-pink-a100); + --dark-accent-color: var(--paper-pink-a400); + + + + --light-theme-background-color: #ffffff; + --light-theme-base-color: #000000; + --light-theme-text-color: var(--paper-grey-900); + --light-theme-secondary-color: #737373; + --light-theme-disabled-color: #9b9b9b; + --light-theme-divider-color: #dbdbdb; + + + --dark-theme-background-color: var(--paper-grey-900); + --dark-theme-base-color: #ffffff; + --dark-theme-text-color: #ffffff; + --dark-theme-secondary-color: #bcbcbc; + --dark-theme-disabled-color: #646464; + --dark-theme-divider-color: #3c3c3c; + + + --text-primary-color: var(--dark-theme-text-color); + --default-primary-color: var(--primary-color); + } + + html:not(.style-scope) { + --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper-font-common-base_-_-webkit-font-smoothing: antialiased;; + + --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; + + --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;; + + --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowrap_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; + + + + --paper-font-display4_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display4_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display4_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-display4_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-display4_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display4_-_font-size: 112px; --paper-font-display4_-_font-weight: 300; --paper-font-display4_-_letter-spacing: -.044em; --paper-font-display4_-_line-height: 120px;; + + --paper-font-display3_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display3_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display3_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-display3_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-display3_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display3_-_font-size: 56px; --paper-font-display3_-_font-weight: 400; --paper-font-display3_-_letter-spacing: -.026em; --paper-font-display3_-_line-height: 60px;; + + --paper-font-display2_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display2_-_font-size: 45px; --paper-font-display2_-_font-weight: 400; --paper-font-display2_-_letter-spacing: -.018em; --paper-font-display2_-_line-height: 48px;; + + --paper-font-display1_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display1_-_font-size: 34px; --paper-font-display1_-_font-weight: 400; --paper-font-display1_-_letter-spacing: -.01em; --paper-font-display1_-_line-height: 40px;; + + --paper-font-headline_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-headline_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-headline_-_font-size: 24px; --paper-font-headline_-_font-weight: 400; --paper-font-headline_-_letter-spacing: -.012em; --paper-font-headline_-_line-height: 32px;; + + --paper-font-title_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-title_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-title_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-title_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-title_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-title_-_font-size: 20px; --paper-font-title_-_font-weight: 500; --paper-font-title_-_line-height: 28px;; + + --paper-font-subhead_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-subhead_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-subhead_-_font-size: 16px; --paper-font-subhead_-_font-weight: 400; --paper-font-subhead_-_line-height: 24px;; + + --paper-font-body2_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-body2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body2_-_font-size: 14px; --paper-font-body2_-_font-weight: 500; --paper-font-body2_-_line-height: 24px;; + + --paper-font-body1_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-body1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body1_-_font-size: 14px; --paper-font-body1_-_font-weight: 400; --paper-font-body1_-_line-height: 20px;; + + --paper-font-caption_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-caption_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-caption_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-caption_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-caption_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-caption_-_font-size: 12px; --paper-font-caption_-_font-weight: 400; --paper-font-caption_-_letter-spacing: 0.011em; --paper-font-caption_-_line-height: 20px;; + + --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu_-_font-weight: 500; --paper-font-menu_-_line-height: 24px;; + + --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --paper-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transform: uppercase;; + + --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-family); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-code2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;; + + --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-family); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-code1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;; + } + + html:not(.style-scope) { + --paper-input-container-shared-input-style_-_position: relative; --paper-input-container-shared-input-style_-_outline: none; --paper-input-container-shared-input-style_-_box-shadow: none; --paper-input-container-shared-input-style_-_padding: 0; --paper-input-container-shared-input-style_-_margin: 0; --paper-input-container-shared-input-style_-_width: 100%; --paper-input-container-shared-input-style_-_max-width: 100%; --paper-input-container-shared-input-style_-_background: transparent; --paper-input-container-shared-input-style_-_border: none; --paper-input-container-shared-input-style_-_color: var(--paper-input-container-input-color, var(--primary-text-color)); --paper-input-container-shared-input-style_-_-webkit-appearance: none; --paper-input-container-shared-input-style_-_text-align: apply-shim-inherit; --paper-input-container-shared-input-style_-_vertical-align: var(--paper-input-container-input-align, bottom); --paper-input-container-shared-input-style_-_font-family: var(--paper-font-subhead_-_font-family); --paper-input-container-shared-input-style_-_-webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); --paper-input-container-shared-input-style_-_font-size: var(--paper-font-subhead_-_font-size); --paper-input-container-shared-input-style_-_font-weight: var(--paper-font-subhead_-_font-weight); --paper-input-container-shared-input-style_-_line-height: var(--paper-font-subhead_-_line-height);; + } + + html:not(.style-scope) { + --yt-spec-brand-background-solid: #fff; + --yt-spec-brand-background-primary: rgba(255, 255, 255, 0.98); + --yt-spec-brand-background-secondary: rgba(255, 255, 255, 0.95); + --yt-spec-general-background-a: #f9f9f9; + --yt-spec-general-background-b: #f1f1f1; + --yt-spec-general-background-c: #e9e9e9; + --yt-spec-error-background: #181818; + --yt-spec-text-primary: #030303; + --yt-spec-text-primary-inverse: #fff; + --yt-spec-text-secondary: #606060; + --yt-spec-text-disabled: #909090; + --yt-spec-call-to-action: #065fd4; + --yt-spec-icon-active-other: #606060; + --yt-spec-icon-inactive: #909090; + --yt-spec-icon-disabled: #ccc; + --yt-spec-badge-chip-background: rgba(0, 0, 0, 0.05); + --yt-spec-verified-badge-background: rgba(0, 0, 0, 0.15); + --yt-spec-suggested-action: #f2f8ff; + --yt-spec-button-chip-background-hover: rgba(0, 0, 0, 0.1); + --yt-spec-touch-response: #000; + --yt-spec-paper-tab-ink: rgba(0, 0, 0, 0.3); + --yt-spec-filled-button-text: #fff; + --yt-spec-call-to-action-inverse: #3ea6ff; + --yt-spec-brand-icon-active: #f00; + --yt-spec-brand-icon-inactive: #606060; + --yt-spec-brand-button-background: #c00; + --yt-spec-brand-link-text: #c00; + --yt-spec-filled-button-focus-outline: rgba(0, 0, 0, 0.6); + --yt-spec-call-to-action-button-focus-outline: rgba(6, 95, 212, 0.3); + --yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, 0.3); + --yt-spec-inactive-text-button-focus-outline: #ccc; + --yt-spec-ad-indicator: #00716c; + --yt-spec-brand-subscribe-button-background: var(--yt-spec-brand-button-background); + --yt-spec-wordmark-text: #212121; + --yt-spec-10-percent-layer: rgba(0, 0, 0, 0.1); + --yt-spec-snackbar-background: #212121; + --yt-spec-selected-nav-text: #c00; + --yt-spec-themed-blue: #065fd4; + --yt-spec-themed-green: #107516; + --yt-spec-themed-overlay-background: rgba(255, 255, 255, 0.7); + --yt-spec-static-brand-red: #f00; + --yt-spec-static-brand-white: #fff; + --yt-spec-static-brand-black: #212121; + --yt-spec-static-ad-yellow: #fbc02d; + --yt-spec-static-overlay-background-solid: #000; + --yt-spec-static-overlay-background-heavy: rgba(0, 0, 0, 0.8); + --yt-spec-static-overlay-background-medium: rgba(0, 0, 0, 0.6); + --yt-spec-static-overlay-background-medium-light: rgba(0, 0, 0, 0.3); + --yt-spec-static-overlay-background-light: rgba(0, 0, 0, 0.1); + --yt-spec-static-overlay-text-primary: #fff; + --yt-spec-static-overlay-text-secondary: rgba(255, 255, 255, 0.7); + --yt-spec-static-overlay-text-disabled: rgba(255, 255, 255, 0.3); + --yt-spec-static-overlay-call-to-action: #3ea6ff; + --yt-spec-static-overlay-icon-active-other: #fff; + --yt-spec-static-overlay-icon-inactive: rgba(255, 255, 255, 0.7); + --yt-spec-static-overlay-icon-disabled: rgba(255, 255, 255, 0.3); + --yt-spec-static-overlay-button-primary: rgba(255, 255, 255, 0.3); + --yt-spec-static-overlay-button-secondary: rgba(255, 255, 255, 0.1); + --yt-spec-static-overlay-background-brand: rgba(204, 0, 0, 0.9); + } + + html:not(.style-scope)[dark],:not(.style-scope)[dark] { + --yt-spec-brand-background-solid: #212121; + --yt-spec-brand-background-primary: rgba(33, 33, 33, 0.98); + --yt-spec-brand-background-secondary: rgba(33, 33, 33, 0.95); + --yt-spec-general-background-a: #181818; + --yt-spec-general-background-b: #0f0f0f; + --yt-spec-general-background-c: #030303; + --yt-spec-error-background: #f9f9f9; + --yt-spec-text-primary: #fff; + --yt-spec-text-primary-inverse: #030303; + --yt-spec-text-secondary: #aaa; + --yt-spec-text-disabled: #717171; + --yt-spec-call-to-action: #3ea6ff; + --yt-spec-icon-active-other: #fff; + --yt-spec-icon-inactive: #909090; + --yt-spec-icon-disabled: #606060; + --yt-spec-badge-chip-background: rgba(255, 255, 255, 0.1); + --yt-spec-verified-badge-background: rgba(255, 255, 255, 0.25); + --yt-spec-suggested-action: #252a3a; + --yt-spec-button-chip-background-hover: rgba(255, 255, 255, 0.2); + --yt-spec-touch-response: #fff; + --yt-spec-paper-tab-ink: rgba(255, 255, 255, 0.3); + --yt-spec-filled-button-text: #030303; + --yt-spec-call-to-action-inverse: #065fd4; + --yt-spec-brand-icon-active: #fff; + --yt-spec-brand-icon-inactive: #909090; + --yt-spec-brand-button-background: #c00; + --yt-spec-brand-link-text: #ff4e45; + --yt-spec-filled-button-focus-outline: rgba(255, 255, 255, 0.7); + --yt-spec-call-to-action-button-focus-outline: rgba(62, 166, 255, 0.3); + --yt-spec-brand-text-button-focus-outline: rgba(255, 78, 69, 0.3); + --yt-spec-inactive-text-button-focus-outline: #606060; + --yt-spec-ad-indicator: #00aaa7; + --yt-spec-brand-subscribe-button-background: var(--yt-spec-brand-button-background); + --yt-spec-wordmark-text: #fff; + --yt-spec-10-percent-layer: rgba(255, 255, 255, 0.1); + --yt-spec-snackbar-background: #030303; + --yt-spec-selected-nav-text: #fff; + --yt-spec-themed-blue: #3ea6ff; + --yt-spec-themed-green: #2ba640; + --yt-spec-themed-overlay-background: rgba(0, 0, 0, 0.8); + } + + html:not(.style-scope) { + --yt-spec-white-1: #FFFFFF; + --yt-spec-white-2: #F9F9F9; + --yt-spec-white-3: #F1F1F1; + --yt-spec-white-4: #E9E9E9; + + --yt-spec-black-1: #282828; + --yt-spec-black-2: #1F1F1F; + --yt-spec-black-3: #161616; + --yt-spec-black-4: #0D0D0D; + --yt-spec-black-pure: #000000; + + --yt-spec-grey-1: #CCCCCC; + --yt-spec-grey-2: #AAAAAA; + --yt-spec-grey-3: #909090; + --yt-spec-grey-4: #717171; + --yt-spec-grey-5: #606060; + + --yt-brand-youtube-red: #FF0000; + --yt-brand-medium-red: #CC0000; + --yt-brand-light-red: #FF4E45; + --yt-spec-red-30: #FF8983; + --yt-spec-red-70: #990412; + + --yt-spec-pale-blue: #F2F8FF; + --yt-spec-light-blue: #3EA6FF; + --yt-spec-dark-blue: #065FD4; + --yt-spec-navy-blue: #252A3A; + --yt-spec-light-green: #2BA640; + --yt-spec-dark-green: #107516; + --yt-spec-yellow: #FBC02D; + + + --yt-spec-black-pure-alpha-5: rgba(0, 0, 0, 0.05); + --yt-spec-black-pure-alpha-10: rgba(0, 0, 0, 0.10); + --yt-spec-black-pure-alpha-15: rgba(0, 0, 0, 0.15); + --yt-spec-black-pure-alpha-30: rgba(0, 0, 0, 0.30); + --yt-spec-black-pure-alpha-60: rgba(0, 0, 0, 0.60); + --yt-spec-black-pure-alpha-80: rgba(0, 0, 0, 0.80); + + --yt-spec-black-1-alpha-98: rgba(40, 40, 40, 0.98); + --yt-spec-black-1-alpha-95: rgba(40, 40, 40, 0.95); + + --yt-spec-white-1-alpha-10: rgba(255, 255, 255, 0.10); + --yt-spec-white-1-alpha-20: rgba(255, 255, 255, 0.20); + --yt-spec-white-1-alpha-25: rgba(255, 255, 255, 0.25); + --yt-spec-white-1-alpha-30: rgba(255, 255, 255, 0.30); + --yt-spec-white-1-alpha-70: rgba(255, 255, 255, 0.70); + --yt-spec-white-1-alpha-95: rgba(255, 255, 255, 0.95); + --yt-spec-white-1-alpha-98: rgba(255, 255, 255, 0.98); + + --yt-brand-medium-red-alpha-90: rgba(204, 0, 0, 0.90); + --yt-brand-medium-red-alpha-30: rgba(204, 0, 0, 0.30); + + --yt-brand-light-red-alpha-30: rgba(255, 78, 69, 0.30); + + --yt-spec-light-blue-alpha-30: rgba(62, 166, 255, 0.30); + + --yt-spec-dark-blue-alpha-30: rgba(6, 95, 212, 0.30); + } + + html:not(.style-scope) { + --yt-luna-black: #111111; + --yt-opalescence-grey: #888888; + --yt-opalescence-soft-grey: #eeeeee; + --yt-opalescence-dark-grey: #333333; + --yt-red: #e62117; + --yt-white: white; + --yt-blue: #2793e6; + --ad-yellow: #e6bc27; + --yt-surface-100: white; + --yt-surface-200: #fafafa; + --yt-surface-300: whitesmoke; + --yt-surface-400: #ededed; + --yt-body-500: rgba(0, 0, 0, 0.87); + --yt-body-400: rgba(0, 0, 0, 0.74); + --yt-body-300: rgba(0, 0, 0, 0.54); + --yt-body-200: rgba(0, 0, 0, 0.26); + --yt-body-100: rgba(0, 0, 0, 0.04); + --yt-opacity-lighten-1: 0.8; + --yt-opacity-lighten-2: 0.6; + --yt-opacity-lighten-3: 0.4; + --yt-opacity-lighten-4: 0.2; + --yt-opacity-lighten-5: 0.1; + --yt-luna-black-opacity-lighten-1: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-1)); + --yt-luna-black-opacity-lighten-2: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-2)); + --yt-luna-black-opacity-lighten-2-hex: #707070; + --yt-luna-black-opacity-lighten-3: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-3)); + --yt-luna-black-opacity-lighten-4: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-4)); + --yt-opalescence-grey-opacity-lighten-1: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-1)); + --yt-opalescence-grey-opacity-lighten-2: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-2)); + --yt-opalescence-grey-opacity-lighten-3: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-3)); + --yt-opalescence-grey-opacity-lighten-4: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-4)); + --yt-opalescence-grey-opacity-lighten-5: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-5)); + --yt-opalescence-soft-grey-opacity-lighten-1: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-1)); + --yt-opalescence-soft-grey-opacity-lighten-2: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-2)); + --yt-opalescence-soft-grey-opacity-lighten-3: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-3)); + --yt-opalescence-soft-grey-opacity-lighten-4: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-4)); + --yt-white-opacity-lighten-1: hsla(0, 0%, 100%, var(--yt-opacity-lighten-1)); + --yt-white-opacity-lighten-2: hsla(0, 0%, 100%, var(--yt-opacity-lighten-2)); + --yt-white-opacity-lighten-3: hsla(0, 0%, 100%, var(--yt-opacity-lighten-3)); + --yt-white-opacity-lighten-4: hsla(0, 0%, 100%, var(--yt-opacity-lighten-4)); + --yt-blue-opacity-lighten-2: hsla(206.1, 79.3%, 52.7%, var(--yt-opacity-lighten-2)); + --yt-blue-opacity-lighten-4: hsla(206.1, 79.3%, 52.7%, var(--yt-opacity-lighten-4)); + --yt-playability-button-color: #262626; + --yt-blue-light: #167ac6; + --yt-blue-suggestive: #f2f8ff; + --yt-grey: #222222; + --yt-section-4-light: #e3e3e3; + --yt-dark-surface-100: #121212; + --yt-dark-surface-200: #1c1c1c; + --yt-dark-surface-200-lighten-1: rgba(28, 28, 28, 0.8); + --yt-dark-surface-300: #242424; + --yt-dark-surface-400: #292929; + --yt-dark-body-500: rgba(255, 255, 255, 0.88); + --yt-dark-body-400: rgba(255, 255, 255, 0.74); + --yt-dark-body-300: rgba(255, 255, 255, 0.5); + --yt-dark-body-200: rgba(255, 255, 255, 0.26); + --yt-dark-body-100: rgba(255, 255, 255, 0.08); + --yt-section-4-dark: #292929; + --yt-subscribe-button-count: rgba(255, 255, 255, 0.85); + } + + html:not(.style-scope) { + --yt-std-body-200: var(--yt-body-200); + --yt-std-body-300: var(--yt-body-300); + --yt-std-surface-200: var(--yt-surface-200); + --yt-std-surface-300: var(--yt-surface-300); + --yt-std-surface-400: var(--yt-surface-400); + --yt-primary-color: var(--yt-luna-black); + --yt-primary-text-color: var(--yt-luna-black); + --yt-secondary-text-color: var(--yt-luna-black-opacity-lighten-1); + --yt-tertiary-text-color: var(--yt-luna-black-opacity-lighten-2); + --yt-placeholder-text-color: var(--yt-luna-black-opacity-lighten-2); + --yt-border-color: var(--yt-opalescence-soft-grey); + --yt-commentbox-border-inactive: var(--yt-opalescence-soft-grey); + --yt-commentbox-border-active: var(--yt-luna-black-opacity-lighten-2); + --yt-primary-disabled-button-text-color: var(--yt-white); + --yt-paper-radio-button-checked-color: var(--yt-opalescence-grey); + --yt-paper-button-ink-color: var(--yt-opalescence-grey); + --yt-icon-color: var(--yt-luna-black-opacity-lighten-3); + --yt-icon-hover-color: var(--yt-luna-black-opacity-lighten-1); + --yt-icon-disabled-color: var(--yt-luna-black-opacity-lighten-2); + --yt-icon-active-color: var(--yt-luna-black); + --yt-expand-color: var(--yt-luna-black-opacity-lighten-2); + --yt-metadata-color: var(--yt-luna-black-opacity-lighten-2); + --yt-placeholder-text: var(--yt-luna-black-opacity-lighten-2); + --yt-playlist-background-header: var(--yt-opalescence-soft-grey); + --yt-playlist-background-item: var(--yt-opalescence-soft-grey-opacity-lighten-2); + --yt-playlist-title-text: var(--yt-luna-black); + --yt-playlist-message-text: var(--yt-luna-black-opacity-lighten-2); + --yt-subscribe-button-text-color: var(--yt-white); + --yt-button-text-color: var(--yt-luna-black-opacity-lighten-2); + --yt-button-payment-text-color: var(--yt-white); + --yt-button-active-color: var(--yt-luna-black); + --yt-copyright-text: var(--yt-luna-black-opacity-lighten-2); + --yt-guide-entry-text-color: var(--yt-luna-black-opacity-lighten-1); + --yt-thumbnail-placeholder-color: var(--yt-section-4-light); + --yt-featured-channel-title-text-color: var(--yt-body-300); + --yt-formatted-string-deemphasize-color: var(--yt-opalescence-grey); + --yt-alert-background: var(--yt-opalescence-soft-grey-opacity-lighten-3); + --yt-video-secondary-info-description-background: var(--yt-opalescence-soft-grey-opacity-lighten-2); + --yt-searchbox-text-color: var(--yt-primary-text-color); + --yt-simple-menu-header-background: var(--yt-opalescence-soft-grey); + --yt-item-section-header-color: var(--yt-luna-black-opacity-lighten-2); + --yt-menu-hover-backgound-color: var(--yt-opalescence-soft-grey); + --yt-menu-focus-background-color: var(--yt-luna-black-opacity-lighten-4); + --yt-app-background: var(--yt-white); + --yt-main-app-background: var(--yt-surface-200); + --yt-main-app-background-tmp: var(--yt-surface-100); + --yt-guide-background: var(--yt-surface-300); + --yt-dialog-background: var(--yt-white); + --yt-searchbox-background: var(--yt-white); + --yt-channel-header-background: var(--yt-surface-200); + --yt-sidebar-background: var(--yt-surface-200); + --yt-transcript-background: var(--yt-white); + } + + html:not(.style-scope)[dark],:not(.style-scope)[dark] { + --yt-std-body-200: var(--yt-dark-body-200); + --yt-std-body-300: var(--yt-dark-body-300); + --yt-std-surface-200: var(--yt-dark-surface-200); + --yt-std-surface-300: var(--yt-dark-surface-300); + --yt-std-surface-400: var(--yt-dark-surface-400); + --yt-primary-color: var(--yt-dark-body-500); + --yt-primary-text-color: var(--yt-dark-body-500); + --yt-secondary-text-color: var(--yt-dark-body-300); + --yt-tertiary-text-color: var(--yt-dark-body-300); + --yt-disabled-text-color: var(--yt-dark-body-200); + --yt-placeholder-text-color: var(--yt-dark-body-300); + --yt-border-color: var(--yt-dark-body-100); + --yt-commentbox-border-inactive: var(--yt-dark-body-300); + --yt-commentbox-border-active: var(--yt-dark-body-500); + --yt-alert-background: var(--yt-dark-body-200); + --yt-paper-button-ink-color: var(--yt-white-opacity-lighten-4); + --yt-icon-color: var(--yt-dark-body-300); + --yt-icon-hover-color: var(--yt-dark-body-400); + --yt-icon-active-color: var(--yt-dark-body-500); + --yt-icon-disabled-color: var(--yt-dark-body-200); + --yt-expand-color: var(--yt-white-opacity-lighten-2); + --yt-metadata-color: var(--yt-opalescence-grey); + --yt-channel-owner: var(--yt-dark-body-500); + --yt-placeholder-text: var(--yt-opalescence-soft-grey); + --yt-playlist-background-header: var(--yt-opalescence-grey-opacity-lighten-3); + --yt-playlist-background-item: var(--yt-opalescence-grey-opacity-lighten-4); + --yt-playlist-title-text: var(--yt-dark-body-500); + --yt-playlist-message-text: var(--yt-opalescence-soft-grey); + --yt-subscribe-button-text-color: var(--yt-dark-body-500); + --yt-button-text-color: var(--yt-dark-body-300); + --yt-button-active-color: var(--yt-dark-body-500); + --yt-button-payment-text-color: var(--yt-dark-body-500); + --yt-copyright-text: var(--yt-white-opacity-lighten-2); + --yt-guide-entry-text-color: var(--yt-dark-body-500); + --yt-thumbnail-placeholder-color: var(--yt-section-4-dark); + --yt-primary-disabled-button-text-color: var(--yt-white-opacity-lighten-4); + --yt-featured-channel-title-text-color: var(--yt-dark-body-300); + --yt-formatted-string-deemphasize-color: var(--yt-opalescence-grey); + --yt-video-secondary-info-description-background: var(--yt-opalescence-grey-opacity-lighten-4); + --yt-simple-menu-header-background: var(--yt-opalescence-grey-opacity-lighten-3); + --yt-item-section-header-color: var(--yt-opalescence-soft-grey); + --yt-menu-hover-backgound-color: var(--yt-dark-body-100); + --yt-menu-focus-background-color: var(--yt-dark-body-200); + --yt-searchbox-text-color: var(--yt-primary-text-color); + --yt-app-background: var(--yt-dark-surface-100); + --yt-main-app-background: var(--yt-dark-surface-100); + --yt-main-app-background-tmp: var(--yt-dark-surface-100); + --yt-guide-background: var(--yt-dark-surface-200); + --yt-dialog-background: var(--yt-dark-surface-300); + --yt-searchbox-background: var(--yt-dark-surface-100); + --yt-channel-header-background: var(--yt-dark-surface-200-lighten-1); + --yt-sidebar-background: var(--yt-dark-surface-200-lighten-1); + --yt-transcript-background: var(--yt-dark-surface-200); + --yt-blue-suggestive: transparent; + } + + .theme-tester:not(.style-scope)[dark] { + background-color: var(--yt-dark-surface-100); + } + + html:not(.style-scope) { + --yt-live-chat-32px-icon-button_-_width: 40px; --yt-live-chat-32px-icon-button_-_height: 40px; --yt-live-chat-32px-icon-button_-_padding: 8px;; + } + + html:not(.style-scope) { + --yt-button-margin: 0; + --yt-button-padding: 10px 16px; + + --yt-button-padding-minus-border: 9px 15px; + --yt-button-padding-minus-focus-outline: 8px 14px; + --yt-button-padding-minus-focus-outline-width: 2px; + --yt-button-with-icon-padding-minus-focus-outline: 4px 14px; + --yt-button-border-radius: 2px; + } + + html:not(.style-scope) { + --ytd-grid-base: 103px; + --ytd-margin-base: 4px; + --ytd-avatar-size: 32px; + --ytd-toolbar-height: 56px; + --ytd-margin-2x: 8px; + --ytd-margin-3x: 12px; + --ytd-margin-4x: 16px; + --ytd-margin-5x: 20px; + --ytd-margin-6x: 24px; + --ytd-margin-7x: 28px; + --ytd-margin-8x: 32px; + --ytd-margin-9x: 36px; + --ytd-margin-10x: 40px; + --ytd-margin-11x: 44px; + --ytd-margin-12x: 48px; + --ytd-margin-14x: 56px; + --ytd-margin-16x: 64px; + --ytd-margin-17x: 68px; + --ytd-margin-24x: 96px; + --ytd-margin-25x: 100px; + --ytd-margin-35x: 140px; + --ytd-neg-margin-base: -4px; + --ytd-neg-margin-2x: -8px; + --ytd-neg-margin-3x: -12px; + --ytd-neg-margin-4x: -16px; + --ytd-neg-margin-5x: -20px; + --ytd-neg-margin-6x: -24px; + --ytd-neg-margin-7x: -28px; + --ytd-neg-margin-8x: -32px; + --ytd-neg-margin-10x: -40px; + --ytd-neg-margin-11x: -44px; + --ytd-neg-margin-12x: -48px; + --ytd-neg-margin-14x: -56px; + --ytd-neg-margin-16x: -64px; + --ytd-neg-margin-24x: -96px; + --ytd-neg-margin-25x: -100px; + --ytd-grid-1x1_-_height: 103px; --ytd-grid-1x1_-_width: 103px;; + --ytd-safari-layout-fix_-_-ms-flex: var(--layout-flex-none_-_-ms-flex); --ytd-safari-layout-fix_-_-webkit-flex: var(--layout-flex-none_-_-webkit-flex); --ytd-safari-layout-fix_-_flex: var(--layout-flex-none_-_flex);; + --yt-report-form-modal-renderer-min-width: 250px; + --yt-legal-report-details-form-renderer-min-width: 250px; + --yt-circular_-_border-radius: 50%; --yt-circular_-_background-color: transparent; --yt-circular_-_overflow: hidden;; + --yt-multi-line-ellipsis_-_-webkit-box-orient: vertical; --yt-multi-line-ellipsis_-_text-overflow: ellipsis; --yt-multi-line-ellipsis_-_white-space: normal; --yt-multi-line-ellipsis_-_display: -webkit-box;; + --yt-upsell-dialog-layout-vertical-width: 400px; + --yt-upsell-dialog-layout-horizontal-width: 800px; + } + + html:not(.style-scope) { + --yt-redeem-code-title_-_font-size: 2.4rem; --yt-redeem-code-title_-_font-weight: 400; --yt-redeem-code-title_-_line-height: 2.8rem;; + + --yt-redeem-input-text_-_font-size: 1.6rem; --yt-redeem-input-text_-_font-weight: 400; --yt-redeem-input-text_-_line-height: 1.6rem;; + + --yt-redeem-error-message_-_font-size: 1.2rem; --yt-redeem-error-message_-_font-weight: 400; --yt-redeem-error-message_-_line-height: 2.0rem;; + + --yt-post-redemption-section-title_-_font-size: 2.6rem; --yt-post-redemption-section-title_-_font-weight: 400; --yt-post-redemption-section-title_-_font-family: 'YT Sans'; --yt-post-redemption-section-title_-_line-height: 3rem; --yt-post-redemption-section-title_-_-moz-osx-font-smoothing: grayscale; --yt-post-redemption-section-title_-_-webkit-font-smoothing: antialiased;; + } + + html:not(.style-scope)[noto] { + --paper-font-common-base_-_font-family: 'Roboto', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC', 'Noto Sans SC', 'Arial', sans-serif; --paper-font-common-base_-_-webkit-font-smoothing: antialiased;; + } + + html:not(.style-scope)[typography] { + --yt-channel-line-height: 3.4rem; + --yt-navbar-title-line-height: 2.6rem; + --yt-subheadline-line-height: 2.2rem; + --yt-subheadline-letter-spacing: .1px; + --yt-subheadline-link-letter-spacing: .15px; + --yt-link-line-height: 2rem; + --yt-link-letter-spacing: .25px; + --yt-thumbnail-attribution-font-size: 1.2rem; + --yt-thumbnail-attribution-line-height: 1.8rem; + --yt-thumbnail-attribution-letter-spacing: .3px; + --yt-user-comment-line-height: 2rem; + --yt-user-comment-letter-spacing: .2px; + --yt-guide-highlight-line-height: 2rem; + --yt-guide-highlight-letter-spacing: .25px; + --yt-caption-font-size: 1.2rem; + --yt-caption-line-height: 1.8rem; + --yt-caption-letter-spacing: .35px; + } + + html:not(.style-scope) { + --ytd-channel-title_-_font-size: var(--yt-channel-title-font-size, 2.4rem); --ytd-channel-title_-_font-weight: 400; --ytd-channel-title_-_line-height: var(--yt-channel-title-line-height, 3rem);; + + --yt-navbar-title-font-size: 1.8rem; + + --ytd-navbar-title_-_font-size: var(--yt-navbar-title-font-size); --ytd-navbar-title_-_font-weight: 400; --ytd-navbar-title_-_line-height: var(--yt-navbar-title-line-height, 2.4rem);; + + --ytd-navbar-title-two-lines_-_display: block; --ytd-navbar-title-two-lines_-_max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); --ytd-navbar-title-two-lines_-_overflow: hidden; --ytd-navbar-title-two-lines_-_font-size: var(--ytd-navbar-title_-_font-size); --ytd-navbar-title-two-lines_-_font-weight: var(--ytd-navbar-title_-_font-weight); --ytd-navbar-title-two-lines_-_line-height: var(--ytd-navbar-title_-_line-height);; + + --ytd-subheadline_-_font-size: var(--yt-subheadline-font-size, 1.6rem); --ytd-subheadline_-_font-weight: 400; --ytd-subheadline_-_line-height: var(--yt-subheadline-line-height, 2rem); --ytd-subheadline_-_letter-spacing: var(--yt-subheadline-letter-spacing, normal);; + + --ytd-subheadline-one-line_-_display: block; --ytd-subheadline-one-line_-_max-height: var(--yt-subheadline-line-height, 2rem); --ytd-subheadline-one-line_-_overflow: hidden; --ytd-subheadline-one-line_-_font-size: var(--ytd-subheadline_-_font-size); --ytd-subheadline-one-line_-_font-weight: var(--ytd-subheadline_-_font-weight); --ytd-subheadline-one-line_-_line-height: var(--ytd-subheadline_-_line-height); --ytd-subheadline-one-line_-_letter-spacing: var(--ytd-subheadline_-_letter-spacing);; + + --ytd-subheadline-one-line-ellipsis_-_white-space: nowrap; --ytd-subheadline-one-line-ellipsis_-_text-overflow: ellipsis; --ytd-subheadline-one-line-ellipsis_-_display: var(--ytd-subheadline-one-line_-_display); --ytd-subheadline-one-line-ellipsis_-_max-height: var(--ytd-subheadline-one-line_-_max-height); --ytd-subheadline-one-line-ellipsis_-_overflow: var(--ytd-subheadline-one-line_-_overflow); --ytd-subheadline-one-line-ellipsis_-_font-size: var(--ytd-subheadline-one-line_-_font-size); --ytd-subheadline-one-line-ellipsis_-_font-weight: var(--ytd-subheadline-one-line_-_font-weight); --ytd-subheadline-one-line-ellipsis_-_line-height: var(--ytd-subheadline-one-line_-_line-height); --ytd-subheadline-one-line-ellipsis_-_letter-spacing: var(--ytd-subheadline-one-line_-_letter-spacing);; + + --ytd-subheadline-link_-_font-size: var(--yt-subheadline-font-size, 1.6rem); --ytd-subheadline-link_-_font-weight: 500; --ytd-subheadline-link_-_line-height: var(--yt-subheadline-line-height, 2rem); --ytd-subheadline-link_-_letter-spacing: var(--yt-subheadline-link-letter-spacing, normal);; + + --ytd-link_-_font-size: var(--yt-link-font-size, 1.4rem); --ytd-link_-_font-weight: 500; --ytd-link_-_line-height: var(--yt-link-line-height, 1.6rem); --ytd-link_-_letter-spacing: var(--yt-link-letter-spacing, normal);; + + --ytd-link-one-line_-_display: block; --ytd-link-one-line_-_max-height: var(--yt-link-line-height, 1.6rem); --ytd-link-one-line_-_white-space: nowrap; --ytd-link-one-line_-_overflow: hidden; --ytd-link-one-line_-_font-size: var(--ytd-link_-_font-size); --ytd-link-one-line_-_font-weight: var(--ytd-link_-_font-weight); --ytd-link-one-line_-_line-height: var(--ytd-link_-_line-height); --ytd-link-one-line_-_letter-spacing: var(--ytd-link_-_letter-spacing);; + + --ytd-link-two-lines_-_display: block; --ytd-link-two-lines_-_max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); --ytd-link-two-lines_-_overflow: hidden; --ytd-link-two-lines_-_font-size: var(--ytd-link_-_font-size); --ytd-link-two-lines_-_font-weight: var(--ytd-link_-_font-weight); --ytd-link-two-lines_-_line-height: var(--ytd-link_-_line-height); --ytd-link-two-lines_-_letter-spacing: var(--ytd-link_-_letter-spacing);; + + --ytd-thumbnail-attribution_-_font-size: var(--yt-thumbnail-attribution-font-size, 1.3rem); --ytd-thumbnail-attribution_-_font-weight: 400; --ytd-thumbnail-attribution_-_line-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); --ytd-thumbnail-attribution_-_letter-spacing: var(--yt-thumbnail-attribution-letter-spacing, inherit); --ytd-thumbnail-attribution_-_text-transform: none;; + + --ytd-thumbnail-attribution-one-line_-_display: block; --ytd-thumbnail-attribution-one-line_-_max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); --ytd-thumbnail-attribution-one-line_-_overflow: hidden; --ytd-thumbnail-attribution-one-line_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --ytd-thumbnail-attribution-one-line_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --ytd-thumbnail-attribution-one-line_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --ytd-thumbnail-attribution-one-line_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --ytd-thumbnail-attribution-one-line_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; + + --ytd-thumbnail-attribution-two-line_-_display: block; --ytd-thumbnail-attribution-two-line_-_max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); --ytd-thumbnail-attribution-two-line_-_overflow: hidden; --ytd-thumbnail-attribution-two-line_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --ytd-thumbnail-attribution-two-line_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --ytd-thumbnail-attribution-two-line_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --ytd-thumbnail-attribution-two-line_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --ytd-thumbnail-attribution-two-line_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; + + --ytd-thumbnail-attribution-two-line-ellipsis_-_display: -webkit-box; --ytd-thumbnail-attribution-two-line-ellipsis_-_-webkit-box-orient: vertical; --ytd-thumbnail-attribution-two-line-ellipsis_-_max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); --ytd-thumbnail-attribution-two-line-ellipsis_-_overflow: hidden; --ytd-thumbnail-attribution-two-line-ellipsis_-_text-overflow: ellipsis; --ytd-thumbnail-attribution-two-line-ellipsis_-_white-space: normal; --ytd-thumbnail-attribution-two-line-ellipsis_-_-webkit-line-clamp: 2; --ytd-thumbnail-attribution-two-line-ellipsis_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --ytd-thumbnail-attribution-two-line-ellipsis_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --ytd-thumbnail-attribution-two-line-ellipsis_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --ytd-thumbnail-attribution-two-line-ellipsis_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --ytd-thumbnail-attribution-two-line-ellipsis_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; + + --ytd-user-comment_-_font-size: var(--yt-user-comment-font-size, 1.4rem); --ytd-user-comment_-_font-weight: 400; --ytd-user-comment_-_line-height: var(--yt-user-comment-line-height, 2.1rem); --ytd-user-comment_-_letter-spacing: var(--yt-user-comment-letter-spacing, normal);; + + --ytd-user-comment-two-line_-_display: block; --ytd-user-comment-two-line_-_max-height: calc(2 * var(--yt-user-comment-line-height, 2.1rem)); --ytd-user-comment-two-line_-_overflow: hidden; --ytd-user-comment-two-line_-_font-size: var(--ytd-user-comment_-_font-size); --ytd-user-comment-two-line_-_font-weight: var(--ytd-user-comment_-_font-weight); --ytd-user-comment-two-line_-_line-height: var(--ytd-user-comment_-_line-height); --ytd-user-comment-two-line_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + + --ytd-tab-system_-_font-size: var(--yt-tab-system-font-size, 1.4rem); --ytd-tab-system_-_font-weight: 500; --ytd-tab-system_-_letter-spacing: .007px; --ytd-tab-system_-_text-transform: uppercase;; + + --ytd-caption_-_font-size: var(--yt-caption-font-size, 1.3rem); --ytd-caption_-_line-height: var(--yt-caption-line-height, normal); --ytd-caption_-_font-weight: 500; --ytd-caption_-_letter-spacing: var(--yt-caption-letter-spacing, .007px); --ytd-caption_-_text-transform: uppercase;; + + + --ytd-floating-input-thumbnail-attribution_-_font-size: 1.7rem; --ytd-floating-input-thumbnail-attribution_-_font-weight: 400; --ytd-floating-input-thumbnail-attribution_-_line-height: 2.4rem;; + + --ytd-badge_-_font-size: var(--yt-badge-font-size, 1.2rem); --ytd-badge_-_font-weight: 500; --ytd-badge_-_line-height: var(--yt-badge-line-height, 1.2rem);; + + --ytd-comment-link_-_font-size: 1.3rem; --ytd-comment-link_-_font-weight: 500; --ytd-comment-link_-_line-height: 1.8rem;; + + --ytd-mini-attribution_-_font-size: 1.2rem; --ytd-mini-attribution_-_font-weight: 400; --ytd-mini-attribution_-_line-height: 1.5rem;; + + --ytd-mini-attribution-endpoint_-_font-size: 1.2rem; --ytd-mini-attribution-endpoint_-_font-weight: 500; --ytd-mini-attribution-endpoint_-_line-height: 1.5rem;; + + --ytd-label_-_font-size: 1.0rem; --ytd-label_-_font-weight: 400; --ytd-label_-_line-height: 1.4rem;; + + --ytd-label-one-line-ellipsis_-_display: block; --ytd-label-one-line-ellipsis_-_max-height: 1.4rem; --ytd-label-one-line-ellipsis_-_overflow: hidden; --ytd-label-one-line-ellipsis_-_text-overflow: ellipsis; --ytd-label-one-line-ellipsis_-_white-space: nowrap; --ytd-label-one-line-ellipsis_-_font-size: var(--ytd-label_-_font-size); --ytd-label-one-line-ellipsis_-_font-weight: var(--ytd-label_-_font-weight); --ytd-label-one-line-ellipsis_-_line-height: var(--ytd-label_-_line-height);; + + --ytd-code-snippet_-_font-family: 'Roboto Mono', monospace; --ytd-code-snippet_-_font-size: 1.4rem; --ytd-code-snippet_-_font-weight: 400; --ytd-code-snippet_-_line-height: 2.4rem;; + + --ytd-conversation-metadata_-_font-size: 1.2rem; --ytd-conversation-metadata_-_font-weight: 400; --ytd-conversation-metadata_-_line-height: 1.6rem;; + + --yt-code_-_font-family: 'Roboto Mono', monospace; --yt-code_-_font-size: 1.4rem; --yt-code_-_font-weight: 500; --yt-code_-_line-height: 2.1rem;; + + --ytd-guide-highlight_-_font-size: 1.4rem; --ytd-guide-highlight_-_font-weight: 500; --ytd-guide-highlight_-_line-height: var(--yt-guide-highlight-line-height, 1.8rem); --ytd-guide-highlight_-_letter-spacing: var(--yt-guide-highlight-letter-spacing, normal);; + + --ytd-item-section-header-title_-_font-size: 1.6em; --ytd-item-section-header-title_-_line-height: 1.4em; --ytd-item-section-header-title_-_font-weight: 500;; + } + + html:not(.style-scope) { + --ytd-rich-grid-items-per-row: 4; + --ytd-rich-grid-posts-per-row: 3; + --ytd-rich-grid-movies-per-row: 6; + --ytd-rich-grid-item-margin: 16px; + --ytd-rich-grid-item-min-width: 320px; + --ytd-rich-grid-item-max-width: 360px; + --ytd-rich-grid-mini-item-min-width: 240px; + --ytd-rich-grid-mini-item-max-width: 320px; + --ytd-rich-grid-movie-max-width: 220px; + } + + html:not(.style-scope) { + --paper-dialog-background-color: var(--yt-spec-brand-background-solid); + --paper-listbox-background-color: var(--yt-spec-brand-background-solid); + --paper-listbox-color: var(--yt-spec-text-primary); + --paper-spinner-layer-1-color: var(--yt-spec-icon-inactive); + --paper-spinner-layer-2-color: var(--yt-spec-icon-inactive); + --paper-spinner-layer-3-color: var(--yt-spec-icon-inactive); + --paper-spinner-layer-4-color: var(--yt-spec-icon-inactive); + --paper-spinner-color: var(--yt-spec-icon-inactive); + --paper-input-container-focus-color: var(--yt-spec-themed-blue); + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-label-floating_-_font-size: var(--ytd-floating-input-thumbnail-attribution_-_font-size); --paper-input-container-label-floating_-_font-weight: var(--ytd-floating-input-thumbnail-attribution_-_font-weight); --paper-input-container-label-floating_-_line-height: var(--ytd-floating-input-thumbnail-attribution_-_line-height);; + --paper-input-container-invalid-color: var(--yt-spec-brand-link-text); + --paper-checkbox-unchecked-color: var(--yt-spec-icon-inactive); + --paper-checkbox-unchecked-ink-color: var(--yt-spec-icon-inactive); + --paper-checkbox-checked-color: var(--yt-spec-call-to-action); + --paper-checkbox-checked-ink-color: var(--yt-spec-call-to-action); + --paper-checkbox-label-color: var(--yt-spec-text-primary); + --paper-checkbox-label-spacing: 16px; + --paper-checkbox-size: 20px; + --paper-checkbox-checkmark-color: var(--yt-spec-text-primary-inverse); + --paper-radio-button-unchecked-color: var(--yt-spec-icon-inactive); + --paper-radio-button-unchecked-ink-color: var(--yt-spec-icon-inactive); + --paper-radio-button-checked-color: var(--yt-spec-call-to-action); + --paper-radio-button-checked-ink-color: var(--yt-spec-call-to-action); + --paper-radio-button-label-spacing: 16px; + --paper-radio-button-label-color: var(--yt-spec-text-primary); + --paper-radio-button-size: 20px; + --paper-item_-_white-space: nowrap; --paper-item_-_font-size: initial; --paper-item_-_font-weight: initial; --paper-item_-_line-height: initial; --paper-item_-_letter-spacing: initial;; + --paper-input-error_-_overflow: hidden;; + --paper-toggle-button-unchecked-bar-color: var(--yt-spec-icon-disabled); + --paper-toggle-button-unchecked-button-color: var(--yt-spec-icon-inactive); + --paper-toggle-button-checked-bar-color: var(--yt-spec-icon-disabled); + --paper-toggle-button-checked-button-color: var(--yt-spec-call-to-action); + --paper-toggle-button-checked-ink-color: var(--yt-spec-call-to-action); + --paper-toggle-button-unchecked-ink-color: var(--yt-spec-touch-response); + --paper-tab-content-unselected_-_opacity: 1;; + --paper-menu-disabled-color: var(--yt-spec-text-primary); + --paper-menu-background-color: var(--yt-spec-brand-background-solid); + --paper-menu-color: var(--yt-spec-text-primary); + --yt-icon-width: 40px; + --yt-icon-height: 40px; + --yt-search-correction_-_margin-top: 24px;; + --yt-search-correction-corrected_-_color: var(--yt-spec-text-primary); --yt-search-correction-corrected_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --yt-search-correction-corrected_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --yt-search-correction-corrected_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --yt-search-correction-corrected_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --yt-search-correction-corrected_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; + --yt-search-correction-corrected-link_-_font-size: var(--ytd-link_-_font-size); --yt-search-correction-corrected-link_-_font-weight: var(--ytd-link_-_font-weight); --yt-search-correction-corrected-link_-_line-height: var(--ytd-link_-_line-height); --yt-search-correction-corrected-link_-_letter-spacing: var(--ytd-link_-_letter-spacing);; + --yt-search-correction-original_-_padding-left: 8px; --yt-search-correction-original_-_color: var(--yt-spec-text-primary); --yt-search-correction-original_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --yt-search-correction-original_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --yt-search-correction-original_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --yt-search-correction-original_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --yt-search-correction-original_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; + --yt-search-correction-original-link_-_font-size: var(--ytd-link_-_font-size); --yt-search-correction-original-link_-_font-weight: var(--ytd-link_-_font-weight); --yt-search-correction-original-link_-_line-height: var(--ytd-link_-_line-height); --yt-search-correction-original-link_-_letter-spacing: var(--ytd-link_-_letter-spacing);; + --yt-endpoint_-_display: inline-block; --yt-endpoint_-_cursor: pointer; --yt-endpoint_-_text-decoration: none; --yt-endpoint_-_color: var(--yt-endpoint-color, var(--yt-spec-text-primary));; + --yt-endpoint-hover_-_color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); --yt-endpoint-hover_-_text-decoration: var(--yt-endpoint-text-decoration, none);; + --yt-notification-button-bubble_-_color: var(--yt-swatch-important-text, var(--yt-white)); --yt-notification-button-bubble_-_background-color: var(--yt-spec-brand-button-background); --yt-notification-button-bubble_-_width: 18px; --yt-notification-button-bubble_-_height: 18px; --yt-notification-button-bubble_-_border-radius: 50%; --yt-notification-button-bubble_-_line-height: 18px; --yt-notification-button-bubble_-_font-size: 10px; --yt-notification-button-bubble_-_text-align: center; --yt-notification-button-bubble_-_cursor: pointer;; + } + + html:not(.style-scope) { + --ytd-searchbox-border-color: var(--yt-opalescence-grey-opacity-lighten-4); + --ytd-searchbox-legacy-border-color: #ccc; + --ytd-searchbox-legacy-border-shadow-color: #eee; + --ytd-searchbox-legacy-button-color: #f8f8f8; + --ytd-searchbox-legacy-button-border-color: #d3d3d3; + --ytd-searchbox-legacy-button-focus-color: #e9e9e9; + --ytd-searchbox-legacy-button-hover-color: #f0f0f0; + --ytd-searchbox-legacy-button-hover-border-color: #c6c6c6; + --ytd-searchbox-legacy-button-icon-color: #333; + --ytd-moderation-panel-background: var(--yt-opalescence-soft-grey-opacity-lighten-2); + --ytd-moderation-panel-hover: var(--yt-opalescence-soft-grey-opacity-lighten-1); + --ytd-moderation-panel-comment-text: var(--yt-luna-black); + --ytd-moderation-panel-comment-metadata-text: var(--yt-luna-black-opacity-lighten-2); + --ytd-moderation-icon-color: var(--yt-luna-black-opacity-lighten-2); + --ytd-moderation-icon-hover-color: var(--yt-luna-black); + --ytd-moderation-panel-likely-spam-divider: var(--yt-opalescence-grey-opacity-lighten-5); + --ytd-comment-text-color: var(--yt-luna-black); + --ytd-comment-metadata-text-color: var(--yt-spec-text-secondary); + --ytd-watch-card-secondary-text-color: var(--yt-opalescence-grey); + --ytd-watch-card-album-header-background: var(--yt-white); + --ytd-watch-header-background: var(--yt-surface-300); + --ytd-backstage-metadata-text-color: var(--yt-opalescence-grey); + --ytd-backstage-video-link-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); + --ytd-backstage-image-alert-color: var(--yt-luna-black-opacity-lighten-2); + --ytd-backstage-cancel-background-color: var(--yt-white); + --ytd-backstage-cancel-color: var(--yt-luna-black-opacity-lighten-3); + --ytd-backstage-attachment-background-color: var(--yt-surface-100); + --ytd-backstage-creationbox-inactive-color: var(--yt-body-200); + --ytd-backstage-creationbox-text-color: var(--yt-body-300); + --ytd-backstage-creationbox-input-text-color: var(--yt-body-500); + --ytd-backstage-creationbox-disabled-button-color: var(--yt-body-100); + --ytd-backstage-creationbox-disabled-button-text-color: var(--yt-white); + --ytd-backstage-attachment-icon-hover-color: var(--yt-body-400); + --ytd-sponsorships-background-color-focus: var(--yt-opalescence-soft-grey-opacity-lighten-3); + --ytd-badge-disabled-color: var(--yt-opalescence-grey-opacity-lighten-3); + --ytd-collection-badge-color: var(--yt-luna-black-opacity-lighten-1); + --ytd-owner-badge-color: var(--yt-luna-black-opacity-lighten-3); + --ytd-simple-badge-color: var(--yt-luna-black-opacity-lighten-2); + --ytd-shopping-product-info: var(--yt-luna-black-opacity-lighten-1); + --ytd-transcript-cue-hover-background-color: var(--yt-opalescence-soft-grey); + --ytd-transcript-toolbar-background-color: var(--yt-opalescence-soft-grey); + --ytd-transcript-toolbar-text: var(--yt-luna-black); + --ytd-video-publish-date-color: var(--yt-luna-black-opacity-lighten-2); + --ytd-vat-notice-text: var(--yt-luna-black-opacity-lighten-2); + --ytd-offer-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); + --ytd-video-game-watch-card-logo-color: var(--yt-luna-black); + --ytd-watch-split-pane-sidebar-background-color: var(--yt-surface-200); + } + + html:not(.style-scope)[dark],:not(.style-scope)[dark] { + --ytd-searchbox-border-color: var(--yt-opalescence-grey-opacity-lighten-4); + --ytd-searchbox-legacy-border-color: #303030; + --ytd-searchbox-legacy-border-shadow-color: rgba(0, 0, 0, 0); + --ytd-searchbox-legacy-button-color: rgba(255, 255, 255, 0.08); + --ytd-searchbox-legacy-button-border-color: #303030; + --ytd-searchbox-legacy-button-focus-color: rgba(255, 255, 255, 0.08); + --ytd-searchbox-legacy-button-hover-color: rgba(255, 255, 255, 0.08); + --ytd-searchbox-legacy-button-hover-border-color: #303030; + --ytd-searchbox-legacy-button-icon-color: var(--yt-dark-body-300); + --ytd-moderation-panel-background: var(--yt-dark-surface-200-lighten-1); + --ytd-moderation-panel-hover: var(--yt-dark-surface-200); + --ytd-moderation-panel-comment-text: var(--yt-dark-body-300); + --ytd-moderation-panel-comment-metadata-text: var(--yt-dark-body-300); + --ytd-moderation-icon-color: var(--yt-dark-body-300); + --ytd-moderation-icon-hover-color: var(--yt-dark-body-400); + --ytd-comment-text-color: var(--yt-dark-body-500); + --ytd-comment-metadata-text-color: var(--yt-opalescence-grey); + --ytd-watch-card-secondary-text-color: var(--yt-opalescence-soft-grey); + --ytd-watch-card-album-header-background: var(--yt-luna-black); + --ytd-watch-header-background: var(--yt-dark-surface-200); + --ytd-backstage-metadata-text-color: var(--yt-dark-body-500); + --ytd-backstage-video-link-background-color: var(--yt-dark-surface-300); + --ytd-backstage-image-alert-color: var(--yt-dark-body-500); + --ytd-backstage-cancel-background-color: var(--yt-dark-surface-300); + --ytd-backstage-cancel-color: var(--yt-white); + --ytd-backstage-attachment-background-color: var(--yt-dark-surface-100); + --ytd-backstage-creationbox-inactive-color: var(--yt-dark-body-200); + --ytd-backstage-creationbox-text-color: var(--yt-dark-body-300); + --ytd-backstage-creationbox-input-text-color: var(--yt-dark-body-500); + --ytd-backstage-creationbox-disabled-button-color: var(--yt-dark-body-100); + --ytd-backstage-creationbox-disabled-button-text-color: var(--yt-dark-body-200); + --ytd-backstage-attachment-icon-hover-color: var(--yt-dark-body-400); + --ytd-sponsorships-background-color-focus: var(--yt-dark-surface-200); + --ytd-badge-disabled-color: var(--yt-white-opacity-lighten-3); + --ytd-collection-badge-color: var(--yt-white-opacity-lighten-1); + --ytd-owner-badge-color: var(--yt-white-opacity-lighten-3); + --ytd-simple-badge-color: var(--yt-white-opacity-lighten-2); + --ytd-shopping-product-info: var(--yt-dark-body-400); + --ytd-transcript-cue-hover-background-color: var(--yt-opalescence-grey-opacity-lighten-3); + --ytd-transcript-toolbar-background-color: var(--yt-opalescence-grey-opacity-lighten-3); + --ytd-transcript-toolbar-text: var(--yt-dark-body-500); + --ytd-video-publish-date-color: var(--yt-white-opacity-lighten-2); + --ytd-vat-notice-text: var(--yt-white-opacity-lighten-2); + --ytd-offer-background-color: var(--yt-dark-surface-300); + --ytd-video-game-watch-card-logo-color: var(--yt-white); + --ytd-watch-split-pane-sidebar-background-color: var(--yt-dark-surface-200); + } + + html:not(.style-scope) { + --ytd-z-index-report-form-overlay: 100; + --ytd-z-index-watch-fixie-secondary-section-detached: 500; + --ytd-z-index-engagement-panel-scrim: 600; + --ytd-z-index-engagement-panel-scrimmed: 601; + --ytd-z-index-miniplayer-bar: 2008; + --ytd-z-index-masthead: 2020; + --ytd-z-index-user-mention-suggestions-container: 2022; + --ytd-z-index-notification: 2024; + --ytd-z-index-miniplayer: 2025; + --ytd-z-index-channel-name: 300; + --ytd-thumbnail-height: 118px; + --ytd-grid-1-columns-width: 214px; + --ytd-grid-2-columns-width: 428px; + --ytd-grid-3-columns-width: 642px; + --ytd-grid-4-columns-width: 856px; + --ytd-grid-5-columns-width: 1070px; + --ytd-grid-6-columns-width: 1284px; + --ytd-grid-max-width: 1284px; + --ytd-grid-thumbnail_-_height: 118px; --ytd-grid-thumbnail_-_width: 210px;; + --ytd-grid-section_-_margin-bottom: 24px;; + --ytd-grid-video-item_-_display: inline-block; --ytd-grid-video-item_-_width: 210px;; + --ytd-grid-subheader_-_margin: 24px 0;; + --ytd-grid-video-title_-_display: var(--ytd-link-two-lines_-_display, block); --ytd-grid-video-title_-_margin: 8px 0 8px; --ytd-grid-video-title_-_max-height: var(--ytd-link-two-lines_-_max-height); --ytd-grid-video-title_-_overflow: var(--ytd-link-two-lines_-_overflow); --ytd-grid-video-title_-_font-size: var(--ytd-link-two-lines_-_font-size); --ytd-grid-video-title_-_font-weight: var(--ytd-link-two-lines_-_font-weight); --ytd-grid-video-title_-_line-height: var(--ytd-link-two-lines_-_line-height); --ytd-grid-video-title_-_letter-spacing: var(--ytd-link-two-lines_-_letter-spacing);; + --ytd-grid-info-container_-_padding-right: 24px;; + --ytd-scrollbar-width: 8px; + --ytd-scrollbar-scrubber_-_height: 56px; --ytd-scrollbar-scrubber_-_background: var(--yt-opalescence-grey-opacity-lighten-3);; + --ytd-fixed-width-container_-_position: relative; --ytd-fixed-width-container_-_overflow: hidden; --ytd-fixed-width-container_-_display: block;; + --ytd-default-promo-panel-renderer-height: 600px; + } + + body:not(.style-scope)[no-y-overflow] { + overflow-y: hidden; + } + + html:not(.style-scope) { + --paper-tooltip_-_margin: 8px; --paper-tooltip_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --paper-tooltip_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --paper-tooltip_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --paper-tooltip_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --paper-tooltip_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; + --paper-tooltip-delay-in: 1ms; + --paper-tooltip-delay-out: 0; + --paper-tooltip-duration-in: 150ms; + --paper-tooltip-duration-out: 75ms; + --iron-overlay-backdrop-opacity: 0.8; + --paper-tab-content-focused_-_font-weight: 500;; + } + + html:not(.style-scope) { + --yt-live-chat-background-color: var(--yt-white); + --yt-live-chat-secondary-background-color: var(--yt-opalescence-soft-grey); + --yt-live-chat-action-panel-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); + --yt-live-chat-action-panel-background-color-transparent: hsla(0, 0%, 97%, .8); + --yt-live-chat-mode-change-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); + --yt-live-chat-primary-text-color: var(--yt-luna-black); + --yt-live-chat-secondary-text-color: var(--yt-luna-black-opacity-lighten-2); + --yt-live-chat-tertiary-text-color: var(--yt-luna-black-opacity-lighten-3); + --yt-live-chat-text-input-field-inactive-underline-color: #b8b8b8; + --yt-live-chat-text-input-field-placeholder-color: var(--yt-luna-black-opacity-lighten-2); + --yt-live-chat-text-input-field-underline-transition-duration: 0.25s; + --yt-live-chat-icon-button-color: var(--yt-luna-black-opacity-lighten-3); + --yt-live-chat-enabled-send-button-color: #4285f4; + --yt-live-chat-disabled-icon-button-color: var(--yt-luna-black-opacity-lighten-4); + --yt-live-chat-picker-button-color: var(--yt-luna-black-opacity-lighten-3); + --yt-live-chat-picker-button-active-color: var(--yt-luna-black-opacity-lighten-1); + --yt-live-chat-picker-button-disabled-color: var(--yt-live-chat-disabled-icon-button-color); + --yt-live-chat-picker-button-hover-color: var(--yt-luna-black-opacity-lighten-2); + --yt-live-chat-mention-background-color: #ff5722; + --yt-live-chat-mention-text-color: var(--yt-white); + --yt-live-chat-deleted-message-color: rgba(0, 0, 0, .5); + --yt-live-chat-deleted-message-bar-color: rgba(11, 11, 11, .2); + --yt-live-chat-disabled-button-background-color: var(--yt-opalescence-soft-grey); + --yt-live-chat-disabled-button-text-color: var(--yt-luna-black-opacity-lighten-3); + --yt-live-chat-sub-panel-background-color: var(--yt-opalescence-soft-grey); + --yt-live-chat-sub-panel-background-color-transparent: hsla(0, 0%, 93%, .7); + --yt-live-chat-header-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); + --yt-live-chat-header-button-color: var(--yt-luna-black); + --yt-live-chat-count-color-early-warning: hsl(40, 76%, 55%); + --yt-live-chat-count-color-error: hsl(10, 51%, 49%); + --yt-live-chat-error-message-color: hsl(10, 51%, 49%); + --yt-live-chat-reconnect-message-color: hsla(0, 0%, 7%, 0.2); + --yt-live-chat-moderator-color: hsl(225, 84%, 66%); + --yt-live-chat-owner-color: hsl(40, 76%, 55%); + --yt-live-chat-author-chip-owner-background-color: #ffd600; + --yt-live-chat-author-chip-owner-text-color: rgba(0,0,0,0.87); + --yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-1); + --yt-live-chat-author-chip-verified-text-color: var(--yt-spec-grey-5); + --yt-live-chat-message-highlight-background-color: #f8f8f8; + --yt-live-chat-sponsor-color: #107516; + --yt-live-chat-overlay-color: hsla(0, 0%, 0%, 0.6); + --yt-live-chat-dialog-background-color: var(--yt-white); + --yt-live-chat-dialog-text-color: var(--yt-luna-black-opacity-lighten-2); + + --yt-live-chat-banner-border-color: var(--yt-spec-10-percent-layer); + --yt-live-chat-banner-animation-duration: 0.35s; + --yt-live-chat-banner-animation-fast-duration: 0.25s; + --yt-live-chat-banner-gradient-scrim: linear-gradient(rgba(255, 255, 255, 0.95), transparent); + --yt-live-chat-banner-indeterminate-bar-background: repeating-linear-gradient(90deg, #fff, #fff 6px, #aaa 6px, #aaa 9px); + --yt-live-chat-banner-bar-animation-duration: 1s; + + --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, rgba(255, 255, 255, 0.95), transparent); + --yt-live-chat-poll-primary-text-color: var(--yt-spec-static-overlay-text-primary); + --yt-live-chat-poll-secondary-text-color: var(--yt-spec-static-overlay-text-secondary); + --yt-live-chat-poll-tertiary-text-color: var(--yt-spec-static-overlay-text-disabled); + --yt-live-chat-poll-choice-text-color: var(--yt-live-chat-poll-primary-text-color); + --yt-live-chat-poll-choice-background-color: transparent; + --yt-live-chat-poll-choice-border-radius: 2px; + --yt-live-chat-poll-choice-border: 1px solid var(--yt-live-chat-poll-tertiary-text-color); + --yt-live-chat-poll-choice-min-height: 16px; + --yt-live-chat-poll-choice-vote-bar-background-color: var(--yt-spec-static-overlay-button-secondary); + --yt-live-chat-poll-choice-hover-color: rgba(17, 17, 16, 0.1); + --yt-live-chat-poll-choice-animation-duration: 0.5s; + --yt-live-chat-poll-choice-text-padding: 0 16px; + --yt-live-chat-poll-editor-panel-header-border-color: var(--yt-spec-10-percent-layer); + --yt-live-chat-poll-editor-start-button-color: var(--yt-spec-general-background-b); + --yt-live-chat-poll-editor-start-button-background-color: var(--yt-spec-call-to-action); + --yt-live-chat-poll-editor-start-button-background-color-disabled: var(--yt-spec-icon-disabled); + + --yt-live-interactivity-component-background-color: #264c8a; + + + --yt-live-chat-panel-animation-duration: 0.5s; + + + --yt-live-chat-universal-motion-curve: cubic-bezier(0.05, 0.00, 0.00, 1.00); + + --yt-live-chat-moderation-mode-hover-background-color: var(--yt-luna-black-opacity-lighten-4); + --yt-live-chat-additional-inline-action-button-color: var(--yt-white); + --yt-live-chat-additional-inline-action-button-background-color: hsla(0, 0%, 26%, 0.8); + --yt-live-chat-additional-inline-action-button-background-color-hover: hsla(0, 0%, 26%, 1.0); + + --yt-formatted-string-emoji-size: 24px; + --yt-live-chat-emoji-size: 24px; + + --yt-live-chat-text-input-field-suggestion-background-color: var(--yt-white); + --yt-live-chat-text-input-field-suggestion-background-color-hover: #eee; + --yt-live-chat-text-input-field-suggestion-text-color: #666; + --yt-live-chat-text-input-field-suggestion-text-color-hover: #333; + + + --yt-live-chat-ticker-arrow-background: hsl(0, 0%, 97.3%); + + --yt-emoji-picker-category-background-color: var(--yt-live-chat-action-panel-background-color-transparent); + --yt-emoji-picker-category-color: var(--yt-live-chat-secondary-text-color); + --yt-emoji-picker-category-button-color: var(--yt-live-chat-picker-button-color); + --yt-emoji-picker-search-background-color: var(--yt-white-opacity-lighten-2); + --yt-emoji-picker-search-color: var(--yt-luna-black-opacity-lighten-1); + --yt-emoji-picker-search-placeholder-color: var(--yt-luna-black-opacity-lighten-2); + + --yt-live-chat-slider-active-color: #2196f3; + --yt-live-chat-slider-container-color: #c8c8c8; + --yt-live-chat-slider-markers-color: #505050; + + --yt-live-chat-toast-action-color: #2196f3; + --yt-live-chat-toast-background-color: var(--yt-opalescence-dark-grey); + --yt-live-chat-toast-text-color: var(--yt-white); + + --yt-live-chat-automod-button-background-color: var(--yt-opalescence-soft-grey); + --yt-live-chat-automod-button-background-color-hover: var(--yt-luna-black-opacity-lighten-4); + + --yt-live-chat-creator-support-button-border-radius: 2px; + --yt-live-chat-creator-support-button-padding: 10px 16px; + --yt-live-chat-creator-support-button-font-size: inherit; + + --yt-live-chat-countdown-opacity: 0.3; + + --yt-live-chat-shimmer-background-color: rgba(136, 136, 136, 0.2); + --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 65%); + + --yt-live-chat-vem-background-color: var(--yt-opalescence-soft-grey); + + --yt-live-chat-upsell-dialog-renderer-button-padding: 10px 16px; + + --yt-live-chat-product-picker-icon-color: rgba(17, 17, 17, 0.6); + --yt-live-chat-product-picker-hover-color: rgba(17, 17, 16, 0.1); + --yt-live-chat-product-picker-disabled-icon-color: rgba(17, 17, 17, 0.4); + + --yt-pdg-paid-stickers-tab-selection-bar-color: var(--yt-spec-dark-blue); + --yt-pdg-paid-stickers-author-name-font-size: 14px; + --yt-pdg-paid-stickers-author-subtext-font-size: 13px; + --yt-pdg-paid-stickers-margin-left: 38px; + --yt-live-chat-ninja-message-background-color: transparent; + } + + html:not(.style-scope)[dark] { + --yt-live-chat-background-color: #191919; + --yt-live-chat-action-panel-background-color: #282828; + --yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8); + --yt-live-chat-secondary-background-color: #282828; + --yt-live-chat-toast-text-color: var(--yt-white); + --yt-live-chat-toast-background-color: #323232; + --yt-live-chat-mode-change-background-color: #333; + --yt-live-chat-primary-text-color: var(--yt-white); + --yt-live-chat-secondary-text-color: rgba(255, 255, 255, 0.7); + --yt-live-chat-tertiary-text-color: rgba(255, 255, 255, 0.54); + --yt-live-chat-text-input-field-inactive-underline-color: #666; + --yt-live-chat-text-input-field-placeholder-color: #666; + --yt-live-chat-icon-button-color: var(--yt-live-chat-primary-text-color); + --yt-live-chat-enabled-send-button-color: #fff; + --yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, 0.3); + --yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color); + --yt-live-chat-picker-button-active-color: var(--yt-white); + --yt-live-chat-picker-button-disabled-color: var(--yt-live-chat-disabled-icon-button-color); + --yt-live-chat-picker-button-hover-color: rgba(255, 255, 255, .74); + --yt-live-chat-mention-background-color: #ff5722; + --yt-live-chat-mention-text-color: #fff; + --yt-live-chat-deleted-message-color: rgba(255, 255, 255, 0.5); + --yt-live-chat-deleted-message-bar-color: rgba(255, 255, 255, 0.5); + --yt-live-chat-error-message-color: var(--yt-spec-brand-link-text); + --yt-live-chat-reconnect-message-color: #fff; + --yt-live-chat-disabled-button-background-color: #444; + --yt-live-chat-disabled-button-text-color: var(--yt-live-chat-secondary-text-color); + --yt-live-chat-sub-panel-background-color: #3e3e3e; + --yt-live-chat-sub-panel-background-color-transparent: rgba(62, 62, 62, .7); + --yt-live-chat-header-background-color: var(--yt-live-chat-action-panel-background-color); + --yt-live-chat-header-button-color: var(--yt-live-chat-secondary-text-color); + --yt-live-chat-moderator-color: #5e84f1; + --yt-live-chat-owner-color: #ffd600; + --yt-live-chat-message-highlight-background-color: #282828; + --yt-live-chat-author-chip-owner-text-color: var(--yt-luna-black); + --yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-5); + --yt-live-chat-author-chip-verified-text-color: var(--yt-spec-white-4); + --yt-live-chat-sponsor-color: #2ba640; + --yt-live-chat-overlay-color: rgba(0, 0, 0, .5); + --yt-live-chat-dialog-background-color: #424242; + --yt-live-chat-dialog-text-color: var(--yt-white); + + --yt-live-chat-button-default-text-color: var(--yt-white); + --yt-live-chat-button-default-background-color: var(--yt-white-opacity-lighten-4); + --yt-live-chat-button-dark-text-color: var(--yt-white); + --yt-live-chat-button-dark-background-color: var(--yt-white-opacity-lighten-4); + + --yt-live-chat-moderation-mode-hover-background-color: rgba(255, 255, 255, 0.3); + --yt-live-chat-additional-inline-action-button-color: var(--yt-grey); + --yt-live-chat-additional-inline-action-button-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-1); + --yt-live-chat-additional-inline-action-button-background-color-hover: var(--yt-opalescence-soft-grey); + + --yt-formatted-string-emoji-size: 24px; + --yt-live-chat-emoji-size: 24px; + + --yt-live-chat-text-input-field-suggestion-background-color: #3e3e3e; + --yt-live-chat-text-input-field-suggestion-background-color-hover: #343434; + --yt-live-chat-text-input-field-suggestion-text-color: var(--yt-white); + --yt-live-chat-text-input-field-suggestion-text-color-hover: var(--yt-white); + --yt-live-chat-text-input-field-placeholder-color: var(--yt-live-chat-secondary-text-color); + + --yt-live-chat-ticker-arrow-background: var(--yt-live-chat-action-panel-background-color); + + --yt-emoji-picker-category-background-color: var(--yt-live-chat-action-panel-background-color-transparent); + --yt-emoji-picker-category-color: var(--yt-live-chat-secondary-text-color); + --yt-emoji-picker-category-button-color: var(--yt-live-chat-picker-button-color); + --yt-emoji-picker-search-background-color: #444; + --yt-emoji-picker-search-color: #fff; + --yt-emoji-picker-search-placeholder-color: #999; + + --yt-live-chat-slider-active-color: #2196f3; + --yt-live-chat-slider-container-color: #515151; + --yt-live-chat-slider-markers-color: #fff; + + --yt-live-chat-banner-gradient-scrim: linear-gradient(rgba(40, 40, 40, 0.95), transparent); + --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, rgba(40, 40, 40, 0.95), transparent); + --yt-live-chat-poll-editor-start-button-color: var(--yt-spec-icon-active-other); + --yt-live-chat-poll-editor-start-button-background-color-disabled: var(--yt-spec-grey-1); + + --yt-live-chat-automod-button-background-color: var(--yt-opalescence-grey-opacity-lighten-3); + --yt-live-chat-automod-button-background-color-hover: rgba(255, 255, 255, 0.5); + --yt-live-chat-automod-button-explanation-color: rgba(255, 255, 255, 0.7); + + --yt-live-chat-countdown-opacity: 0.5; + --yt-live-chat-shimmer-background-color: rgba(17, 17, 17, 0.4); + --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(0, 0, 0, .1) 40%, rgba(100, 100, 100, .3) 50%, rgba(0, 0, 0, .1) 60%); + + --yt-live-chat-vem-background-color: #3e3e3e; + + --yt-live-chat-product-picker-icon-color: rgba(255, 255, 255, 0.5); + --yt-live-chat-product-picker-hover-color: rgba(68, 68, 68, 1); + --yt-live-chat-product-picker-disabled-icon-color: rgba(255, 255, 255, 0.3); + + --yt-pdg-paid-stickers-tab-selection-bar-color: var(--yt-spec-light-blue); + } + + html:not(.style-scope)[watch-color-update] { + --yt-live-chat-background-color: var(--yt-spec-general-background-a); + --yt-live-chat-header-background-color: var(--yt-spec-brand-background-primary); + --yt-live-chat-action-panel-background-color: var(--yt-spec-brand-background-primary); + --yt-live-chat-message-highlight-background-color: var(--yt-spec-brand-background-primary); + --yt-live-chat-ninja-message-background-color: var(--yt-spec-brand-background-primary); + } + + html:not(.style-scope)[creator-page-styling],yt-live-chat-app:not(.style-scope)[creator-page-styling] { + --yt-live-chat-upsell-dialog-renderer-border: 1px solid #d4d4d4; + --yt-live-chat-upsell-dialog-renderer-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); + + --live-chat-upsell-dialog-renderer-content_-_padding: 24px 24px 0;; + + --live-chat-upsell-dialog-renderer-title_-_font-size: 15px; --live-chat-upsell-dialog-renderer-title_-_font-weight: 500; --live-chat-upsell-dialog-renderer-title_-_line-height: 20px; --live-chat-upsell-dialog-renderer-title_-_margin-bottom: 17px;; + + --live-chat-upsell-dialog-renderer-text_-_font-size: 12px; --live-chat-upsell-dialog-renderer-text_-_line-height: 17px;; + + --live-chat-upsell-dialog-renderer-button-container_-_padding: 16px 16px 19px 24px;; + + --yt-live-chat-upsell-dialog-renderer-button-padding: 7px 15px; + --live-chat-upsell-dialog-renderer-button-font-size: 11px; + --live-chat-upsell-dialog-renderer-button-text-transform: none; + + --yt-live-chat-upsell-dialog-renderer-action-button-color: var(--yt-white); + --yt-live-chat-upsell-dialog-renderer-action-button-background: var(--yt-blue-light); + } + + yt-live-chat-app:not(.style-scope)[live-dashboard] { + --yt-live-chat-header-text-color: var(--yt-opalescence-dark-grey); + --yt-live-chat-header-background-color: var(--yt-white); + --yt-live-chat-header-bottom-border: 1px solid var(--yt-opalescence-soft-grey); + --yt-live-chat-header-button-color: var(--yt-opalescence-dark-grey); + --yt-live-chat-action-panel-top-border: 1px solid var(--yt-opalescence-soft-grey); + } + + html:not(.style-scope)[dashboard-money-feed],yt-live-chat-app:not(.style-scope)[dashboard-money-feed] { + --yt-live-chat-item-list-renderer-padding: 0; + --yt-live-chat-item-list-item-border: 1px solid #e2e2e2; + --yt-live-chat-item-timestamp-margin: 0; + --yt-live-chat-paid-message-timestamp-display: inline; + --yt-live-chat-server-error-message-display: none; + } + + html:not(.style-scope)[dark]:not(.style-scope)[dashboard-money-feed],html:not(.style-scope)[dark] yt-live-chat-app:not(.style-scope)[dashboard-money-feed] { + --yt-live-chat-item-list-item-border: none; + } + + html:not(.style-scope) { + --yt-subscription-product-grid-margin: 24px; + --yt-subscription-product-grid-margin-two-thirds: 16px; + --yt-subscription-product-grid-margin-half: 12px; + --yt-subscription-product-grid-margin-one-third: 8px; + } + + html:not(.style-scope) { + --yt-swatch-icon-color: var(--yt-luna-black-opacity-lighten-3); + --yt-swatch-primary: var(--yt-white); + --yt-swatch-primary-darker: rgb(230, 230, 230); + --yt-swatch-text: var(--yt-luna-black-opacity-lighten-3); + --yt-swatch-input-text: var(--yt-luna-black); + --yt-swatch-tab-selected-text: rgb(15, 15, 15); + --yt-swatch-textbox-bg: rgb(255, 255, 255); + } + + app-drawer { + position: fixed; + + z-index: 1; + top: -120px; + right: 0; + bottom: -120px; + left: 0; + + visibility: hidden; + + transition-property: visibility; + } + + app-drawer[opened] { + visibility: visible; + } + + app-drawer[persistent] { + width: var(--app-drawer-width, 256px); + } + + app-drawer[persistent][position=left] { + right: auto; + } + + app-drawer[persistent][position=right] { + left: auto; + } + + #contentContainer.app-drawer { + position: absolute; + top: 0; + bottom: 0; + left: 0; + + width: var(--app-drawer-width, 256px); + padding: var(--app-drawer-content-padding, 120px 0); + + transition-property: -webkit-transform; + transition-property: transform; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + + background-color: #FFF; + + background-color: var(--app-drawer-content-container_-_background-color, #FFF); + } + + #contentContainer.app-drawer[persistent] { + width: 100%; + } + + #contentContainer.app-drawer[position=right] { + right: 0; + left: auto; + + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + #contentContainer.app-drawer[swipe-open].app-drawer::after { + position: fixed; + top: 0; + bottom: 0; + left: 100%; + + visibility: visible; + + width: 20px; + + content: ''; + } + + #contentContainer.app-drawer[swipe-open].app-drawer[position=right].app-drawer::after { + right: 100%; + left: auto; + } + + #contentContainer.app-drawer[opened] { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + #scrim.app-drawer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + + transition-property: opacity; + -webkit-transform: translateZ(0); + transform: translateZ(0); + + opacity: 0; + background: var(--app-drawer-scrim-background, rgba(0, 0, 0, 0.5)); + } + + #scrim.visible.app-drawer { + opacity: 1; + } + + app-drawer[no-transition] #contentContainer.app-drawer { + transition-property: none; + } + + app-header-layout { + display: block; + + position: relative; + z-index: 0; + } + + #wrapper.app-header-layout > [slot=header] { + position: var(--layout-fixed-top_-_position); top: var(--layout-fixed-top_-_top); left: var(--layout-fixed-top_-_left); right: var(--layout-fixed-top_-_right); + z-index: 1; + } + + #wrapper.initializing.app-header-layout > [slot=header] { + position: relative; + } + + app-header-layout[has-scrolling-region] { + height: 100%; + } + + app-header-layout[has-scrolling-region] #wrapper.app-header-layout > [slot=header] { + position: absolute; + } + + app-header-layout[has-scrolling-region] #wrapper.initializing.app-header-layout > [slot=header] { + position: relative; + } + + app-header-layout[has-scrolling-region] #wrapper.app-header-layout #contentContainer.app-header-layout { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + overflow-y: auto; + -webkit-overflow-scrolling: touch; + } + + app-header-layout[has-scrolling-region] #wrapper.initializing.app-header-layout #contentContainer.app-header-layout { + position: relative; + } + + app-header-layout[fullbleed] { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + app-header-layout[fullbleed] #wrapper.app-header-layout,app-header-layout[fullbleed] #wrapper.app-header-layout #contentContainer.app-header-layout { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #contentContainer.app-header-layout { + position: relative; + z-index: 0; + } + + @media print { + app-header-layout[has-scrolling-region] #wrapper.app-header-layout #contentContainer.app-header-layout { + overflow-y: visible; + } + + } + + app-header { + position: relative; + display: block; + transition-timing-function: linear; + transition-property: -webkit-transform; + transition-property: transform; + } + + app-header::before { + position: absolute; + right: 0px; + bottom: -5px; + left: 0px; + width: 100%; + height: 5px; + content: ""; + transition: opacity 0.4s; + pointer-events: none; + opacity: 0; + box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4); + will-change: opacity; + ; + } + + app-header[shadow]::before { + opacity: 1; + } + + #background.app-header { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + overflow: hidden; + } + + #backgroundFrontLayer.app-header,#backgroundRearLayer.app-header { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + height: 100%; + pointer-events: none; + background-size: cover; + } + + #backgroundFrontLayer.app-header { + background-image: var(--app-header-background-front-layer_-_background-image); background-position: var(--app-header-background-front-layer_-_background-position); background-repeat: var(--app-header-background-front-layer_-_background-repeat); background-size: var(--app-header-background-front-layer_-_background-size); + } + + #backgroundRearLayer.app-header { + opacity: 0; + ; + } + + #contentContainer.app-header { + position: relative; + width: 100%; + height: 100%; + } + + app-header[disabled],app-header[disabled]::after,app-header[disabled] #backgroundFrontLayer.app-header,app-header[disabled] #backgroundRearLayer.app-header,app-header[silent-scroll],app-header[silent-scroll]::after,app-header[silent-scroll] #backgroundFrontLayer.app-header,app-header[silent-scroll] #backgroundRearLayer.app-header { + transition: none !important; + } + + app-header[disabled] > app-toolbar:first-of-type,app-header[disabled] > [sticky],app-header[silent-scroll] > app-toolbar:first-of-type,app-header[silent-scroll] > [sticky] { + transition: none !important; + } + + app-toolbar { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + position: relative; + height: 64px; + padding: 0 16px; + pointer-events: none; + font-size: var(--app-toolbar-font-size, 20px); + } + + app-toolbar > * { + pointer-events: auto; + } + + app-toolbar > paper-icon-button { + font-size: 0; + } + + app-toolbar > [main-title],app-toolbar > [condensed-title] { + pointer-events: none; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + app-toolbar > [bottom-item] { + position: absolute; + right: 0; + bottom: 0; + left: 0; + } + + app-toolbar > [top-item] { + position: absolute; + top: 0; + right: 0; + left: 0; + } + + app-toolbar > [spacer] { + margin-left: 64px; + } + + iron-a11y-announcer { + display: inline-block; + position: fixed; + clip: rect(0px,0px,0px,0px); + } + + iron-autogrow-textarea { + display: inline-block; + position: relative; + width: 400px; + border: 1px solid; + padding: 2px; + -moz-appearance: textarea; + -webkit-appearance: textarea; + overflow: hidden; + } + + .mirror-text.iron-autogrow-textarea { + visibility: hidden; + word-wrap: break-word; + white-space: pre-wrap; + padding: var(--iron-autogrow-textarea_-_padding); box-sizing: var(--iron-autogrow-textarea_-_box-sizing); + } + + .fit.iron-autogrow-textarea { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + textarea.iron-autogrow-textarea { + position: relative; + outline: none; + border: none; + resize: none; + background: inherit; + color: inherit; + + width: 100%; + height: 100%; + font-size: inherit; + font-family: inherit; + line-height: inherit; + text-align: inherit; + padding: var(--iron-autogrow-textarea_-_padding); box-sizing: var(--iron-autogrow-textarea_-_box-sizing); + } + + textarea.iron-autogrow-textarea::-webkit-input-placeholder { + padding: var(--iron-autogrow-textarea-placeholder_-_padding); + } + + textarea.iron-autogrow-textarea:-moz-placeholder { + padding: var(--iron-autogrow-textarea-placeholder_-_padding); + } + + textarea.iron-autogrow-textarea::-moz-placeholder { + padding: var(--iron-autogrow-textarea-placeholder_-_padding); + } + + textarea.iron-autogrow-textarea:-ms-input-placeholder { + padding: var(--iron-autogrow-textarea-placeholder_-_padding); + } + + iron-collapse { + display: block; + transition-duration: var(--iron-collapse-transition-duration, 300ms); + + -webkit-transition-duration: var(--iron-collapse-transition-duration, 300ms); + overflow: visible; + } + + iron-collapse.iron-collapse-closed { + display: none; + } + + iron-collapse:not(.iron-collapse-opened) { + overflow: hidden; + } + + iron-overlay-backdrop { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: var(--iron-overlay-backdrop-background-color, #000); + opacity: 0; + transition: opacity 0.2s; + pointer-events: none; + ; + } + + iron-overlay-backdrop.opened { + opacity: var(--iron-overlay-backdrop-opacity, 0.6); + pointer-events: auto; + ; + } + + iron-dropdown { + position: fixed; + } + + #contentWrapper.iron-dropdown > * { + overflow: auto; + } + + #contentWrapper.animating.iron-dropdown > * { + overflow: hidden; + pointer-events: none; + } + + iron-icon { + display: var(--layout-inline_-_display); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + position: relative; + + vertical-align: middle; + + fill: var(--iron-icon-fill-color, currentcolor); + stroke: var(--iron-icon-stroke-color, none); + + width: var(--iron-icon-width, 24px); + height: var(--iron-icon-height, 24px); + margin-left: var(--iron-icon_-_margin-left); margin-bottom: var(--iron-icon_-_margin-bottom); margin-right: var(--iron-icon_-_margin-right); width: var(--iron-icon_-_width, var(--iron-icon-width, 24px)); height: var(--iron-icon_-_height, var(--iron-icon-height, 24px)); margin-top: var(--iron-icon_-_margin-top); + } + + iron-icon[hidden] { + display: none; + } + + iron-image { + display: inline-block; + overflow: hidden; + position: relative; + } + + #baseURIAnchor.iron-image { + display: none; + } + + #sizedImgDiv.iron-image { + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + + display: none; + } + + #img.iron-image { + display: block; + width: var(--iron-image-width, auto); + height: var(--iron-image-height, auto); + } + + iron-image[sizing] #sizedImgDiv.iron-image { + display: block; + } + + iron-image[sizing] #img.iron-image { + display: none; + } + + #placeholder.iron-image { + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + + background-color: inherit; + opacity: 1; + + ; + } + + #placeholder.faded-out.iron-image { + transition: opacity 0.5s linear; + opacity: 0; + } + + iron-input { + display: inline-block; + } + + iron-list { + display: block; + } + + @media only screen and (-webkit-max-device-pixel-ratio: 1) { + iron-list { + will-change: transform; + } + + } + + #items.iron-list { + ; + position: relative; + } + + iron-list:not([grid]) #items.iron-list > * { + width: 100%; + } + + #items.iron-list > * { + box-sizing: border-box; + margin: 0; + position: absolute; + top: 0; + will-change: transform; + } + + iron-pages { + display: block; + } + + iron-pages > :not(slot):not(.iron-selected) { + display: none !important; + } + + paper-ripple { + display: block; + position: absolute; + border-radius: inherit; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + + + pointer-events: none; + } + + paper-ripple[animating] { + -webkit-transform: translate(0, 0); + transform: translate3d(0, 0, 0); + } + + #background.paper-ripple,#waves.paper-ripple,.wave-container.paper-ripple,.wave.paper-ripple { + pointer-events: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + #background.paper-ripple,.wave.paper-ripple { + opacity: 0; + } + + #waves.paper-ripple,.wave.paper-ripple { + overflow: hidden; + } + + .wave-container.paper-ripple,.wave.paper-ripple { + border-radius: 50%; + } + + paper-ripple.circle #background.paper-ripple,paper-ripple.circle #waves.paper-ripple { + border-radius: 50%; + } + + paper-ripple.circle .wave-container.paper-ripple { + overflow: hidden; + } + + paper-button,html.paper-button { + --paper-material_-_display: block; --paper-material_-_position: relative;; + --paper-material-elevation-1_-_box-shadow: var(--shadow-elevation-2dp_-_box-shadow);; + --paper-material-elevation-2_-_box-shadow: var(--shadow-elevation-4dp_-_box-shadow);; + --paper-material-elevation-3_-_box-shadow: var(--shadow-elevation-6dp_-_box-shadow);; + --paper-material-elevation-4_-_box-shadow: var(--shadow-elevation-8dp_-_box-shadow);; + --paper-material-elevation-5_-_box-shadow: var(--shadow-elevation-16dp_-_box-shadow);; + } + + paper-button.paper-material,.paper-material.paper-button { + display: var(--paper-material_-_display); position: var(--paper-material_-_position); + } + + paper-button.paper-material[elevation="1"],.paper-material.paper-button[elevation="1"] { + box-shadow: var(--paper-material-elevation-1_-_box-shadow); + } + + paper-button.paper-material[elevation="2"],.paper-material.paper-button[elevation="2"] { + box-shadow: var(--paper-material-elevation-2_-_box-shadow); + } + + paper-button.paper-material[elevation="3"],.paper-material.paper-button[elevation="3"] { + box-shadow: var(--paper-material-elevation-3_-_box-shadow); + } + + paper-button.paper-material[elevation="4"],.paper-material.paper-button[elevation="4"] { + box-shadow: var(--paper-material-elevation-4_-_box-shadow); + } + + paper-button.paper-material[elevation="5"],.paper-material.paper-button[elevation="5"] { + box-shadow: var(--paper-material-elevation-5_-_box-shadow); + } + + paper-button { + display: var(--layout-inline_-_display); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + position: relative; + box-sizing: border-box; + min-width: 5.14em; + margin: 0 0.29em; + background: transparent; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + font: inherit; + text-transform: uppercase; + outline-width: 0; + border-radius: 3px; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + cursor: pointer; + z-index: 0; + padding: 0.7em 0.57em; + + font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); + color: var(--paper-button_-_color); border: var(--paper-button_-_border); width: var(--paper-button_-_width); margin: var(--paper-button_-_margin, 0 0.29em); background-color: var(--paper-button_-_background-color); text-transform: var(--paper-button_-_text-transform, uppercase); min-width: var(--paper-button_-_min-width, 5.14em); + } + + paper-button[elevation="1"] { + box-shadow: var(--paper-material-elevation-1_-_box-shadow); + } + + paper-button[elevation="2"] { + box-shadow: var(--paper-material-elevation-2_-_box-shadow); + } + + paper-button[elevation="3"] { + box-shadow: var(--paper-material-elevation-3_-_box-shadow); + } + + paper-button[elevation="4"] { + box-shadow: var(--paper-material-elevation-4_-_box-shadow); + } + + paper-button[elevation="5"] { + box-shadow: var(--paper-material-elevation-5_-_box-shadow); + } + + paper-button[hidden] { + display: none !important; + } + + paper-button[raised].keyboard-focus { + font-weight: bold; + ; + } + + paper-button:not([raised]).keyboard-focus { + font-weight: bold; + ; + } + + paper-button[disabled] { + background: none; + color: #a8a8a8; + cursor: auto; + pointer-events: none; + + ; + } + + paper-button[disabled][raised] { + background: #eaeaea; + } + + paper-button[animated] { + transition: var(--shadow-transition_-_transition); + } + + paper-ripple.paper-button { + color: var(--paper-button-ink-color); + } + + paper-card,html.paper-card { + --paper-material_-_display: block; --paper-material_-_position: relative;; + --paper-material-elevation-1_-_box-shadow: var(--shadow-elevation-2dp_-_box-shadow);; + --paper-material-elevation-2_-_box-shadow: var(--shadow-elevation-4dp_-_box-shadow);; + --paper-material-elevation-3_-_box-shadow: var(--shadow-elevation-6dp_-_box-shadow);; + --paper-material-elevation-4_-_box-shadow: var(--shadow-elevation-8dp_-_box-shadow);; + --paper-material-elevation-5_-_box-shadow: var(--shadow-elevation-16dp_-_box-shadow);; + } + + paper-card.paper-material,.paper-material.paper-card { + display: var(--paper-material_-_display); position: var(--paper-material_-_position); + } + + paper-card.paper-material[elevation="1"],.paper-material.paper-card[elevation="1"] { + box-shadow: var(--paper-material-elevation-1_-_box-shadow); + } + + paper-card.paper-material[elevation="2"],.paper-material.paper-card[elevation="2"] { + box-shadow: var(--paper-material-elevation-2_-_box-shadow); + } + + paper-card.paper-material[elevation="3"],.paper-material.paper-card[elevation="3"] { + box-shadow: var(--paper-material-elevation-3_-_box-shadow); + } + + paper-card.paper-material[elevation="4"],.paper-material.paper-card[elevation="4"] { + box-shadow: var(--paper-material-elevation-4_-_box-shadow); + } + + paper-card.paper-material[elevation="5"],.paper-material.paper-card[elevation="5"] { + box-shadow: var(--paper-material-elevation-5_-_box-shadow); + } + + paper-card { + display: inline-block; + position: relative; + box-sizing: border-box; + background-color: var(--paper-card-background-color, var(--primary-background-color)); + border-radius: 2px; + + font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); + display: var(--paper-card_-_display, inline-block); + } + + paper-card[hidden],.paper-card[hidden] { + display: none !important; + } + + .header.paper-card { + position: relative; + border-top-left-radius: inherit; + border-top-right-radius: inherit; + overflow: hidden; + + ; + } + + .header.paper-card iron-image.paper-card { + display: block; + width: 100%; + --iron-image-width: 100%; + pointer-events: none; + + ; + } + + .header.paper-card .title-text.paper-card { + padding: 16px; + font-size: 24px; + font-weight: 400; + color: var(--paper-card-header-color, #000); + + ; + } + + .header.paper-card .title-text.over-image.paper-card { + position: absolute; + bottom: 0px; + + ; + } + + paper-card > .card-content { + padding: 16px; + position:relative; + + ; + } + + paper-card > .card-actions { + border-top: 1px solid #e8e8e8; + padding: 5px 16px; + position:relative; + + ; + } + + paper-card[elevation="1"] { + box-shadow: var(--paper-material-elevation-1_-_box-shadow); + } + + paper-card[elevation="2"] { + box-shadow: var(--paper-material-elevation-2_-_box-shadow); + } + + paper-card[elevation="3"] { + box-shadow: var(--paper-material-elevation-3_-_box-shadow); + } + + paper-card[elevation="4"] { + box-shadow: var(--paper-material-elevation-4_-_box-shadow); + } + + paper-card[elevation="5"] { + box-shadow: var(--paper-material-elevation-5_-_box-shadow); + } + + paper-checkbox { + display: inline-block; + white-space: nowrap; + cursor: pointer; + --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px); + + --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size, -1px); + font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); + line-height: 0; + -webkit-tap-highlight-color: transparent; + } + + paper-checkbox[hidden] { + display: none !important; + } + + paper-checkbox:focus { + outline: none; + } + + .hidden.paper-checkbox { + display: none; + } + + #checkboxContainer.paper-checkbox { + display: inline-block; + position: relative; + width: var(--calculated-paper-checkbox-size); + height: var(--calculated-paper-checkbox-size); + min-width: var(--calculated-paper-checkbox-size); + margin: var(--paper-checkbox-margin, initial); + vertical-align: var(--paper-checkbox-vertical-align, middle); + background-color: var(--paper-checkbox-unchecked-background-color, transparent); + } + + #ink.paper-checkbox { + position: absolute; + + + top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2); + left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2); + width: var(--calculated-paper-checkbox-ink-size); + height: var(--calculated-paper-checkbox-ink-size); + color: var(--paper-checkbox-unchecked-ink-color, var(--primary-text-color)); + opacity: 0.6; + pointer-events: none; + } + + [dir="rtl"] #ink.paper-checkbox, #ink.paper-checkbox[dir="rtl"] { + right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2); + left: auto; + } + + #ink.paper-checkbox[checked] { + color: var(--paper-checkbox-checked-ink-color, var(--primary-color)); + } + + #checkbox.paper-checkbox { + position: relative; + box-sizing: border-box; + height: 100%; + border: solid 2px; + border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color)); + border-radius: 2px; + pointer-events: none; + -webkit-transition: background-color 140ms, border-color 140ms; + transition: background-color 140ms, border-color 140ms; + + -webkit-transition-duration: var(--paper-checkbox-animation-duration, 140ms); + transition-duration: var(--paper-checkbox-animation-duration, 140ms); + } + + #checkbox.checked.paper-checkbox #checkmark.paper-checkbox { + -webkit-animation: checkmark-expand 140ms ease-out forwards; + animation: checkmark-expand 140ms ease-out forwards; + + -webkit-animation-duration: var(--paper-checkbox-animation-duration, 140ms); + animation-duration: var(--paper-checkbox-animation-duration, 140ms); + } + + @-webkit-keyframes checkmark-expand { + 0% { + -webkit-transform: scale(0, 0) rotate(45deg); + } + + 100% { + -webkit-transform: scale(1, 1) rotate(45deg); + } + + } + + @keyframes checkmark-expand { + 0% { + transform: scale(0, 0) rotate(45deg); + } + + 100% { + transform: scale(1, 1) rotate(45deg); + } + + } + + #checkbox.checked.paper-checkbox { + background-color: var(--paper-checkbox-checked-color, var(--primary-color)); + border-color: var(--paper-checkbox-checked-color, var(--primary-color)); + } + + #checkmark.paper-checkbox { + position: absolute; + width: 36%; + height: 70%; + border-style: solid; + border-top: none; + border-left: none; + border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size)); + border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size)); + border-color: var(--paper-checkbox-checkmark-color, white); + -webkit-transform-origin: 97% 86%; + transform-origin: 97% 86%; + box-sizing: content-box; + } + + [dir="rtl"] #checkmark.paper-checkbox, #checkmark.paper-checkbox[dir="rtl"] { + -webkit-transform-origin: 50% 14%; + transform-origin: 50% 14%; + } + + #checkboxLabel.paper-checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + padding-left: var(--paper-checkbox-label-spacing, 8px); + white-space: normal; + line-height: normal; + color: var(--paper-checkbox-label-color, var(--primary-text-color)); + font-size: var(--paper-checkbox-label_-_font-size); font-weight: var(--paper-checkbox-label_-_font-weight); line-height: var(--paper-checkbox-label_-_line-height, normal); letter-spacing: var(--paper-checkbox-label_-_letter-spacing); min-width: var(--paper-checkbox-label_-_min-width); -ms-flex: var(--paper-checkbox-label_-_-ms-flex); -webkit-flex: var(--paper-checkbox-label_-_-webkit-flex); flex: var(--paper-checkbox-label_-_flex); -webkit-flex-basis: var(--paper-checkbox-label_-_-webkit-flex-basis); flex-basis: var(--paper-checkbox-label_-_flex-basis); margin-right: var(--paper-checkbox-label_-_margin-right); + } + + paper-checkbox[checked] #checkboxLabel.paper-checkbox { + color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-color, var(--primary-text-color))); + ; + } + + [dir="rtl"] #checkboxLabel.paper-checkbox, #checkboxLabel.paper-checkbox[dir="rtl"] { + padding-right: var(--paper-checkbox-label-spacing, 8px); + padding-left: 0; + } + + #checkboxLabel.paper-checkbox[hidden] { + display: none; + } + + paper-checkbox[disabled] #checkbox.paper-checkbox { + opacity: 0.5; + border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color)); + } + + paper-checkbox[disabled][checked] #checkbox.paper-checkbox { + background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color)); + opacity: 0.5; + } + + paper-checkbox[disabled] #checkboxLabel.paper-checkbox { + opacity: 0.65; + } + + #checkbox.invalid.paper-checkbox:not(.checked) { + border-color: var(--paper-checkbox-error-color, var(--error-color)); + } + + paper-dialog-scrollable { + display: block; + position: var(--layout-relative_-_position); + } + + paper-dialog-scrollable.is-scrolled:not(:first-child)::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 1px; + background: var(--divider-color); + } + + paper-dialog-scrollable.can-scroll:not(.scrolled-to-bottom):not(:last-child)::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 1px; + background: var(--divider-color); + } + + .scrollable.paper-dialog-scrollable { + padding: 0 24px; + + -webkit-overflow-scrolling: var(--layout-scroll_-_-webkit-overflow-scrolling); overflow: var(--layout-scroll_-_overflow); + padding: var(--paper-dialog-scrollable_-_padding, 0 24px); min-width: var(--paper-dialog-scrollable_-_min-width); box-sizing: var(--paper-dialog-scrollable_-_box-sizing); overflow-x: var(--paper-dialog-scrollable_-_overflow-x); + } + + .fit.paper-dialog-scrollable { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + paper-dialog { + display: block; + margin: 24px 40px; + + background: var(--paper-dialog-background-color, var(--primary-background-color)); + color: var(--paper-dialog-color, var(--primary-text-color)); + + font-family: var(--paper-font-body1_-_font-family); -webkit-font-smoothing: var(--paper-font-body1_-_-webkit-font-smoothing); font-size: var(--paper-font-body1_-_font-size); font-weight: var(--paper-font-body1_-_font-weight); line-height: var(--paper-font-body1_-_line-height); + box-shadow: var(--shadow-elevation-16dp_-_box-shadow); + ; + } + + paper-dialog > * { + margin-top: 20px; + padding: 0 24px; + } + + paper-dialog > .no-padding { + padding: 0; + } + + paper-dialog > *:first-child { + margin-top: 24px; + } + + paper-dialog > *:last-child { + margin-bottom: 24px; + } + + paper-dialog > h2 { + position: relative; + margin: 0; + + font-family: var(--paper-font-title_-_font-family); -webkit-font-smoothing: var(--paper-font-title_-_-webkit-font-smoothing); white-space: var(--paper-font-title_-_white-space); overflow: var(--paper-font-title_-_overflow); text-overflow: var(--paper-font-title_-_text-overflow); font-size: var(--paper-font-title_-_font-size); font-weight: var(--paper-font-title_-_font-weight); line-height: var(--paper-font-title_-_line-height); + ; + } + + paper-dialog > h2:first-child { + margin-top: 24px; + ; + } + + paper-dialog > h2:last-child { + margin-bottom: 24px; + ; + } + + paper-dialog > .paper-dialog-buttons,paper-dialog > .buttons { + position: relative; + padding: 8px 8px 8px 24px; + margin: 0; + + color: var(--paper-dialog-button-color, var(--primary-color)); + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + paper-menu-button { + display: inline-block; + position: relative; + padding: 8px; + outline: none; + + ; + } + + paper-menu-button[disabled] { + cursor: auto; + color: var(--disabled-text-color); + + ; + } + + iron-dropdown.paper-menu-button { + ; + } + + .dropdown-content.paper-menu-button { + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + + position: relative; + border-radius: 2px; + background-color: var(--paper-menu-button-dropdown-background, var(--primary-background-color)); + + ; + } + + paper-menu-button[vertical-align="top"] .dropdown-content.paper-menu-button { + margin-bottom: 20px; + margin-top: -10px; + top: 10px; + } + + paper-menu-button[vertical-align="bottom"] .dropdown-content.paper-menu-button { + bottom: 10px; + margin-bottom: -10px; + margin-top: 20px; + } + + #trigger.paper-menu-button { + cursor: pointer; + } + + paper-dropdown-menu-light { + display: inline-block; + position: relative; + text-align: left; + + + -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-tap-highlight-color: transparent; + + --paper-input-container-input_-_overflow: hidden; --paper-input-container-input_-_white-space: nowrap; --paper-input-container-input_-_text-overflow: ellipsis; --paper-input-container-input_-_max-width: 100%; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_cursor: pointer; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial;; + + ; + } + + paper-dropdown-menu-light:focus { + outline: none; + } + + [dir="rtl"] paper-dropdown-menu-light, paper-dropdown-menu-light[dir="rtl"] { + text-align: right; + + ; + } + + paper-dropdown-menu-light[disabled] { + ; + } + + paper-dropdown-menu-light[noink] paper-ripple.paper-dropdown-menu-light { + display: none; + } + + paper-dropdown-menu-light[no-label-float] paper-ripple.paper-dropdown-menu-light { + top: 8px; + } + + paper-ripple.paper-dropdown-menu-light { + top: 12px; + left: 0px; + bottom: 8px; + right: 0px; + + ; + } + + paper-menu-button.paper-dropdown-menu-light { + display: block; + padding: 0; + + ; + } + + paper-input.paper-dropdown-menu-light { + border-bottom: var(--paper-dropdown-menu-input_-_border-bottom); font-size: var(--paper-dropdown-menu-input_-_font-size); font-weight: var(--paper-dropdown-menu-input_-_font-weight); line-height: var(--paper-dropdown-menu-input_-_line-height); letter-spacing: var(--paper-dropdown-menu-input_-_letter-spacing); + } + + iron-icon.paper-dropdown-menu-light { + color: var(--disabled-text-color); + + color: var(--paper-dropdown-menu-icon_-_color, var(--disabled-text-color)); + } + + paper-dropdown-menu-light { + width: 200px; + } + + .paper-dropdown-menu-light[slot="dropdown-trigger"] { + box-sizing: border-box; + position: relative; + width: 100%; + padding: 16px 0 8px 0; + } + + .paper-dropdown-menu-light[slot="dropdown-trigger"].paper-dropdown-menu-light:focus { + outline: none; + } + + paper-dropdown-menu-light[disabled] .paper-dropdown-menu-light[slot="dropdown-trigger"] { + pointer-events: none; + opacity: var(--paper-dropdown-menu-disabled-opacity, 0.33); + } + + paper-dropdown-menu-light[no-label-float] .paper-dropdown-menu-light[slot="dropdown-trigger"] { + padding-top: 8px; + } + + #input.paper-dropdown-menu-light { + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + white-space: var(--paper-font-common-nowrap_-_white-space); overflow: var(--paper-font-common-nowrap_-_overflow); text-overflow: var(--paper-font-common-nowrap_-_text-overflow); + line-height: 1.5; + border-bottom: 1px solid var(--paper-dropdown-menu-color, var(--secondary-text-color)); + color: var(--paper-dropdown-menu-color, var(--primary-text-color)); + width: 100%; + box-sizing: border-box; + padding: 12px 20px 0 0; + outline: none; + border-bottom: var(--paper-dropdown-menu-input_-_border-bottom, 1px solid var(--paper-dropdown-menu-color, var(--secondary-text-color))); font-size: var(--paper-dropdown-menu-input_-_font-size, var(--paper-font-subhead_-_font-size)); font-weight: var(--paper-dropdown-menu-input_-_font-weight, var(--paper-font-subhead_-_font-weight)); line-height: var(--paper-dropdown-menu-input_-_line-height, 1.5); letter-spacing: var(--paper-dropdown-menu-input_-_letter-spacing); + } + + [dir="rtl"] #input.paper-dropdown-menu-light, #input.paper-dropdown-menu-light[dir="rtl"] { + padding-right: 0px; + padding-left: 20px; + } + + paper-dropdown-menu-light[disabled] #input.paper-dropdown-menu-light { + border-bottom: 1px dashed var(--paper-dropdown-menu-color, var(--secondary-text-color)); + } + + paper-dropdown-menu-light[invalid] #input.paper-dropdown-menu-light { + border-bottom: 2px solid var(--paper-dropdown-error-color, var(--error-color)); + } + + paper-dropdown-menu-light[no-label-float] #input.paper-dropdown-menu-light { + padding-top: 0; + } + + label.paper-dropdown-menu-light { + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + white-space: var(--paper-font-common-nowrap_-_white-space); overflow: var(--paper-font-common-nowrap_-_overflow); text-overflow: var(--paper-font-common-nowrap_-_text-overflow); + display: block; + position: absolute; + bottom: 0; + left: 0; + right: 0; + + top: 28px; + box-sizing: border-box; + width: 100%; + padding-right: 20px; + text-align: left; + transition-duration: .2s; + transition-timing-function: cubic-bezier(.4,0,.2,1); + color: var(--paper-dropdown-menu-color, var(--secondary-text-color)); + font-size: var(--paper-dropdown-menu-label_-_font-size, var(--paper-font-subhead_-_font-size)); font-weight: var(--paper-dropdown-menu-label_-_font-weight, var(--paper-font-subhead_-_font-weight)); line-height: var(--paper-dropdown-menu-label_-_line-height, var(--paper-font-subhead_-_line-height)); letter-spacing: var(--paper-dropdown-menu-label_-_letter-spacing); + } + + [dir="rtl"] label.paper-dropdown-menu-light, label.paper-dropdown-menu-light[dir="rtl"] { + padding-right: 0px; + padding-left: 20px; + text-align: right; + } + + paper-dropdown-menu-light[no-label-float] label.paper-dropdown-menu-light { + top: 8px; + + transition-duration: 0s; + } + + label.label-is-floating.paper-dropdown-menu-light { + font-size: 12px; + top: 8px; + } + + label.label-is-hidden.paper-dropdown-menu-light { + visibility: hidden; + } + + paper-dropdown-menu-light[focused] label.label-is-floating.paper-dropdown-menu-light { + color: var(--paper-dropdown-menu-focus-color, var(--primary-color)); + } + + paper-dropdown-menu-light[invalid] label.label-is-floating.paper-dropdown-menu-light { + color: var(--paper-dropdown-error-color, var(--error-color)); + } + + label.paper-dropdown-menu-light:after { + background-color: var(--paper-dropdown-menu-focus-color, var(--primary-color)); + bottom: 7px; + content: ''; + height: 2px; + left: 45%; + position: absolute; + transition-duration: .2s; + transition-timing-function: cubic-bezier(.4,0,.2,1); + visibility: hidden; + width: 8px; + z-index: 10; + ; + } + + paper-dropdown-menu-light[invalid] label.paper-dropdown-menu-light:after { + background-color: var(--paper-dropdown-error-color, var(--error-color)); + } + + paper-dropdown-menu-light[no-label-float] label.paper-dropdown-menu-light:after { + bottom: 7px; + } + + paper-dropdown-menu-light[focused]:not([disabled]) label.paper-dropdown-menu-light:after { + left: 0; + visibility: visible; + width: 100%; + } + + iron-icon.paper-dropdown-menu-light { + position: absolute; + right: 0px; + bottom: 8px; + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + color: var(--disabled-text-color); + color: var(--paper-dropdown-menu-icon_-_color, var(--disabled-text-color)); + } + + [dir="rtl"] iron-icon.paper-dropdown-menu-light, iron-icon.paper-dropdown-menu-light[dir="rtl"] { + left: 0; + right: auto; + } + + paper-dropdown-menu-light[no-label-float] iron-icon.paper-dropdown-menu-light { + margin-top: 0px; + } + + .error.paper-dropdown-menu-light { + display: inline-block; + visibility: hidden; + color: var(--paper-dropdown-error-color, var(--error-color)); + font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-font-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-overflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font-caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); letter-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper-font-caption_-_line-height); + position: absolute; + left:0; + right:0; + bottom: -12px; + } + + paper-dropdown-menu-light[invalid] .error.paper-dropdown-menu-light { + visibility: visible; + } + + paper-input-char-counter { + display: inline-block; + float: right; + + font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-font-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-overflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font-caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); letter-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper-font-caption_-_line-height); + color: var(--paper-input-char-counter_-_color); margin-top: var(--paper-input-char-counter_-_margin-top); margin-right: var(--paper-input-char-counter_-_margin-right); height: var(--paper-input-char-counter_-_height); font-size: var(--paper-input-char-counter_-_font-size, var(--paper-font-caption_-_font-size)); font-weight: var(--paper-input-char-counter_-_font-weight, var(--paper-font-caption_-_font-weight)); line-height: var(--paper-input-char-counter_-_line-height, var(--paper-font-caption_-_line-height)); letter-spacing: var(--paper-input-char-counter_-_letter-spacing, var(--paper-font-caption_-_letter-spacing)); text-transform: var(--paper-input-char-counter_-_text-transform); + } + + paper-input-char-counter[hidden] { + display: none !important; + } + + [dir="rtl"] paper-input-char-counter, paper-input-char-counter[dir="rtl"] { + float: left; + } + + paper-input-container { + display: block; + padding: 8px 0; + padding: var(--paper-input-container_-_padding, 8px 0); height: var(--paper-input-container_-_height); + } + + paper-input-container[inline] { + display: inline-block; + } + + paper-input-container[disabled] { + pointer-events: none; + opacity: 0.33; + + ; + } + + paper-input-container[hidden] { + display: none !important; + } + + .paper-input-container[hidden] { + display: none !important; + } + + .floated-label-placeholder.paper-input-container { + display: var(--paper-input-container-floated-label-placeholder-display, block); + font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-font-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-overflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font-caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); letter-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper-font-caption_-_line-height); + } + + .underline.paper-input-container { + height: var(--paper-input-container-underline-wrapper-height, 2px); + position: relative; + } + + .focused-line.paper-input-container { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + border-bottom: + var(--paper-input-container-underline-focus-height, 2px) + solid + var(--paper-input-container-underline-focus-color, + var(--paper-input-container-focus-color, + var(--primary-color))); + + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: scale3d(0,1,1); + transform: scale3d(0,1,1); + display: var(--paper-input-container-underline-focus-display, block); + + display: var(--paper-input-container-underline-focus_-_display, var(--paper-input-container-underline-focus-display, block)); border-color: var(--paper-input-container-underline-focus_-_border-color); + } + + .underline.is-highlighted.paper-input-container .focused-line.paper-input-container { + -webkit-transform: none; + transform: none; + -webkit-transition: -webkit-transform 0.25s; + transition: transform 0.25s; + + ; + } + + .underline.is-invalid.paper-input-container .focused-line.paper-input-container { + border-bottom: + var(--paper-input-container-underline-focus-height, 2px) + solid + var(--paper-input-container-underline-invalid-focus-color, + var(--paper-input-container-invalid-color, + var(--error-color))); + -webkit-transform: none; + transform: none; + -webkit-transition: -webkit-transform 0.25s; + transition: transform 0.25s; + display: var(--paper-input-container-underline-focus-display, block); + + ; + } + + .unfocused-line.paper-input-container { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + border-bottom: + var(--paper-input-container-underline-height, 1px) + solid + var(--paper-input-container-underline-color, + var(--paper-input-container-color, + var(--secondary-text-color))); + height: var(--paper-input-container-underline-legacy-height); + display: var(--paper-input-container-underline-display, block); + + display: var(--paper-input-container-underline_-_display, var(--paper-input-container-underline-display, block)); background: var(--paper-input-container-underline_-_background); height: var(--paper-input-container-underline_-_height, var(--paper-input-container-underline-legacy-height)); border-bottom: var(--paper-input-container-underline_-_border-bottom, + var(--paper-input-container-underline-height, 1px) + solid + var(--paper-input-container-underline-color, + var(--paper-input-container-color, + var(--secondary-text-color)))); box-sizing: var(--paper-input-container-underline_-_box-sizing); + } + + paper-input-container[disabled] .unfocused-line.paper-input-container { + border-bottom: + var(--paper-input-container-underline-height, 1px) + dashed + var(--paper-input-container-underline-color, + var(--paper-input-container-color, + var(--secondary-text-color))); + display: var(--paper-input-container-underline-disabled-display, block); + + display: var(--paper-input-container-underline-disabled_-_display, var(--paper-input-container-underline-disabled-display, block)); + } + + .input-wrapper.paper-input-container { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + position: relative; + } + + .input-content.paper-input-container { + -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); + position: var(--layout-relative_-_position); + max-width: 100%; + } + + .input-content.paper-input-container > label,.input-content.paper-input-container > .paper-input-label { + position: absolute; + top: 0; + left: 0; + width: 100%; + font: inherit; + color: var(--paper-input-container-color, var(--secondary-text-color)); + -webkit-transition: -webkit-transform 0.25s, width 0.25s; + transition: transform 0.25s, width 0.25s; + -webkit-transform-origin: left top; + transform-origin: left top; + + min-height: 1px; + + white-space: var(--paper-font-common-nowrap_-_white-space); overflow: var(--paper-font-common-nowrap_-_overflow); text-overflow: var(--paper-font-common-nowrap_-_text-overflow); + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + font-size: var(--paper-input-container-label_-_font-size, var(--paper-font-subhead_-_font-size)); font-weight: var(--paper-input-container-label_-_font-weight, var(--paper-font-subhead_-_font-weight)); line-height: var(--paper-input-container-label_-_line-height, var(--paper-font-subhead_-_line-height)); letter-spacing: var(--paper-input-container-label_-_letter-spacing); opacity: var(--paper-input-container-label_-_opacity); color: var(--paper-input-container-label_-_color, var(--paper-input-container-color, var(--secondary-text-color))); padding: var(--paper-input-container-label_-_padding); + ; + } + + .input-content.paper-input-container > label:before,.input-content.paper-input-container > .paper-input-label:before { + ; + } + + .input-content.paper-input-container > label:after,.input-content.paper-input-container > .paper-input-label:after { + ; + } + + .input-content.label-is-floating.paper-input-container > label,.input-content.label-is-floating.paper-input-container > .paper-input-label { + -webkit-transform: translateY(-75%) scale(0.75); + transform: translateY(-75%) scale(0.75); + + + width: 133%; + + font-size: var(--paper-input-container-label-floating_-_font-size); font-weight: var(--paper-input-container-label-floating_-_font-weight); line-height: var(--paper-input-container-label-floating_-_line-height); + } + + [dir="rtl"] paper-input-container .input-content.label-is-floating.paper-input-container > label, paper-input-container[dir="rtl"] .input-content.label-is-floating.paper-input-container > label,[dir="rtl"] paper-input-container .input-content.label-is-floating.paper-input-container > .paper-input-label, paper-input-container[dir="rtl"] .input-content.label-is-floating.paper-input-container > .paper-input-label { + right: 0; + left: auto; + -webkit-transform-origin: right top; + transform-origin: right top; + } + + .input-content.label-is-highlighted.paper-input-container > label,.input-content.label-is-highlighted.paper-input-container > .paper-input-label { + color: var(--paper-input-container-focus-color, var(--primary-color)); + + ; + } + + .input-content.is-invalid.paper-input-container > label,.input-content.is-invalid.paper-input-container > .paper-input-label { + color: var(--paper-input-container-invalid-color, var(--error-color)); + } + + .input-content.label-is-hidden.paper-input-container > label,.input-content.label-is-hidden.paper-input-container > .paper-input-label { + visibility: hidden; + } + + .input-content.paper-input-container > input,.input-content.paper-input-container > iron-input,.input-content.paper-input-container > textarea,.input-content.paper-input-container > iron-autogrow-textarea,.input-content.paper-input-container > .paper-input-input { + position: var(--paper-input-container-shared-input-style_-_position); outline: var(--paper-input-container-shared-input-style_-_outline); box-shadow: var(--paper-input-container-shared-input-style_-_box-shadow); padding: var(--paper-input-container-shared-input-style_-_padding); margin: var(--paper-input-container-shared-input-style_-_margin); width: var(--paper-input-container-shared-input-style_-_width); max-width: var(--paper-input-container-shared-input-style_-_max-width); background: var(--paper-input-container-shared-input-style_-_background); border: var(--paper-input-container-shared-input-style_-_border); color: var(--paper-input-container-shared-input-style_-_color); -webkit-appearance: var(--paper-input-container-shared-input-style_-_-webkit-appearance); text-align: var(--paper-input-container-shared-input-style_-_text-align); vertical-align: var(--paper-input-container-shared-input-style_-_vertical-align); font-family: var(--paper-input-container-shared-input-style_-_font-family); -webkit-font-smoothing: var(--paper-input-container-shared-input-style_-_-webkit-font-smoothing); font-size: var(--paper-input-container-shared-input-style_-_font-size); font-weight: var(--paper-input-container-shared-input-style_-_font-weight); line-height: var(--paper-input-container-shared-input-style_-_line-height); + + color: var(--paper-input-container-input-color, var(--primary-text-color)); + overflow: var(--paper-input-container-input_-_overflow); white-space: var(--paper-input-container-input_-_white-space); text-overflow: var(--paper-input-container-input_-_text-overflow); max-width: var(--paper-input-container-input_-_max-width, var(--paper-input-container-shared-input-style_-_max-width)); box-sizing: var(--paper-input-container-input_-_box-sizing); cursor: var(--paper-input-container-input_-_cursor); font-size: var(--paper-input-container-input_-_font-size, var(--paper-input-container-shared-input-style_-_font-size)); font-weight: var(--paper-input-container-input_-_font-weight, var(--paper-input-container-shared-input-style_-_font-weight)); line-height: var(--paper-input-container-input_-_line-height, var(--paper-input-container-shared-input-style_-_line-height)); letter-spacing: var(--paper-input-container-input_-_letter-spacing); font-family: var(--paper-input-container-input_-_font-family, var(--paper-input-container-shared-input-style_-_font-family)); padding: var(--paper-input-container-input_-_padding, var(--paper-input-container-shared-input-style_-_padding)); color: var(--paper-input-container-input_-_color, var(--paper-input-container-input-color, var(--primary-text-color))); margin-bottom: var(--paper-input-container-input_-_margin-bottom); text-transform: var(--paper-input-container-input_-_text-transform); height: var(--paper-input-container-input_-_height); text-align: var(--paper-input-container-input_-_text-align, var(--paper-input-container-shared-input-style_-_text-align)); + } + + .input-content.paper-input-container > input::-webkit-outer-spin-button,.input-content.paper-input-container > input::-webkit-inner-spin-button { + ; + } + + .input-content.focused.paper-input-container > input,.input-content.focused.paper-input-container > iron-input,.input-content.focused.paper-input-container > textarea,.input-content.focused.paper-input-container > iron-autogrow-textarea,.input-content.focused.paper-input-container > .paper-input-input { + ; + } + + .input-content.is-invalid.paper-input-container > input,.input-content.is-invalid.paper-input-container > iron-input,.input-content.is-invalid.paper-input-container > textarea,.input-content.is-invalid.paper-input-container > iron-autogrow-textarea,.input-content.is-invalid.paper-input-container > .paper-input-input { + ; + } + + .prefix.paper-input-container > * { + display: inline-block; + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + color: var(--paper-input-prefix_-_color); + } + + .suffix.paper-input-container > * { + display: inline-block; + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + + ; + } + + .input-content.paper-input-container > input { + min-width: 0; + } + + .input-content.paper-input-container > textarea { + resize: none; + } + + .add-on-content.paper-input-container { + position: relative; + } + + .add-on-content.is-invalid.paper-input-container > * { + color: var(--paper-input-container-invalid-color, var(--error-color)); + } + + .add-on-content.is-highlighted.paper-input-container > * { + color: var(--paper-input-container-focus-color, var(--primary-color)); + } + + paper-input-error { + display: inline-block; + visibility: hidden; + + color: var(--paper-input-container-invalid-color, var(--error-color)); + + font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-font-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-overflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font-caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); letter-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper-font-caption_-_line-height); + overflow: var(--paper-input-error_-_overflow, var(--paper-font-caption_-_overflow)); + position: absolute; + left:0; + right:0; + } + + paper-input-error[invalid] { + visibility: visible; + } + + #a11yWrapper.paper-input-error { + visibility: hidden; + } + + paper-input-error[invalid] #a11yWrapper.paper-input-error { + visibility: visible; + } + + paper-input { + display: block; + } + + paper-input[focused] { + outline: none; + } + + paper-input[hidden] { + display: none !important; + } + + input.paper-input { + min-width: 0; + ; + } + + iron-input.paper-input > input.paper-input { + position: var(--paper-input-container-shared-input-style_-_position); outline: var(--paper-input-container-shared-input-style_-_outline); box-shadow: var(--paper-input-container-shared-input-style_-_box-shadow); padding: var(--paper-input-container-shared-input-style_-_padding); margin: var(--paper-input-container-shared-input-style_-_margin); width: var(--paper-input-container-shared-input-style_-_width); max-width: var(--paper-input-container-shared-input-style_-_max-width); background: var(--paper-input-container-shared-input-style_-_background); border: var(--paper-input-container-shared-input-style_-_border); color: var(--paper-input-container-shared-input-style_-_color); -webkit-appearance: var(--paper-input-container-shared-input-style_-_-webkit-appearance); text-align: var(--paper-input-container-shared-input-style_-_text-align); vertical-align: var(--paper-input-container-shared-input-style_-_vertical-align); font-family: var(--paper-input-container-shared-input-style_-_font-family); -webkit-font-smoothing: var(--paper-input-container-shared-input-style_-_-webkit-font-smoothing); font-size: var(--paper-input-container-shared-input-style_-_font-size); font-weight: var(--paper-input-container-shared-input-style_-_font-weight); line-height: var(--paper-input-container-shared-input-style_-_line-height); + font-family: inherit; + font-weight: inherit; + font-size: inherit; + letter-spacing: inherit; + word-spacing: inherit; + line-height: inherit; + text-shadow: inherit; + color: inherit; + cursor: inherit; + } + + input.paper-input:disabled { + ; + } + + input.paper-input::-webkit-outer-spin-button,input.paper-input::-webkit-inner-spin-button { + ; + } + + input.paper-input::-webkit-clear-button { + ; + } + + input.paper-input::-webkit-calendar-picker-indicator { + ; + } + + input.paper-input::-webkit-input-placeholder { + color: var(--paper-input-container-color, var(--secondary-text-color)); + } + + input.paper-input:-moz-placeholder { + color: var(--paper-input-container-color, var(--secondary-text-color)); + } + + input.paper-input::-moz-placeholder { + color: var(--paper-input-container-color, var(--secondary-text-color)); + } + + input.paper-input::-ms-clear { + display: var(--paper-input-container-ms-clear_-_display); + } + + input.paper-input::-ms-reveal { + ; + } + + input.paper-input:-ms-input-placeholder { + color: var(--paper-input-container-color, var(--secondary-text-color)); + } + + label.paper-input { + pointer-events: none; + } + + paper-dropdown-menu { + display: inline-block; + position: relative; + text-align: left; + + + -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-tap-highlight-color: transparent; + + --paper-input-container-input_-_overflow: hidden; --paper-input-container-input_-_white-space: nowrap; --paper-input-container-input_-_text-overflow: ellipsis; --paper-input-container-input_-_max-width: 100%; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_cursor: pointer; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial;; + + ; + } + + paper-dropdown-menu:focus { + outline: none; + } + + [dir="rtl"] paper-dropdown-menu, paper-dropdown-menu[dir="rtl"] { + text-align: right; + + ; + } + + paper-dropdown-menu[disabled] { + ; + } + + paper-dropdown-menu[noink] paper-ripple.paper-dropdown-menu { + display: none; + } + + paper-dropdown-menu[no-label-float] paper-ripple.paper-dropdown-menu { + top: 8px; + } + + paper-ripple.paper-dropdown-menu { + top: 12px; + left: 0px; + bottom: 8px; + right: 0px; + + ; + } + + paper-menu-button.paper-dropdown-menu { + display: block; + padding: 0; + + ; + } + + paper-input.paper-dropdown-menu { + border-bottom: var(--paper-dropdown-menu-input_-_border-bottom); font-size: var(--paper-dropdown-menu-input_-_font-size); font-weight: var(--paper-dropdown-menu-input_-_font-weight); line-height: var(--paper-dropdown-menu-input_-_line-height); letter-spacing: var(--paper-dropdown-menu-input_-_letter-spacing); + } + + iron-icon.paper-dropdown-menu { + color: var(--disabled-text-color); + + color: var(--paper-dropdown-menu-icon_-_color, var(--disabled-text-color)); + } + + paper-icon-button { + display: inline-block; + position: relative; + padding: 8px; + outline: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + z-index: 0; + line-height: 1; + + width: 40px; + height: 40px; + + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + + + box-sizing: border-box !important; + + padding: var(--paper-icon-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px); height: var(--paper-icon-button_-_height, 40px); + } + + paper-icon-button #ink.paper-icon-button { + color: var(--paper-icon-button-ink-color, var(--primary-text-color)); + opacity: 0.6; + } + + paper-icon-button[disabled] { + color: var(--paper-icon-button-disabled-text, var(--disabled-text-color)); + pointer-events: none; + cursor: auto; + + ; + } + + paper-icon-button[hidden] { + display: none !important; + } + + paper-icon-button:hover { + ; + } + + iron-icon.paper-icon-button { + --iron-icon-width: 100%; + --iron-icon-height: 100%; + } + + paper-textarea { + display: block; + } + + paper-textarea[hidden] { + display: none !important; + } + + label.paper-textarea { + pointer-events: none; + } + + paper-icon-item,.paper-item.paper-icon-item { + display: block; + position: relative; + min-height: var(--paper-item-min-height, 48px); + padding: 0px 16px; + } + + .paper-item.paper-icon-item { + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + border:none; + outline: none; + background: white; + width: 100%; + text-align: left; + } + + paper-icon-item[hidden],.paper-item.paper-icon-item[hidden] { + display: none !important; + } + + paper-icon-item.iron-selected,.paper-item.iron-selected.paper-icon-item { + font-weight: var(--paper-item-selected-weight, bold); + + background-color: var(--paper-item-selected_-_background-color); font-weight: var(--paper-item-selected_-_font-weight, var(--paper-item-selected-weight, bold)); + } + + paper-icon-item[disabled],.paper-item.paper-icon-item[disabled] { + color: var(--paper-item-disabled-color, var(--disabled-text-color)); + + ; + } + + paper-icon-item:focus,.paper-item.paper-icon-item:focus { + position: relative; + outline: 0; + + background-color: var(--paper-item-focused_-_background-color); + } + + paper-icon-item:focus:before,.paper-item.paper-icon-item:focus:before { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + + background: currentColor; + content: ''; + opacity: var(--dark-divider-opacity); + pointer-events: none; + + background: var(--paper-item-focused-before_-_background, currentColor); + } + + paper-icon-item { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + + white-space: var(--paper-item_-_white-space); font-size: var(--paper-item_-_font-size, var(--paper-font-subhead_-_font-size)); font-weight: var(--paper-item_-_font-weight, var(--paper-font-subhead_-_font-weight)); line-height: var(--paper-item_-_line-height, var(--paper-font-subhead_-_line-height)); letter-spacing: var(--paper-item_-_letter-spacing); + ; + + min-height: var(--paper-item-min-height, 48px); + } + + .content-icon.paper-icon-item { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + + width: var(--paper-item-icon-width, 56px); + ; + } + + paper-item-body { + overflow: hidden; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + paper-item-body[two-line] { + min-height: var(--paper-item-body-two-line-min-height, 72px); + } + + paper-item-body[three-line] { + min-height: var(--paper-item-body-three-line-min-height, 88px); + } + + paper-item-body > * { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + paper-item-body > [secondary] { + font-family: var(--paper-font-body1_-_font-family); -webkit-font-smoothing: var(--paper-font-body1_-_-webkit-font-smoothing); font-size: var(--paper-font-body1_-_font-size); font-weight: var(--paper-font-body1_-_font-weight); line-height: var(--paper-font-body1_-_line-height); + + color: var(--paper-item-body-secondary-color, var(--secondary-text-color)); + + ; + } + + paper-item,.paper-item.paper-item { + display: block; + position: relative; + min-height: var(--paper-item-min-height, 48px); + padding: 0px 16px; + } + + .paper-item.paper-item { + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + border:none; + outline: none; + background: white; + width: 100%; + text-align: left; + } + + paper-item[hidden],.paper-item.paper-item[hidden] { + display: none !important; + } + + paper-item.iron-selected,.paper-item.iron-selected.paper-item { + font-weight: var(--paper-item-selected-weight, bold); + + background-color: var(--paper-item-selected_-_background-color); font-weight: var(--paper-item-selected_-_font-weight, var(--paper-item-selected-weight, bold)); + } + + paper-item[disabled],.paper-item.paper-item[disabled] { + color: var(--paper-item-disabled-color, var(--disabled-text-color)); + + ; + } + + paper-item:focus,.paper-item.paper-item:focus { + position: relative; + outline: 0; + + background-color: var(--paper-item-focused_-_background-color); + } + + paper-item:focus:before,.paper-item.paper-item:focus:before { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + + background: currentColor; + content: ''; + opacity: var(--dark-divider-opacity); + pointer-events: none; + + background: var(--paper-item-focused-before_-_background, currentColor); + } + + paper-item { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + + white-space: var(--paper-item_-_white-space); font-size: var(--paper-item_-_font-size, var(--paper-font-subhead_-_font-size)); font-weight: var(--paper-item_-_font-weight, var(--paper-font-subhead_-_font-weight)); line-height: var(--paper-item_-_line-height, var(--paper-font-subhead_-_line-height)); letter-spacing: var(--paper-item_-_letter-spacing); + + min-height: var(--paper-item-min-height, 48px); + } + + paper-listbox { + display: block; + padding: 8px 0; + + background: var(--paper-listbox-background-color, var(--primary-background-color)); + color: var(--paper-listbox-color, var(--primary-text-color)); + + ; + } + + paper-material { + display: block; + position: relative; + } + + paper-material[elevation="1"] { + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + paper-material[elevation="2"] { + box-shadow: var(--shadow-elevation-4dp_-_box-shadow); + } + + paper-material[elevation="3"] { + box-shadow: var(--shadow-elevation-6dp_-_box-shadow); + } + + paper-material[elevation="4"] { + box-shadow: var(--shadow-elevation-8dp_-_box-shadow); + } + + paper-material[elevation="5"] { + box-shadow: var(--shadow-elevation-16dp_-_box-shadow); + } + + paper-material[animated] { + transition: var(--shadow-transition_-_transition); + } + + paper-material { + display: var(--paper-material_-_display, block); position: var(--paper-material_-_position, relative); + } + + paper-progress { + display: block; + width: 200px; + position: relative; + overflow: hidden; + } + + paper-progress[hidden],.paper-progress[hidden] { + display: none !important; + } + + #progressContainer.paper-progress { + ; + position: relative; + } + + #progressContainer.paper-progress,.indeterminate.paper-progress::after { + height: var(--paper-progress-height, 4px); + } + + #primaryProgress.paper-progress,#secondaryProgress.paper-progress,.indeterminate.paper-progress::after { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + #progressContainer.paper-progress,.indeterminate.paper-progress::after { + background: var(--paper-progress-container-color, var(--google-grey-300)); + } + + paper-progress.transiting #primaryProgress.paper-progress,paper-progress.transiting #secondaryProgress.paper-progress { + -webkit-transition-property: -webkit-transform; + transition-property: transform; + + + -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s); + transition-duration: var(--paper-progress-transition-duration, 0.08s); + + + -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease); + transition-timing-function: var(--paper-progress-transition-timing-function, ease); + + + -webkit-transition-delay: var(--paper-progress-transition-delay, 0s); + transition-delay: var(--paper-progress-transition-delay, 0s); + } + + #primaryProgress.paper-progress,#secondaryProgress.paper-progress { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + -webkit-transform-origin: left center; + transform-origin: left center; + -webkit-transform: scaleX(0); + transform: scaleX(0); + will-change: transform; + } + + #primaryProgress.paper-progress { + background: var(--paper-progress-active-color, var(--google-green-500)); + } + + #secondaryProgress.paper-progress { + background: var(--paper-progress-secondary-color, var(--google-green-100)); + } + + paper-progress[disabled] #primaryProgress.paper-progress { + background: var(--paper-progress-disabled-active-color, var(--google-grey-500)); + } + + paper-progress[disabled] #secondaryProgress.paper-progress { + background: var(--paper-progress-disabled-secondary-color, var(--google-grey-300)); + } + + paper-progress:not([disabled]) #primaryProgress.indeterminate.paper-progress { + -webkit-transform-origin: right center; + transform-origin: right center; + -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite; + animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite; + } + + paper-progress:not([disabled]) #primaryProgress.indeterminate.paper-progress::after { + content: ""; + -webkit-transform-origin: center center; + transform-origin: center center; + + -webkit-animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite; + animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite; + } + + @-webkit-keyframes indeterminate-bar { + 0% { + -webkit-transform: scaleX(1) translateX(-100%); + } + + 50% { + -webkit-transform: scaleX(1) translateX(0%); + } + + 75% { + -webkit-transform: scaleX(1) translateX(0%); + -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91); + } + + 100% { + -webkit-transform: scaleX(0) translateX(0%); + } + + } + + @-webkit-keyframes indeterminate-splitter { + 0% { + -webkit-transform: scaleX(.75) translateX(-125%); + } + + 30% { + -webkit-transform: scaleX(.75) translateX(-125%); + -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8); + } + + 90% { + -webkit-transform: scaleX(.75) translateX(125%); + } + + 100% { + -webkit-transform: scaleX(.75) translateX(125%); + } + + } + + @keyframes indeterminate-bar { + 0% { + transform: scaleX(1) translateX(-100%); + } + + 50% { + transform: scaleX(1) translateX(0%); + } + + 75% { + transform: scaleX(1) translateX(0%); + animation-timing-function: cubic-bezier(.28,.62,.37,.91); + } + + 100% { + transform: scaleX(0) translateX(0%); + } + + } + + @keyframes indeterminate-splitter { + 0% { + transform: scaleX(.75) translateX(-125%); + } + + 30% { + transform: scaleX(.75) translateX(-125%); + animation-timing-function: cubic-bezier(.42,0,.6,.8); + } + + 90% { + transform: scaleX(.75) translateX(125%); + } + + 100% { + transform: scaleX(.75) translateX(125%); + } + + } + + paper-radio-button { + display: inline-block; + line-height: 0; + white-space: nowrap; + cursor: pointer; + font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); + --calculated-paper-radio-button-size: var(--paper-radio-button-size, 16px); + + --calculated-paper-radio-button-ink-size: var(--paper-radio-button-ink-size, -1px); + } + + paper-radio-button:focus { + outline: none; + } + + #radioContainer.paper-radio-button { + display: var(--layout-inline_-_display); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + position: relative; + width: var(--calculated-paper-radio-button-size); + height: var(--calculated-paper-radio-button-size); + vertical-align: middle; + + -ms-flex: var(--paper-radio-button-radio-container_-_-ms-flex); -webkit-flex: var(--paper-radio-button-radio-container_-_-webkit-flex); flex: var(--paper-radio-button-radio-container_-_flex); + } + + #ink.paper-radio-button { + position: absolute; + top: 50%; + left: 50%; + right: auto; + width: var(--calculated-paper-radio-button-ink-size); + height: var(--calculated-paper-radio-button-ink-size); + color: var(--paper-radio-button-unchecked-ink-color, var(--primary-text-color)); + opacity: 0.6; + pointer-events: none; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + } + + #ink.paper-radio-button[checked] { + color: var(--paper-radio-button-checked-ink-color, var(--primary-color)); + } + + #offRadio.paper-radio-button,#onRadio.paper-radio-button { + position: absolute; + box-sizing: border-box; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 50%; + } + + #offRadio.paper-radio-button { + border: 2px solid var(--paper-radio-button-unchecked-color, var(--primary-text-color)); + background-color: var(--paper-radio-button-unchecked-background-color, transparent); + transition: border-color 0.28s; + } + + #onRadio.paper-radio-button { + background-color: var(--paper-radio-button-checked-color, var(--primary-color)); + -webkit-transform: scale(0); + transform: scale(0); + transition: -webkit-transform ease 0.28s; + transition: transform ease 0.28s; + will-change: transform; + } + + paper-radio-button[checked] #offRadio.paper-radio-button { + border-color: var(--paper-radio-button-checked-color, var(--primary-color)); + } + + paper-radio-button[checked] #onRadio.paper-radio-button { + -webkit-transform: scale(0.5); + transform: scale(0.5); + } + + #radioLabel.paper-radio-button { + line-height: normal; + position: relative; + display: inline-block; + vertical-align: middle; + margin-left: var(--paper-radio-button-label-spacing, 10px); + white-space: normal; + color: var(--paper-radio-button-label-color, var(--primary-text-color)); + + width: var(--paper-radio-button-label_-_width); display: var(--paper-radio-button-label_-_display, inline-block); -ms-flex-direction: var(--paper-radio-button-label_-_-ms-flex-direction); -webkit-flex-direction: var(--paper-radio-button-label_-_-webkit-flex-direction); flex-direction: var(--paper-radio-button-label_-_flex-direction); -ms-flex-align: var(--paper-radio-button-label_-_-ms-flex-align); -webkit-align-items: var(--paper-radio-button-label_-_-webkit-align-items); align-items: var(--paper-radio-button-label_-_align-items); + } + + paper-radio-button[checked] #radioLabel.paper-radio-button { + ; + } + + [dir="rtl"] #radioLabel.paper-radio-button, #radioLabel.paper-radio-button[dir="rtl"] { + margin-left: 0; + margin-right: var(--paper-radio-button-label-spacing, 10px); + } + + #radioLabel.paper-radio-button[hidden] { + display: none; + } + + paper-radio-button[disabled] #offRadio.paper-radio-button { + border-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color)); + opacity: 0.5; + } + + paper-radio-button[disabled][checked] #onRadio.paper-radio-button { + background-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color)); + opacity: 0.5; + } + + paper-radio-button[disabled] #radioLabel.paper-radio-button { + opacity: 0.65; + } + + paper-radio-group { + display: inline-block; + } + + paper-radio-group > * { + padding: var(--paper-radio-group-item-padding, 12px); + } + + paper-slider { + display: var(--layout_-_display); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + width: 200px; + cursor: default; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + --paper-progress-active-color: var(--paper-slider-active-color, var(--google-blue-700)); + --paper-progress-secondary-color: var(--paper-slider-secondary-color, var(--google-blue-300)); + --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-color, var(--paper-grey-400)); + --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-secondary-color, var(--paper-grey-400)); + --calculated-paper-slider-height: var(--paper-slider-height, 2px); + } + + paper-slider:focus { + outline: none; + } + + [dir="rtl"] .paper-slider #sliderContainer.paper-slider, .paper-slider[dir="rtl"] #sliderContainer.paper-slider { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + } + + paper-slider[dir="rtl"] #sliderContainer.paper-slider { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + } + + paper-slider[dir="ltr"] #sliderContainer.paper-slider { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + #sliderContainer.paper-slider { + position: relative; + width: 100%; + height: calc(30px + var(--calculated-paper-slider-height)); + margin-left: calc(15px + var(--calculated-paper-slider-height)/2); + margin-right: calc(15px + var(--calculated-paper-slider-height)/2); + } + + #sliderContainer.paper-slider:focus { + outline: 0; + } + + #sliderContainer.editable.paper-slider { + margin-top: 12px; + margin-bottom: 12px; + } + + .bar-container.paper-slider { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; + } + + .ring.paper-slider > .bar-container.paper-slider { + left: calc(5px + var(--calculated-paper-slider-height)/2); + transition: left 0.18s ease; + } + + .ring.expand.dragging.paper-slider > .bar-container.paper-slider { + transition: none; + } + + .ring.expand.paper-slider:not(.pin) > .bar-container.paper-slider { + left: calc(8px + var(--calculated-paper-slider-height)/2); + } + + #sliderBar.paper-slider { + padding: 15px 0; + width: 100%; + background-color: var(--paper-slider-bar-color, transparent); + --paper-progress-container-color: var(--paper-slider-container-color, var(--paper-grey-400)); + --paper-progress-height: var(--calculated-paper-slider-height); + } + + .slider-markers.paper-slider { + position: absolute; + + top: 15px; + height: var(--calculated-paper-slider-height); + left: 0; + right: -1px; + box-sizing: border-box; + pointer-events: none; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + .slider-marker.paper-slider { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + .slider-markers.paper-slider::after,.slider-marker.paper-slider::after { + content: ""; + display: block; + margin-left: -1px; + width: 2px; + height: var(--calculated-paper-slider-height); + border-radius: 50%; + background-color: var(--paper-slider-markers-color, #000); + } + + .slider-knob.paper-slider { + position: absolute; + left: 0; + top: 0; + margin-left: calc(-15px - var(--calculated-paper-slider-height)/2); + width: calc(30px + var(--calculated-paper-slider-height)); + height: calc(30px + var(--calculated-paper-slider-height)); + } + + .transiting.paper-slider > .slider-knob.paper-slider { + transition: left 0.08s ease; + } + + .slider-knob.paper-slider:focus { + outline: none; + } + + .slider-knob.dragging.paper-slider { + transition: none; + } + + .snaps.paper-slider > .slider-knob.dragging.paper-slider { + transition: -webkit-transform 0.08s ease; + transition: transform 0.08s ease; + } + + .slider-knob-inner.paper-slider { + margin: 10px; + width: calc(100% - 20px); + height: calc(100% - 20px); + background-color: var(--paper-slider-knob-color, var(--google-blue-700)); + border: 2px solid var(--paper-slider-knob-color, var(--google-blue-700)); + border-radius: 50%; + + -moz-box-sizing: border-box; + box-sizing: border-box; + + transition-property: -webkit-transform, background-color, border; + transition-property: transform, background-color, border; + transition-duration: 0.18s; + transition-timing-function: ease; + } + + .expand.paper-slider:not(.pin) > .slider-knob.paper-slider > .slider-knob-inner.paper-slider { + -webkit-transform: scale(1.5); + transform: scale(1.5); + } + + .ring.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider { + background-color: var(--paper-slider-knob-start-color, transparent); + border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400)); + } + + .slider-knob-inner.paper-slider::before { + background-color: var(--paper-slider-pin-color, var(--google-blue-700)); + } + + .pin.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::before { + content: ""; + position: absolute; + top: 0; + left: 50%; + margin-left: -13px; + width: 26px; + height: 26px; + border-radius: 50% 50% 50% 0; + + -webkit-transform: rotate(-45deg) scale(0) translate(0); + transform: rotate(-45deg) scale(0) translate(0); + } + + .slider-knob-inner.paper-slider::before,.slider-knob-inner.paper-slider::after { + transition: -webkit-transform .18s ease, background-color .18s ease; + transition: transform .18s ease, background-color .18s ease; + } + + .pin.ring.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::before { + background-color: var(--paper-slider-pin-start-color, var(--paper-grey-400)); + } + + .pin.expand.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::before { + -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px); + transform: rotate(-45deg) scale(1) translate(17px, -17px); + } + + .pin.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::after { + content: attr(value); + position: absolute; + top: 0; + left: 50%; + margin-left: -16px; + width: 32px; + height: 26px; + text-align: center; + color: var(--paper-slider-font-color, #fff); + font-size: 10px; + + -webkit-transform: scale(0) translate(0); + transform: scale(0) translate(0); + } + + .pin.expand.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::after { + -webkit-transform: scale(1) translate(0, -17px); + transform: scale(1) translate(0, -17px); + } + + .slider-input.paper-slider { + width: 50px; + overflow: hidden; + --paper-input-container-input_-_text-align: center; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial;; + ; + } + + #sliderContainer.disabled.paper-slider { + pointer-events: none; + } + + .disabled.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider { + background-color: var(--paper-slider-disabled-knob-color, var(--paper-grey-400)); + border: 2px solid var(--paper-slider-disabled-knob-color, var(--paper-grey-400)); + -webkit-transform: scale3d(0.75, 0.75, 1); + transform: scale3d(0.75, 0.75, 1); + } + + .disabled.ring.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider { + background-color: var(--paper-slider-knob-start-color, transparent); + border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400)); + } + + paper-ripple.paper-slider { + color: var(--paper-slider-knob-color, var(--google-blue-700)); + } + + paper-spinner-lite { + display: inline-block; + position: relative; + width: 28px; + height: 28px; + + + --paper-spinner-container-rotation-duration: 1568ms; + + + --paper-spinner-expand-contract-duration: 1333ms; + + + --paper-spinner-full-cycle-duration: 5332ms; + + + --paper-spinner-cooldown-duration: 400ms; + } + + #spinnerContainer.paper-spinner-lite { + width: 100%; + height: 100%; + + + direction: ltr; + } + + #spinnerContainer.active.paper-spinner-lite { + -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; + animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; + } + + @-webkit-keyframes container-rotate { + to { + -webkit-transform: rotate(360deg) + } + + } + + @keyframes container-rotate { + to { + transform: rotate(360deg) + } + + } + + .spinner-layer.paper-spinner-lite { + position: absolute; + width: 100%; + height: 100%; + opacity: 0; + white-space: nowrap; + color: var(--paper-spinner-color, var(--google-blue-500)); + } + + .layer-1.paper-spinner-lite { + color: var(--paper-spinner-layer-1-color, var(--google-blue-500)); + } + + .layer-2.paper-spinner-lite { + color: var(--paper-spinner-layer-2-color, var(--google-red-500)); + } + + .layer-3.paper-spinner-lite { + color: var(--paper-spinner-layer-3-color, var(--google-yellow-500)); + } + + .layer-4.paper-spinner-lite { + color: var(--paper-spinner-layer-4-color, var(--google-green-500)); + } + + .active.paper-spinner-lite .spinner-layer.paper-spinner-lite { + -webkit-animation-name: fill-unfill-rotate; + -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); + -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); + -webkit-animation-iteration-count: infinite; + animation-name: fill-unfill-rotate; + animation-duration: var(--paper-spinner-full-cycle-duration); + animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); + animation-iteration-count: infinite; + opacity: 1; + } + + .active.paper-spinner-lite .spinner-layer.layer-1.paper-spinner-lite { + -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out; + animation-name: fill-unfill-rotate, layer-1-fade-in-out; + } + + .active.paper-spinner-lite .spinner-layer.layer-2.paper-spinner-lite { + -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out; + animation-name: fill-unfill-rotate, layer-2-fade-in-out; + } + + .active.paper-spinner-lite .spinner-layer.layer-3.paper-spinner-lite { + -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out; + animation-name: fill-unfill-rotate, layer-3-fade-in-out; + } + + .active.paper-spinner-lite .spinner-layer.layer-4.paper-spinner-lite { + -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out; + animation-name: fill-unfill-rotate, layer-4-fade-in-out; + } + + @-webkit-keyframes fill-unfill-rotate { + 12.5% { + -webkit-transform: rotate(135deg) + } + + 25% { + -webkit-transform: rotate(270deg) + } + + 37.5% { + -webkit-transform: rotate(405deg) + } + + 50% { + -webkit-transform: rotate(540deg) + } + + 62.5% { + -webkit-transform: rotate(675deg) + } + + 75% { + -webkit-transform: rotate(810deg) + } + + 87.5% { + -webkit-transform: rotate(945deg) + } + + to { + -webkit-transform: rotate(1080deg) + } + + } + + @keyframes fill-unfill-rotate { + 12.5% { + transform: rotate(135deg) + } + + 25% { + transform: rotate(270deg) + } + + 37.5% { + transform: rotate(405deg) + } + + 50% { + transform: rotate(540deg) + } + + 62.5% { + transform: rotate(675deg) + } + + 75% { + transform: rotate(810deg) + } + + 87.5% { + transform: rotate(945deg) + } + + to { + transform: rotate(1080deg) + } + + } + + @-webkit-keyframes layer-1-fade-in-out { + 0% { + opacity: 1 + } + + 25% { + opacity: 1 + } + + 26% { + opacity: 0 + } + + 89% { + opacity: 0 + } + + 90% { + opacity: 1 + } + + to { + opacity: 1 + } + + } + + @keyframes layer-1-fade-in-out { + 0% { + opacity: 1 + } + + 25% { + opacity: 1 + } + + 26% { + opacity: 0 + } + + 89% { + opacity: 0 + } + + 90% { + opacity: 1 + } + + to { + opacity: 1 + } + + } + + @-webkit-keyframes layer-2-fade-in-out { + 0% { + opacity: 0 + } + + 15% { + opacity: 0 + } + + 25% { + opacity: 1 + } + + 50% { + opacity: 1 + } + + 51% { + opacity: 0 + } + + to { + opacity: 0 + } + + } + + @keyframes layer-2-fade-in-out { + 0% { + opacity: 0 + } + + 15% { + opacity: 0 + } + + 25% { + opacity: 1 + } + + 50% { + opacity: 1 + } + + 51% { + opacity: 0 + } + + to { + opacity: 0 + } + + } + + @-webkit-keyframes layer-3-fade-in-out { + 0% { + opacity: 0 + } + + 40% { + opacity: 0 + } + + 50% { + opacity: 1 + } + + 75% { + opacity: 1 + } + + 76% { + opacity: 0 + } + + to { + opacity: 0 + } + + } + + @keyframes layer-3-fade-in-out { + 0% { + opacity: 0 + } + + 40% { + opacity: 0 + } + + 50% { + opacity: 1 + } + + 75% { + opacity: 1 + } + + 76% { + opacity: 0 + } + + to { + opacity: 0 + } + + } + + @-webkit-keyframes layer-4-fade-in-out { + 0% { + opacity: 0 + } + + 65% { + opacity: 0 + } + + 75% { + opacity: 1 + } + + 90% { + opacity: 1 + } + + to { + opacity: 0 + } + + } + + @keyframes layer-4-fade-in-out { + 0% { + opacity: 0 + } + + 65% { + opacity: 0 + } + + 75% { + opacity: 1 + } + + 90% { + opacity: 1 + } + + to { + opacity: 0 + } + + } + + .circle-clipper.paper-spinner-lite { + display: inline-block; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; + } + + .spinner-layer.paper-spinner-lite::after { + content: ''; + left: 45%; + width: 10%; + border-top-style: solid; + } + + .spinner-layer.paper-spinner-lite::after,.circle-clipper.paper-spinner-lite .circle.paper-spinner-lite { + box-sizing: border-box; + position: absolute; + top: 0; + border-width: var(--paper-spinner-stroke-width, 3px); + border-radius: 50%; + } + + .circle-clipper.paper-spinner-lite .circle.paper-spinner-lite { + bottom: 0; + width: 200%; + border-style: solid; + border-bottom-color: transparent !important; + } + + .circle-clipper.left.paper-spinner-lite .circle.paper-spinner-lite { + left: 0; + border-right-color: transparent !important; + -webkit-transform: rotate(129deg); + transform: rotate(129deg); + } + + .circle-clipper.right.paper-spinner-lite .circle.paper-spinner-lite { + left: -100%; + border-left-color: transparent !important; + -webkit-transform: rotate(-129deg); + transform: rotate(-129deg); + } + + .active.paper-spinner-lite .gap-patch.paper-spinner-lite::after,.active.paper-spinner-lite .circle-clipper.paper-spinner-lite .circle.paper-spinner-lite { + -webkit-animation-duration: var(--paper-spinner-expand-contract-duration); + -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); + -webkit-animation-iteration-count: infinite; + animation-duration: var(--paper-spinner-expand-contract-duration); + animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); + animation-iteration-count: infinite; + } + + .active.paper-spinner-lite .circle-clipper.left.paper-spinner-lite .circle.paper-spinner-lite { + -webkit-animation-name: left-spin; + animation-name: left-spin; + } + + .active.paper-spinner-lite .circle-clipper.right.paper-spinner-lite .circle.paper-spinner-lite { + -webkit-animation-name: right-spin; + animation-name: right-spin; + } + + @-webkit-keyframes left-spin { + 0% { + -webkit-transform: rotate(130deg) + } + + 50% { + -webkit-transform: rotate(-5deg) + } + + to { + -webkit-transform: rotate(130deg) + } + + } + + @keyframes left-spin { + 0% { + transform: rotate(130deg) + } + + 50% { + transform: rotate(-5deg) + } + + to { + transform: rotate(130deg) + } + + } + + @-webkit-keyframes right-spin { + 0% { + -webkit-transform: rotate(-130deg) + } + + 50% { + -webkit-transform: rotate(5deg) + } + + to { + -webkit-transform: rotate(-130deg) + } + + } + + @keyframes right-spin { + 0% { + transform: rotate(-130deg) + } + + 50% { + transform: rotate(5deg) + } + + to { + transform: rotate(-130deg) + } + + } + + #spinnerContainer.cooldown.paper-spinner-lite { + -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1); + animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1); + } + + @-webkit-keyframes fade-out { + 0% { + opacity: 1 + } + + to { + opacity: 0 + } + + } + + @keyframes fade-out { + 0% { + opacity: 1 + } + + to { + opacity: 0 + } + + } + + paper-spinner { + display: inline-block; + position: relative; + width: 28px; + height: 28px; + + + --paper-spinner-container-rotation-duration: 1568ms; + + + --paper-spinner-expand-contract-duration: 1333ms; + + + --paper-spinner-full-cycle-duration: 5332ms; + + + --paper-spinner-cooldown-duration: 400ms; + } + + #spinnerContainer.paper-spinner { + width: 100%; + height: 100%; + + + direction: ltr; + } + + #spinnerContainer.active.paper-spinner { + -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; + animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; + } + + @-webkit-keyframes container-rotate { + to { + -webkit-transform: rotate(360deg) + } + + } + + @keyframes container-rotate { + to { + transform: rotate(360deg) + } + + } + + .spinner-layer.paper-spinner { + position: absolute; + width: 100%; + height: 100%; + opacity: 0; + white-space: nowrap; + color: var(--paper-spinner-color, var(--google-blue-500)); + } + + .layer-1.paper-spinner { + color: var(--paper-spinner-layer-1-color, var(--google-blue-500)); + } + + .layer-2.paper-spinner { + color: var(--paper-spinner-layer-2-color, var(--google-red-500)); + } + + .layer-3.paper-spinner { + color: var(--paper-spinner-layer-3-color, var(--google-yellow-500)); + } + + .layer-4.paper-spinner { + color: var(--paper-spinner-layer-4-color, var(--google-green-500)); + } + + .active.paper-spinner .spinner-layer.paper-spinner { + -webkit-animation-name: fill-unfill-rotate; + -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); + -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); + -webkit-animation-iteration-count: infinite; + animation-name: fill-unfill-rotate; + animation-duration: var(--paper-spinner-full-cycle-duration); + animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); + animation-iteration-count: infinite; + opacity: 1; + } + + .active.paper-spinner .spinner-layer.layer-1.paper-spinner { + -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out; + animation-name: fill-unfill-rotate, layer-1-fade-in-out; + } + + .active.paper-spinner .spinner-layer.layer-2.paper-spinner { + -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out; + animation-name: fill-unfill-rotate, layer-2-fade-in-out; + } + + .active.paper-spinner .spinner-layer.layer-3.paper-spinner { + -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out; + animation-name: fill-unfill-rotate, layer-3-fade-in-out; + } + + .active.paper-spinner .spinner-layer.layer-4.paper-spinner { + -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out; + animation-name: fill-unfill-rotate, layer-4-fade-in-out; + } + + @-webkit-keyframes fill-unfill-rotate { + 12.5% { + -webkit-transform: rotate(135deg) + } + + 25% { + -webkit-transform: rotate(270deg) + } + + 37.5% { + -webkit-transform: rotate(405deg) + } + + 50% { + -webkit-transform: rotate(540deg) + } + + 62.5% { + -webkit-transform: rotate(675deg) + } + + 75% { + -webkit-transform: rotate(810deg) + } + + 87.5% { + -webkit-transform: rotate(945deg) + } + + to { + -webkit-transform: rotate(1080deg) + } + + } + + @keyframes fill-unfill-rotate { + 12.5% { + transform: rotate(135deg) + } + + 25% { + transform: rotate(270deg) + } + + 37.5% { + transform: rotate(405deg) + } + + 50% { + transform: rotate(540deg) + } + + 62.5% { + transform: rotate(675deg) + } + + 75% { + transform: rotate(810deg) + } + + 87.5% { + transform: rotate(945deg) + } + + to { + transform: rotate(1080deg) + } + + } + + @-webkit-keyframes layer-1-fade-in-out { + 0% { + opacity: 1 + } + + 25% { + opacity: 1 + } + + 26% { + opacity: 0 + } + + 89% { + opacity: 0 + } + + 90% { + opacity: 1 + } + + to { + opacity: 1 + } + + } + + @keyframes layer-1-fade-in-out { + 0% { + opacity: 1 + } + + 25% { + opacity: 1 + } + + 26% { + opacity: 0 + } + + 89% { + opacity: 0 + } + + 90% { + opacity: 1 + } + + to { + opacity: 1 + } + + } + + @-webkit-keyframes layer-2-fade-in-out { + 0% { + opacity: 0 + } + + 15% { + opacity: 0 + } + + 25% { + opacity: 1 + } + + 50% { + opacity: 1 + } + + 51% { + opacity: 0 + } + + to { + opacity: 0 + } + + } + + @keyframes layer-2-fade-in-out { + 0% { + opacity: 0 + } + + 15% { + opacity: 0 + } + + 25% { + opacity: 1 + } + + 50% { + opacity: 1 + } + + 51% { + opacity: 0 + } + + to { + opacity: 0 + } + + } + + @-webkit-keyframes layer-3-fade-in-out { + 0% { + opacity: 0 + } + + 40% { + opacity: 0 + } + + 50% { + opacity: 1 + } + + 75% { + opacity: 1 + } + + 76% { + opacity: 0 + } + + to { + opacity: 0 + } + + } + + @keyframes layer-3-fade-in-out { + 0% { + opacity: 0 + } + + 40% { + opacity: 0 + } + + 50% { + opacity: 1 + } + + 75% { + opacity: 1 + } + + 76% { + opacity: 0 + } + + to { + opacity: 0 + } + + } + + @-webkit-keyframes layer-4-fade-in-out { + 0% { + opacity: 0 + } + + 65% { + opacity: 0 + } + + 75% { + opacity: 1 + } + + 90% { + opacity: 1 + } + + to { + opacity: 0 + } + + } + + @keyframes layer-4-fade-in-out { + 0% { + opacity: 0 + } + + 65% { + opacity: 0 + } + + 75% { + opacity: 1 + } + + 90% { + opacity: 1 + } + + to { + opacity: 0 + } + + } + + .circle-clipper.paper-spinner { + display: inline-block; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; + } + + .spinner-layer.paper-spinner::after { + content: ''; + left: 45%; + width: 10%; + border-top-style: solid; + } + + .spinner-layer.paper-spinner::after,.circle-clipper.paper-spinner .circle.paper-spinner { + box-sizing: border-box; + position: absolute; + top: 0; + border-width: var(--paper-spinner-stroke-width, 3px); + border-radius: 50%; + } + + .circle-clipper.paper-spinner .circle.paper-spinner { + bottom: 0; + width: 200%; + border-style: solid; + border-bottom-color: transparent !important; + } + + .circle-clipper.left.paper-spinner .circle.paper-spinner { + left: 0; + border-right-color: transparent !important; + -webkit-transform: rotate(129deg); + transform: rotate(129deg); + } + + .circle-clipper.right.paper-spinner .circle.paper-spinner { + left: -100%; + border-left-color: transparent !important; + -webkit-transform: rotate(-129deg); + transform: rotate(-129deg); + } + + .active.paper-spinner .gap-patch.paper-spinner::after,.active.paper-spinner .circle-clipper.paper-spinner .circle.paper-spinner { + -webkit-animation-duration: var(--paper-spinner-expand-contract-duration); + -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); + -webkit-animation-iteration-count: infinite; + animation-duration: var(--paper-spinner-expand-contract-duration); + animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); + animation-iteration-count: infinite; + } + + .active.paper-spinner .circle-clipper.left.paper-spinner .circle.paper-spinner { + -webkit-animation-name: left-spin; + animation-name: left-spin; + } + + .active.paper-spinner .circle-clipper.right.paper-spinner .circle.paper-spinner { + -webkit-animation-name: right-spin; + animation-name: right-spin; + } + + @-webkit-keyframes left-spin { + 0% { + -webkit-transform: rotate(130deg) + } + + 50% { + -webkit-transform: rotate(-5deg) + } + + to { + -webkit-transform: rotate(130deg) + } + + } + + @keyframes left-spin { + 0% { + transform: rotate(130deg) + } + + 50% { + transform: rotate(-5deg) + } + + to { + transform: rotate(130deg) + } + + } + + @-webkit-keyframes right-spin { + 0% { + -webkit-transform: rotate(-130deg) + } + + 50% { + -webkit-transform: rotate(5deg) + } + + to { + -webkit-transform: rotate(-130deg) + } + + } + + @keyframes right-spin { + 0% { + transform: rotate(-130deg) + } + + 50% { + transform: rotate(5deg) + } + + to { + transform: rotate(-130deg) + } + + } + + #spinnerContainer.cooldown.paper-spinner { + -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1); + animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1); + } + + @-webkit-keyframes fade-out { + 0% { + opacity: 1 + } + + to { + opacity: 0 + } + + } + + @keyframes fade-out { + 0% { + opacity: 1 + } + + to { + opacity: 0 + } + + } + + paper-tab { + display: var(--layout-inline_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); + + position: relative; + padding: 0 12px; + overflow: hidden; + cursor: pointer; + vertical-align: middle; + + font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); + ; + } + + paper-tab:focus { + outline: none; + } + + paper-tab[link] { + padding: 0; + } + + .tab-content.paper-tab { + height: 100%; + transform: translateZ(0); + -webkit-transform: translateZ(0); + transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); + ; + } + + paper-tab:not(.iron-selected) > .tab-content.paper-tab { + opacity: 0.8; + + opacity: var(--paper-tab-content-unselected_-_opacity, 0.8); + } + + paper-tab:focus .tab-content.paper-tab { + opacity: 1; + font-weight: 700; + + font-weight: var(--paper-tab-content-focused_-_font-weight, 700); + } + + paper-ripple.paper-tab { + color: var(--paper-tab-ink, var(--paper-yellow-a100)); + } + + .tab-content.paper-tab > a { + -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); + + height: 100%; + } + + paper-tabs { + display: var(--layout_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + + height: 48px; + font-size: 14px; + font-weight: 500; + overflow: hidden; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + + ; + } + + [dir="rtl"] paper-tabs, paper-tabs[dir="rtl"] { + display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(--layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal-reverse_-_flex-direction); + } + + #tabsContainer.paper-tabs { + position: relative; + height: 100%; + white-space: nowrap; + overflow: hidden; + -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); + ; + } + + #tabsContent.paper-tabs { + height: 100%; + -moz-flex-basis: auto; + -ms-flex-basis: auto; + flex-basis: auto; + ; + } + + #tabsContent.scrollable.paper-tabs { + position: absolute; + white-space: nowrap; + } + + #tabsContent.paper-tabs:not(.scrollable),#tabsContent.scrollable.fit-container.paper-tabs { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #tabsContent.scrollable.fit-container.paper-tabs { + min-width: 100%; + } + + #tabsContent.scrollable.fit-container.paper-tabs > * { + -ms-flex: 1 0 auto; + -webkit-flex: 1 0 auto; + flex: 1 0 auto; + } + + .hidden.paper-tabs { + display: none; + } + + .not-visible.paper-tabs { + opacity: 0; + cursor: default; + } + + paper-icon-button.paper-tabs { + width: 48px; + height: 48px; + padding: 12px; + margin: 0 4px; + } + + #selectionBar.paper-tabs { + position: absolute; + height: 0; + bottom: 0; + left: 0; + right: 0; + border-bottom: 2px solid var(--paper-tabs-selection-bar-color, var(--paper-yellow-a100)); + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transform-origin: left center; + transform-origin: left center; + transition: -webkit-transform; + transition: transform; + + border-bottom-width: var(--paper-tabs-selection-bar_-_border-bottom-width); + } + + #selectionBar.align-bottom.paper-tabs { + top: 0; + bottom: auto; + } + + #selectionBar.expand.paper-tabs { + transition-duration: 0.15s; + transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); + } + + #selectionBar.contract.paper-tabs { + transition-duration: 0.18s; + transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); + } + + #tabsContent.paper-tabs > :not(#selectionBar) { + height: 100%; + } + + paper-toast { + display: block; + position: fixed; + background-color: var(--paper-toast-background-color, #323232); + color: var(--paper-toast-color, #f1f1f1); + min-height: 48px; + min-width: 288px; + padding: 16px 24px; + box-sizing: border-box; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + border-radius: 2px; + margin: 12px; + font-size: 14px; + cursor: default; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s; + opacity: 0; + -webkit-transform: translateY(100px); + transform: translateY(100px); + font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); + } + + paper-toast.capsule { + border-radius: 24px; + } + + paper-toast.fit-bottom { + width: 100%; + min-width: 0; + border-radius: 0; + margin: 0; + } + + paper-toast.paper-toast-open { + opacity: 1; + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + + paper-toggle-button { + display: inline-block; + display: var(--layout-horizontal_-_display, inline-block); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); + } + + paper-toggle-button[disabled] { + pointer-events: none; + } + + paper-toggle-button:focus { + outline:none; + } + + .toggle-bar.paper-toggle-button { + position: absolute; + height: 100%; + width: 100%; + border-radius: 8px; + pointer-events: none; + opacity: 0.4; + transition: background-color linear .08s; + background-color: var(--paper-toggle-button-unchecked-bar-color, #000000); + + ; + } + + .toggle-button.paper-toggle-button { + position: absolute; + top: -3px; + left: 0; + right: auto; + height: 20px; + width: 20px; + border-radius: 50%; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6); + transition: -webkit-transform linear .08s, background-color linear .08s; + transition: transform linear .08s, background-color linear .08s; + will-change: transform; + background-color: var(--paper-toggle-button-unchecked-button-color, var(--paper-grey-50)); + + ; + } + + [dir="rtl"] paper-toggle-button .toggle-button.paper-toggle-button, paper-toggle-button[dir="rtl"] .toggle-button.paper-toggle-button,paper-toggle-button[dir="rtl"] .toggle-button.paper-toggle-button { + right: 0; + left: auto; + } + + .toggle-button.dragging.paper-toggle-button { + -webkit-transition: none; + transition: none; + } + + paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button { + opacity: 0.5; + background-color: var(--paper-toggle-button-checked-bar-color, var(--primary-color)); + + ; + } + + paper-toggle-button[disabled] .toggle-bar.paper-toggle-button { + background-color: var(--paper-toggle-button-disabled-bar-color, #000); + opacity: 0.12; + ; + } + + paper-toggle-button[checked] .toggle-button.paper-toggle-button { + -webkit-transform: translate(16px, 0); + transform: translate(16px, 0); + } + + [dir="rtl"] paper-toggle-button:host([checked]) .toggle-button.paper-toggle-button, paper-toggle-button[dir="rtl"]:host([checked]) .toggle-button.paper-toggle-button,paper-toggle-button[dir="rtl"][checked] .toggle-button.paper-toggle-button { + -webkit-transform: translate(-16px, 0); + transform: translate(-16px, 0); + } + + paper-toggle-button[dir="rtl"] { + -webkit-transform: unset; + transform: unset; + } + + paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button { + background-color: var(--paper-toggle-button-checked-button-color, var(--primary-color)); + + ; + } + + paper-toggle-button[disabled] .toggle-button.paper-toggle-button { + background-color: var(--paper-toggle-button-disabled-button-color, #bdbdbd); + opacity: 1; + ; + } + + .toggle-ink.paper-toggle-button { + position: absolute; + top: -14px; + left: -14px; + right: auto; + bottom: auto; + width: 48px; + height: 48px; + opacity: 0.5; + pointer-events: none; + color: var(--paper-toggle-button-unchecked-ink-color, var(--primary-text-color)); + + ; + } + + paper-toggle-button[checked] .toggle-ink.paper-toggle-button { + color: var(--paper-toggle-button-checked-ink-color, var(--primary-color)); + + ; + } + + .toggle-container.paper-toggle-button { + display: inline-block; + position: relative; + width: 36px; + height: 14px; + + margin: 4px 1px; + } + + .toggle-label.paper-toggle-button { + position: relative; + display: inline-block; + vertical-align: middle; + padding-left: var(--paper-toggle-button-label-spacing, 8px); + pointer-events: none; + color: var(--paper-toggle-button-label-color, var(--primary-text-color)); + } + + paper-toggle-button[invalid] .toggle-bar.paper-toggle-button { + background-color: var(--paper-toggle-button-invalid-bar-color, var(--error-color)); + } + + paper-toggle-button[invalid] .toggle-button.paper-toggle-button { + background-color: var(--paper-toggle-button-invalid-button-color, var(--error-color)); + } + + paper-toggle-button[invalid] .toggle-ink.paper-toggle-button { + color: var(--paper-toggle-button-invalid-ink-color, var(--error-color)); + } + + paper-tooltip { + display: block; + position: absolute; + outline: none; + z-index: 1002; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + cursor: default; + } + + #tooltip.paper-tooltip { + display: block; + outline: none; + font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); + font-size: 10px; + line-height: 1; + background-color: var(--paper-tooltip-background, #616161); + color: var(--paper-tooltip-text-color, white); + padding: 8px; + border-radius: 2px; + margin: var(--paper-tooltip_-_margin); font-size: var(--paper-tooltip_-_font-size, 10px); font-weight: var(--paper-tooltip_-_font-weight); line-height: var(--paper-tooltip_-_line-height, 1); letter-spacing: var(--paper-tooltip_-_letter-spacing); text-transform: var(--paper-tooltip_-_text-transform); + } + + @keyframes keyFrameScaleUp { + 0% { + transform: scale(0.0); + } + + 100% { + transform: scale(1.0); + } + + } + + @keyframes keyFrameScaleDown { + 0% { + transform: scale(1.0); + } + + 100% { + transform: scale(0.0); + } + + } + + @keyframes keyFrameFadeInOpacity { + 0% { + opacity: 0; + } + + 100% { + opacity: var(--paper-tooltip-opacity, 0.9); + } + + } + + @keyframes keyFrameFadeOutOpacity { + 0% { + opacity: var(--paper-tooltip-opacity, 0.9); + } + + 100% { + opacity: 0; + } + + } + + @keyframes keyFrameSlideDownIn { + 0% { + transform: translateY(-2000px); + opacity: 0; + } + + 10% { + opacity: 0.2; + } + + 100% { + transform: translateY(0); + opacity: var(--paper-tooltip-opacity, 0.9); + } + + } + + @keyframes keyFrameSlideDownOut { + 0% { + transform: translateY(0); + opacity: var(--paper-tooltip-opacity, 0.9); + } + + 10% { + opacity: 0.2; + } + + 100% { + transform: translateY(-2000px); + opacity: 0; + } + + } + + .fade-in-animation.paper-tooltip { + opacity: 0; + animation-delay: var(--paper-tooltip-delay-in, 500ms); + animation-name: keyFrameFadeInOpacity; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: var(--paper-tooltip-duration-in, 500ms); + animation-fill-mode: forwards; + ; + } + + .fade-out-animation.paper-tooltip { + opacity: var(--paper-tooltip-opacity, 0.9); + animation-delay: var(--paper-tooltip-delay-out, 0ms); + animation-name: keyFrameFadeOutOpacity; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: var(--paper-tooltip-duration-out, 500ms); + animation-fill-mode: forwards; + ; + } + + .scale-up-animation.paper-tooltip { + transform: scale(0); + opacity: var(--paper-tooltip-opacity, 0.9); + animation-delay: var(--paper-tooltip-delay-in, 500ms); + animation-name: keyFrameScaleUp; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: var(--paper-tooltip-duration-in, 500ms); + animation-fill-mode: forwards; + ; + } + + .scale-down-animation.paper-tooltip { + transform: scale(1); + opacity: var(--paper-tooltip-opacity, 0.9); + animation-delay: var(--paper-tooltip-delay-out, 500ms); + animation-name: keyFrameScaleDown; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: var(--paper-tooltip-duration-out, 500ms); + animation-fill-mode: forwards; + ; + } + + .slide-down-animation.paper-tooltip { + transform: translateY(-2000px); + opacity: 0; + animation-delay: var(--paper-tooltip-delay-out, 500ms); + animation-name: keyFrameSlideDownIn; + animation-iteration-count: 1; + animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); + animation-duration: var(--paper-tooltip-duration-out, 500ms); + animation-fill-mode: forwards; + ; + } + + .slide-down-animation-out.paper-tooltip { + transform: translateY(0); + opacity: var(--paper-tooltip-opacity, 0.9); + animation-delay: var(--paper-tooltip-delay-out, 500ms); + animation-name: keyFrameSlideDownOut; + animation-iteration-count: 1; + animation-timing-function: cubic-bezier(0.4, 0.0, 1, 1); + animation-duration: var(--paper-tooltip-duration-out, 500ms); + animation-fill-mode: forwards; + ; + } + + .cancel-animation.paper-tooltip { + animation-delay: -30s !important; + } + + .hidden.paper-tooltip { + display: none !important; + } + + yt-formatted-string:not(.use-shadow):empty { + display: none; + } + + yt-formatted-string span.yt-formatted-string:empty { + display: none; + } + + yt-formatted-string[dir="auto"] { + text-align: right; + } + + .bold.yt-formatted-string { + font-weight: var(--yt-formatted-string-bold-font-weight, 500); + font-size: var(--yt-formatted-string-bold_-_font-size); font-weight: var(--yt-formatted-string-bold_-_font-weight, var(--yt-formatted-string-bold-font-weight, 500)); line-height: var(--yt-formatted-string-bold_-_line-height); letter-spacing: var(--yt-formatted-string-bold_-_letter-spacing); + } + + .yt-formatted-string:not(a).bold { + color: var(--yt-formatted-string-bold-color, inherit); + } + + .deemphasize.yt-formatted-string { + color: var(--yt-formatted-string-deemphasize-color); + display: var(--yt-formatted-string-deemphasize_-_display); margin-left: var(--yt-formatted-string-deemphasize_-_margin-left); + } + + .italic.yt-formatted-string { + font-style: italic; + ; + } + + .strikethrough.yt-formatted-string { + text-decoration: line-through; + font-family: var(--yt-formatted-string-strikethrough_-_font-family); font-size: var(--yt-formatted-string-strikethrough_-_font-size); font-weight: var(--yt-formatted-string-strikethrough_-_font-weight); line-height: var(--yt-formatted-string-strikethrough_-_line-height); + } + + yt-formatted-string > .emoji,yt-formatted-string > .small-emoji { + margin: -1px 2px 1px 2px; + vertical-align: middle; + } + + yt-formatted-string > .emoji { + width: var(--yt-formatted-string-emoji-size, 24px); + height: var(--yt-formatted-string-emoji-size, 24px); + } + + yt-formatted-string > .emoji.small-emoji { + width: var(--yt-formatted-string-small-emoji-size, 16px); + height: var(--yt-formatted-string-small-emoji-size, 16px); + } + + a.yt-formatted-string { + color: var(--yt-spec-call-to-action); + } + + a.yt-simple-endpoint.yt-formatted-string { + color: var(--yt-endpoint-color, var(--yt-spec-call-to-action)); + text-decoration: var(--yt-endpoint-text-regular-decoration, none); + } + + a.yt-simple-endpoint.yt-formatted-string:visited { + color: var(--yt-endpoint-visited-color, var(--yt-spec-call-to-action)); + } + + a.yt-simple-endpoint.yt-formatted-string:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-call-to-action)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string { + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:visited { + color: var(--yt-endpoint-visited-color, var(--yt-spec-text-primary)); + } + + yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + } + + yt-formatted-string[contenteditable] a.yt-simple-endpoint.yt-formatted-string,#contenteditable-root.yt-formatted-string a.yt-simple-endpoint.yt-formatted-string { + background: var(--ytd-commentbox-user-mentions-chip_-_background); border-radius: var(--ytd-commentbox-user-mentions-chip_-_border-radius); color: var(--ytd-commentbox-user-mentions-chip_-_color); cursor: var(--ytd-commentbox-user-mentions-chip_-_cursor); max-width: var(--ytd-commentbox-user-mentions-chip_-_max-width); white-space: var(--ytd-commentbox-user-mentions-chip_-_white-space); overflow: var(--ytd-commentbox-user-mentions-chip_-_overflow); text-overflow: var(--ytd-commentbox-user-mentions-chip_-_text-overflow); vertical-align: var(--ytd-commentbox-user-mentions-chip_-_vertical-align); pointer-events: var(--ytd-commentbox-user-mentions-chip_-_pointer-events); + } + + yt-formatted-string[split-lines] { + white-space: pre-wrap; + } + + yt-formatted-string[ellipsis-truncate].complex-string { + white-space: pre; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + yt-formatted-string[dir="auto"][ellipsis-truncate].complex-string { + display: inline-block; + } + + yt-formatted-string[dir="auto"][ellipsis-truncate].complex-string > *.yt-formatted-string:not(style) { + display: inline; + } + + yt-formatted-string[ellipsis-truncate] { + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + + yt-formatted-string[ellipsis-truncate] a.yt-formatted-string { + display: block; + + margin-right: -0.1em; + padding-right: 0.1em; + } + + yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + yt-formatted-string::-webkit-scrollbar-thumb { + height: var(--ytd-scrollbar-scrubber_-_height); background: var(--ytd-scrollbar-scrubber_-_background); + } + + yt-formatted-string::-webkit-scrollbar { + width: var(--ytd-scrollbar-width); + } + + #contenteditable-root.yt-formatted-string .emoji.yt-formatted-string { + width: var(--ytd-emoji-style_-_width); height: var(--ytd-emoji-style_-_height); margin: var(--ytd-emoji-style_-_margin); vertical-align: var(--ytd-emoji-style_-_vertical-align); padding-right: var(--ytd-emoji-style_-_padding-right); + } + + #contenteditable-root.yt-formatted-string .small-emoji.yt-formatted-string { + width: var(--ytd-small-emoji-style_-_width); height: var(--ytd-small-emoji-style_-_height); margin: var(--ytd-small-emoji-style_-_margin); vertical-align: var(--ytd-small-emoji-style_-_vertical-align); padding-right: var(--ytd-small-emoji-style_-_padding-right); + } + + #contenteditable-root.yt-formatted-string { + max-height: var(--contenteditable-root-style_-_max-height); overflow: var(--contenteditable-root-style_-_overflow); outline: var(--contenteditable-root-style_-_outline); + } + + #contenteditable-root.yt-formatted-string:empty:before { + ; + } + + #contenteditable-root.yt-formatted-string[aria-label].yt-formatted-string:empty:before { + color: var(--contenteditable-root-style-placeholder-with-aria_-_color); content: var(--contenteditable-root-style-placeholder-with-aria_-_content); cursor: var(--contenteditable-root-style-placeholder-with-aria_-_cursor); + } + + yt-live-chat-message-buy-flow-heading-renderer { + --yt-endpoint-color: rgb(39, 147, 230); + --yt-endpoint-visited-color: rgb(39, 147, 230); + display: block; + margin: 10px 0 12px; + } + + yt-formatted-string.yt-live-chat-message-buy-flow-heading-renderer { + display: block; + } + + #heading-title.yt-live-chat-message-buy-flow-heading-renderer { + font-size: 16px; + font-weight: 500; + line-height: 20px; + color: var(--yt-live-chat-primary-text-color); + } + + #heading-text.yt-live-chat-message-buy-flow-heading-renderer { + margin-top: 4px; + font-size: 14px; + line-height: 17px; + } + + yt-icon,.yt-icon-container.yt-icon { + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + vertical-align: middle; + fill: var(--iron-icon-fill-color, currentcolor); + stroke: var(--iron-icon-stroke-color, none); + width: var(--iron-icon-width, 24px); + height: var(--iron-icon-height, 24px); + margin-left: var(--iron-icon_-_margin-left); margin-bottom: var(--iron-icon_-_margin-bottom); margin-right: var(--iron-icon_-_margin-right); width: var(--iron-icon_-_width, var(--iron-icon-width, 24px)); height: var(--iron-icon_-_height, var(--iron-icon-height, 24px)); margin-top: var(--iron-icon_-_margin-top); + ; + } + + yt-icon.external-container { + display: none !important; + } + + #container.yt-live-chat-paid-message-footer-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #icon.yt-live-chat-paid-message-footer-renderer { + min-width: 40px; + margin-right: 16px; + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + display: var(--layout_-_display); + } + + #text.yt-live-chat-paid-message-footer-renderer { + font-size: 12px; + line-height: 16px; + margin-bottom: 3px; + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout_-_display); + } + + yt-icon-button { + display: inline-block; + position: relative; + width: 24px; + height: 24px; + box-sizing: border-box; + font-size: 0; + } + + button.yt-icon-button { + vertical-align: middle; + color: inherit; + outline: none; + background: none; + margin: 0; + border: none; + padding: 0; + width: 100%; + height: 100%; + line-height: 0; + cursor: pointer; + + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + } + + button.yt-icon-button > yt-icon { + width: var(--yt-icon-button-icon-width, 100%); + height: var(--yt-icon-button-icon-height, 100%); + } + + button.yt-icon-button[disabled] { + pointer-events: none; + cursor: auto; + } + + paper-ripple.yt-icon-button { + opacity: 0.6; + color: currentColor; + } + + yt-button-renderer { + --paper-button-ink-color: var(--yt-paper-button-ink-color); + --yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white); + + + --yt-formatted-string-deemphasize_-_margin-left: var(--ytd-margin-base); --yt-formatted-string-deemphasize_-_display: initial;; + } + + yt-button-renderer { + vertical-align: middle; + white-space: nowrap; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + yt-button-renderer[is-paper-button](:not[button-raised]),yt-button-renderer[is-paper-button](:not[button-raised]) a.yt-button-renderer { + overflow: hidden; + } + + yt-button-renderer[disabled][is-paper-button] a.yt-button-renderer { + cursor: initial; + } + + yt-button-renderer[is-paper-button] yt-icon.yt-button-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + yt-button-renderer yt-formatted-string.yt-button-renderer { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + paper-button.yt-button-renderer { + min-width: var(--yt-paper-button-min-width, var(--ytd-paper-button-min-width, 5.14em)); + font-size: var(--yt-paper-button-font-size, inherit); + } + + paper-button.keyboard-focus.yt-button-renderer { + font-weight: inherit; + } + + yt-button-renderer[is-icon-button]:not([style-action-button]) { + font-size: var(--ytd-caption_-_font-size); line-height: var(--ytd-caption_-_line-height); font-weight: var(--ytd-caption_-_font-weight); letter-spacing: var(--ytd-caption_-_letter-spacing); text-transform: var(--ytd-caption_-_text-transform); + } + + yt-button-renderer.force-icon-button a.yt-button-renderer { + padding-right: var(--yt-button-icon-padding, var(--ytd-margin-2x)); + } + + yt-button-renderer[is-paper-button] { + background-color: var(--yt-basic-background-color, var(--yt-button-background-color)); + color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); + border-color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); + } + + yt-button-renderer[is-paper-button-with-icon] { + --yt-button-padding-minus-focus-outline: var(--yt-button-with-icon-padding-minus-focus-outline); + } + + yt-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] { + --yt-button-padding: 6px 12px; + --yt-button-padding-minus-border: 5px 11px; + } + + yt-button-renderer[is-paper-button-with-icon] { + --yt-button-padding: 6px 16px; + --yt-button-padding-minus-border: 5px 15px; + } + + yt-button-renderer[is-paper-button-with-icon][button-size="size-large"] { + --yt-button-padding: 10px 16px; + --yt-button-padding-minus-border: 9px 15px; + --yt-button-padding-minus-focus-outline: 9px 15px; + } + + yt-button-renderer[is-icon-button] { + color: var(--yt-button-color, var(--yt-spec-icon-inactive)); + } + + yt-button-renderer.style-text[is-icon-button],yt-button-renderer.style-default[is-icon-button],yt-button-renderer.style-opacity[is-icon-button] { + color: var(--yt-spec-icon-inactive); + } + + yt-button-renderer.style-text[is-icon-button] #text.yt-button-renderer,yt-button-renderer.style-default[is-icon-button] #text.yt-button-renderer,yt-button-renderer.style-opacity[is-icon-button] #text.yt-button-renderer { + color: var(--yt-spec-text-secondary); + } + + yt-button-renderer.style-black[is-icon-button] { + color: var(--yt-spec-text-primary); + } + + yt-button-renderer.style-opacity[is-icon-button][disabled] { + color: var(--yt-spec-icon-disabled); + } + + yt-button-renderer.style-blue-text[is-icon-button] { + color: var(--yt-spec-call-to-action); + } + + yt-button-renderer.style-visibly-disabled[is-icon-button] { + color: var(--yt-spec-icon-disabled); + } + + paper-tooltip.yt-button-renderer { + white-space: nowrap; + } + + yt-button-renderer.style-primary[is-paper-button] { + background-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary-inverse); + } + + yt-button-renderer.style-primary[disabled][is-paper-button] { + background-color: var(--yt-spec-icon-disabled); + color: var(--yt-spec-text-primary-inverse); + } + + yt-button-renderer.style-payment[is-paper-button] { + background-color: var(--yt-button-payment-background-color, var(--yt-spec-call-to-action)); + color: var(--yt-spec-text-primary-inverse); + } + + yt-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer,yt-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-suggestive[is-paper-button] { + --yt-formatted-string-deemphasize-color: var(--yt-blue-opacity-lighten-2); + background-color: transparent; + color: var(--yt-spec-call-to-action); + } + + yt-button-renderer.style-suggestive[is-paper-button] paper-button.yt-button-renderer { + border: 1px solid var(--yt-spec-call-to-action); + padding: var(--yt-button-padding-minus-border); + } + + yt-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.palette-with-border[is-paper-button] paper-button.yt-button-renderer { + border-width: 1px; + border-style: solid; + padding: var(--yt-button-padding-minus-border); + } + + yt-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border-width: var(--yt-button-padding-minus-focus-outline-width); + border-style: solid; + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-blue-text[is-paper-button] { + --yt-formatted-string-deemphasize-color: var(--yt-spec-icon-disabled); + color: var(--yt-spec-call-to-action); + } + + yt-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-destructive[is-paper-button] { + background-color: var(--yt-spec-brand-subscribe-button-background); + color: var(--yt-spec-static-brand-white); + } + + yt-button-renderer.style-destructive[new-subscribe-color][is-paper-button] { + background-color: var(--yt-spec-brand-button-background); + } + + yt-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-destructive[disabled][is-paper-button] { + background-color: + var(--yt-button-destructive-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-destructive-color, var(--yt-opalescence-grey-opacity-lighten-2)); + } + + yt-button-renderer.style-brand[is-paper-button] { + color: var(--yt-spec-brand-link-text); + } + + yt-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-text-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-default[is-paper-button] { + background-color: var(--yt-button-default-background-color, var(--yt-spec-badge-chip-background)); + color: var(--yt-button-default-text-color, var(--yt-spec-text-secondary)); + } + + yt-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-inactive-outline[is-paper-button] { + color: var(--yt-spec-text-secondary); + } + + yt-button-renderer.style-inactive-outline[is-paper-button] paper-button.yt-button-renderer { + border: 1px solid var(--yt-spec-text-secondary); + padding: var(--yt-button-padding-minus-border); + } + + yt-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-suggested-action[is-paper-button] { + background-color: var(--yt-spec-suggested-action); + color: var(--yt-spec-call-to-action); + } + + yt-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-compact-gray[is-paper-button] { + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + } + + yt-button-renderer.style-compact-gray[is-paper-button] paper-button.yt-button-renderer { + padding: var(--ytd-margin-base) var(--ytd-margin-2x); + } + + yt-button-renderer.style-text[is-paper-button] { + color: var(--yt-spec-text-secondary); + } + + yt-button-renderer[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer,yt-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-inactive-text-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-overlay[is-paper-button] { + background-color: var(--yt-spec-static-overlay-button-primary); + color: var(--yt-spec-static-overlay-text-primary); + } + + yt-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-text-secondary); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-white-with-border[is-paper-button] { + background-color: transparent; + border: 1px solid var(--yt-spec-static-brand-white); + color: var(--yt-spec-static-brand-white); + } + + yt-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-brand-white); + padding: var(--yt-button-padding-minus-focus-outline); + } + + yt-button-renderer.style-alert-info[is-paper-button] { + color: var(--yt-blue); + } + + yt-button-renderer.style-alert-info[is-paper-button]:hover { + color: var(--yt-icon-hover-color); + } + + yt-button-renderer.style-dark[is-paper-button] { + background-color: var(--yt-button-dark-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-dark-text-color, var(--yt-luna-black)); + } + + yt-button-renderer.style-light[is-paper-button] { + background-color: var(--yt-button-light-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-light-text-color, var(--yt-luna-black-opacity-lighten-2)); + } + + yt-button-renderer.style-light-text[is-paper-button] { + color: var(--yt-white); + } + + yt-button-renderer.style-black[is-paper-button] { + color: var(--yt-spec-text-primary); + } + + yt-button-renderer.style-visibly-disabled[is-paper-button] { + background-color: transparent; + color: var(--yt-spec-text-disabled); + } + + yt-button-renderer.style-black[disabled][is-paper-button] { + color: var(--yt-button-black-color, var(--yt-opalescence-soft-grey-opacity-lighten-1)); + } + + yt-button-renderer.style-dark-on-black[is-paper-button] { + background-color: var(--yt-playability-button-color); + border: none; + color: var(--yt-white-opacity-lighten-1); + } + + yt-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] { + color: var(--yt-spec-call-to-action-inverse); + } + + yt-button-renderer.style-count { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + paper-button.yt-button-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + yt-button-renderer { + display: inline-block; + text-transform: uppercase; + } + + yt-button-renderer.force-icon-button a.yt-button-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + yt-button-renderer[disabled] a.yt-button-renderer:focus { + outline: none; + } + + yt-button-renderer[is-icon-button][has-no-text] { + font-size: 0; + } + + a.yt-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + a.yt-simple-endpoint.yt-button-renderer { + color: inherit; + border-radius: inherit; + text-decoration: none; + } + + yt-button-renderer[is-paper-button] { + border-radius: var(--yt-button-border-radius, 3px); + margin: var(--yt-button-margin, 0 0.29em); + } + + yt-button-renderer[is-paper-button][disabled] { + color: var(--yt-spec-text-disabled); + background-color: transparent; + } + + yt-button-renderer[is-icon-button][disabled] { + color: #9b9b9b; + } + + yt-button-renderer[is-icon-button][style-action-button] { + --yt-button-icon-padding: 6px; + } + + yt-button-renderer[is-paper-button][align-by-text]:not(:empty) { + margin-left: -16px; + } + + yt-button-renderer[is-paper-button][button-size=size-large] { + line-height: 24px; + } + + paper-button.yt-button-renderer { + width: var(--yt-paper-button-width, auto); + height: var(--yt-paper-button-height, auto); + border-radius: inherit; + margin: 0; + padding: var(--yt-button-padding, 0.7em 0.57em); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + ; + } + + yt-button-renderer[start-justified] paper-button.yt-button-renderer { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + yt-button-renderer[vertically-aligned] paper-button.yt-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #button.yt-button-renderer { + color: var(--yt-button-color); + background-color: var(--yt-button-background-color); + } + + yt-button-renderer #button.yt-button-renderer { + color: var(--yt-button-color, inherit); + background-color: transparent; + text-transform: inherit; + } + + button.yt-button-renderer,yt-icon-button.yt-button-renderer { + padding: 1px 6px; + } + + yt-icon-button.yt-button-renderer { + width: var(--yt-button-icon-size, 40px); + height: var(--yt-button-icon-size, 40px); + color: var(--yt-endpoint-color, var(--yt-luna-black)); + } + + yt-icon-button.yt-button-renderer::-moz-focus-inner { + padding: 0; + margin: 0; + border: 0; + } + + yt-icon-button.yt-button-renderer[disabled] { + color: var(--yt-button-disabled-color, rgba(17, 17, 17, 0.2)); + } + + yt-icon-button.yt-button-renderer { + line-height: 1; + padding: var(--yt-button-icon-padding, 8px); + width: var(--yt-button-icon-size, var(--yt-icon-width, 40px)); + height: var(--yt-button-icon-size, var(--yt-icon-height, 40px)); + } + + yt-icon-button.yt-button-renderer > yt-icon.yt-button-renderer { + width: 100%; + height: 100%; + } + + #button.yt-button-renderer yt-icon.yt-button-renderer + yt-formatted-string.yt-button-renderer { + margin-left: var(--yt-string-icon-padding, 8px); + } + + #button.yt-button-renderer yt-formatted-string.yt-button-renderer + yt-icon.yt-button-renderer { + margin-left: var(--yt-button-icon-padding, 8px); + } + + yt-button-renderer[vertically-aligned] #button.yt-button-renderer yt-icon.yt-button-renderer + yt-formatted-string.yt-button-renderer { + margin-left: 0; + margin-top: var(--yt-string-icon-padding, 4px); + } + + yt-button-renderer[vertically-aligned] #button.yt-button-renderer yt-formatted-string.yt-button-renderer + yt-icon.yt-button-renderer { + margin-left: 0; + margin-top: var(--yt-button-icon-padding, 4px); + } + + paper-item.yt-live-chat-text-input-field-suggestion { + font-size: 15px; + min-height: 40px; + color: var(--yt-live-chat-text-input-field-suggestion-text-color, #666); + cursor: pointer; + } + + yt-live-chat-text-input-field-suggestion:hover paper-item.yt-live-chat-text-input-field-suggestion,yt-live-chat-text-input-field-suggestion[active] paper-item.yt-live-chat-text-input-field-suggestion { + background-color: var(--yt-live-chat-text-input-field-suggestion-background-color-hover, #eee); + color: var(--yt-live-chat-text-input-field-suggestion-text-color-hover, #333); + } + + img.yt-live-chat-text-input-field-suggestion { + width: 24px; + height: 24px; + margin-right: 8px; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + img.yt-live-chat-text-input-field-suggestion[author] { + border-radius: 12px; + } + + yt-live-chat-text-input-field-renderer { + display: block; + position: relative; + font-size: 13px; + --yt-live-chat-text-input-field-placeholder-top: 0; + --yt-live-chat-text-input-field-placeholder-left: 0; + --yt-live-chat-text-input-field-white-space: initial; + } + + #label.yt-live-chat-text-input-field-renderer { + color: var(--yt-live-chat-text-input-field-placeholder-color, var(--yt-luna-black-opacity-lighten-2)); + position: absolute; + top: var(--yt-live-chat-text-input-field-placeholder-top); + left: var(--yt-live-chat-text-input-field-placeholder-left); + line-height: 18px; + padding: 2px 0; + } + + yt-live-chat-text-input-field-renderer[has-text] #label.yt-live-chat-text-input-field-renderer { + display: none; + } + + #input.yt-live-chat-text-input-field-renderer { + position: relative; + min-height: 18px; + max-height: 100px; + overflow-y: auto; + overflow-x: hidden; + overflow-wrap: break-word; + outline: none; + word-break: break-word; + white-space: var(--yt-live-chat-text-input-field-white-space); + color: inherit; + line-height: 18px; + padding: 2px 0; + ; + } + + #input.yt-live-chat-text-input-field-renderer::after { + content: ""; + } + + #input.yt-live-chat-text-input-field-renderer img.yt-live-chat-text-input-field-renderer { + width: 20px; + height: 20px; + margin: -5px 2px; + } + + #underline.yt-live-chat-text-input-field-renderer { + position: relative; + height: 2px; + } + + #unfocused.yt-live-chat-text-input-field-renderer { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 1px; + background-color: var(--yt-live-chat-text-input-field-inactive-underline-color, #b8b8b8); + } + + #focused.yt-live-chat-text-input-field-renderer { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 2px; + background-color: var(--yt-live-chat-text-input-field-active-underline-color, var(--yt-blue)); + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: scale3d(0, 1, 1); + transform: scale3d(0, 1, 1); + -webkit-transition: -webkit-transform; + -webkit-transition-duration: var(--yt-live-chat-text-input-field-underline-transition-duration, 0.25s); + transition: transform; + transition-duration: var(--yt-live-chat-text-input-field-underline-transition-duration, 0.25s); + } + + yt-live-chat-text-input-field-renderer[focused] #focused.yt-live-chat-text-input-field-renderer { + -webkit-transform: none; + transform: none; + } + + #dropdown.yt-live-chat-text-input-field-renderer { + background-color: var(--yt-live-chat-text-input-field-suggestion-background-color, #fff); + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + #dropdown-content.yt-live-chat-text-input-field-renderer { + max-height: 200px; + padding: 8px 0; + } + + yt-img-shadow { + display: inline-block; + opacity: 0; + transition: opacity 0.2s; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + yt-img-shadow.no-transition { + opacity: 1; + transition: none; + } + + yt-img-shadow.with-placeholder { + background-color: var(--yt-img-shadow-placeholder-color, transparent); + + min-height: var(--yt-img-shadow-min-height, unset); + min-width: var(--yt-img-shadow-min-width, unset) + } + + yt-img-shadow[loaded] { + opacity: 1; + } + + yt-img-shadow.empty img.yt-img-shadow { + visibility: hidden; + } + + yt-img-shadow[fit-height] img.yt-img-shadow { + height: 100%; + width: auto; + } + + yt-img-shadow[object-fit="FILL"] img.yt-img-shadow,yt-img-shadow[fit] img.yt-img-shadow { + width: 100%; + height: 100%; + } + + yt-img-shadow[object-fit="COVER"] img.yt-img-shadow { + width: 100%; + height: 100%; + object-fit: cover; + } + + yt-img-shadow[object-fit="CONTAIN"] img.yt-img-shadow { + width: 100%; + height: 100%; + object-fit: contain; + } + + yt-img-shadow[object-position="LEFT"] img.yt-img-shadow { + object-position: left; + } + + img.yt-img-shadow { + display: block; + margin-left: var(--yt-img-margin-left, auto); + margin-right: var(--yt-img-margin-right, auto); + max-height: var(--yt-img-max-height, none); + max-width: var(--yt-img-max-width, 100%); + border-radius: var(--yt-img-border-radius, none); + } + + yt-live-chat-paid-message-renderer { + position: relative; + display: block; + padding: 4px 24px; + font-size: 15px; + --yt-live-chat-paid-message-background-color: var(--yt-live-chat-paid-message-primary-color); + --yt-live-chat-paid-message-header-background-color: var(--yt-live-chat-paid-message-secondary-color); + --yt-live-chat-text-input-field-placeholder-color: var(--yt-live-chat-paid-message-color); + --yt-live-chat-item-timestamp-display: var(--yt-live-chat-paid-message-timestamp-display, none); + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] { + padding: 0; + padding-bottom: 8px; + --yt-live-chat-paid-message-background-color: transparent; + --yt-live-chat-paid-message-header-background-color: transparent; + --yt-live-chat-item-timestamp-display: block; + } + + #card.yt-live-chat-paid-message-renderer { + border-radius: 4px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #card.yt-live-chat-paid-message-renderer { + border-radius: 0; + box-shadow: none; + } + + #header.yt-live-chat-paid-message-renderer { + position: relative; + background-color: var(--yt-live-chat-paid-message-header-background-color, #125aac); + color: var(--yt-live-chat-paid-message-header-color, #fff); + font-weight: 500; + padding: 8px 16px; + min-height: 20px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + + yt-live-chat-paid-message-renderer[show-only-header] #header.yt-live-chat-paid-message-renderer { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #header.yt-live-chat-paid-message-renderer { + color: var(--yt-live-chat-secondary-text-color); + padding-bottom: 0; + } + + #author-photo.yt-live-chat-paid-message-renderer { + width: 40px; + height: 40px; + } + + yt-icon#author-photo.yt-live-chat-paid-message-renderer { + display: none; + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] yt-icon#author-photo.yt-live-chat-paid-message-renderer { + display: block; + } + + #header-content.yt-live-chat-paid-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #header-content.yt-live-chat-paid-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #header-content-primary-column.yt-live-chat-paid-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #header-content-primary-column.yt-live-chat-paid-message-renderer { + margin-bottom: 4px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #author-name.yt-live-chat-paid-message-renderer { + color: var(--yt-live-chat-paid-message-author-name-color, rgba(255, 255, 255, 0.7)); + font-size: 14px; + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-paid-message-renderer { + margin-right: 8px; + } + + #currency-img.yt-live-chat-paid-message-renderer { + margin-right: 4px; + } + + #purchase-amount-column.yt-live-chat-paid-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #purchase-amount.yt-live-chat-paid-message-renderer { + display: inline; + height: 24px; + min-width: 16px; + border-radius: 12px; + margin-right: 8px; + padding: 0 12px; + background-color: var(--yt-live-chat-paid-message-primary-color); + color: var(--yt-live-chat-paid-message-color); + display: var(--layout-inline_-_display, inline); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-paid-message-renderer { + display: block; + color: var(--yt-live-chat-secondary-text-color); + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-paid-message-renderer[is-deleted].yt-live-chat-paid-message-renderer::before { + content: "​"; + display: inline; + width: 0; + } + + #menu.yt-live-chat-paid-message-renderer { + background: linear-gradient(to right, transparent, var(--yt-live-chat-paid-message-header-background-color, #125aac) 100%); + border-radius: 0 4px 4px 0; + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #menu.yt-live-chat-paid-message-renderer { + margin-top: 8px; + background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); + } + + yt-live-chat-paid-message-renderer[allow-animations] #content.yt-live-chat-paid-message-renderer,yt-live-chat-paid-message-renderer[allow-animations] #header.yt-live-chat-paid-message-renderer { + transition-property: background-color, color; + transition-duration: var(--yt-live-chat-animation-duration, 0.2s); + } + + #content.yt-live-chat-paid-message-renderer { + background-color: var(--yt-live-chat-paid-message-background-color, #1565c0); + color: var(--yt-live-chat-paid-message-color, #fff); + padding: 8px 16px; + word-wrap: break-word; + word-break: break-word; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + #content.yt-live-chat-paid-message-renderer img.yt-live-chat-paid-message-renderer { + width: var(--yt-live-chat-emoji-size); + height: var(--yt-live-chat-emoji-size); + margin: -1px 2px 1px; + vertical-align: middle; + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #content.yt-live-chat-paid-message-renderer { + padding: 0; + padding-left: 72px; + color: var(--yt-live-chat-secondary-text-color); + } + + yt-live-chat-paid-message-renderer[show-only-header] #content.yt-live-chat-paid-message-renderer { + visibility: hidden; + padding: 0; + } + + a.yt-live-chat-paid-message-renderer { + display: inline; + text-decoration: underline; + } + + #message.yt-live-chat-paid-message-renderer a.yt-live-chat-paid-message-renderer { + word-break: break-all; + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #message.yt-live-chat-paid-message-renderer { + margin-top: 4px; + } + + #message.yt-live-chat-paid-message-renderer a.yt-live-chat-paid-message-renderer .mention.yt-live-chat-paid-message-renderer { + text-decoration: underline; + } + + #message.yt-live-chat-paid-message-renderer:empty,#author-name.yt-live-chat-paid-message-renderer:empty:not([is-deleted]).yt-live-chat-paid-message-renderer,#deleted-state.yt-live-chat-paid-message-renderer:empty { + display: none; + } + + #deleted-state.yt-live-chat-paid-message-renderer { + display: block; + font-style: italic; + opacity: 0.7; + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #deleted-state.yt-live-chat-paid-message-renderer[is-deleted] { + margin-top: 4px; + } + + yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-paid-message-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + yt-live-chat-paid-message-renderer[show-footer-divider] #footer.yt-live-chat-paid-message-renderer::before { + content: ""; + display: flex; + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 8px 0; + } + + yt-live-chat-paid-message-renderer[is-user-editable] #footer.yt-live-chat-paid-message-renderer:not(:empty) { + padding-top: 8px; + } + + #buy-flow-button.yt-live-chat-paid-message-renderer yt-button-renderer.yt-live-chat-paid-message-renderer { + width: 100%; + text-align: center; + margin-top: 12px; + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + #timestamp.yt-live-chat-paid-message-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-paid-message-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-paid-message-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-paid-message-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-paid-message-renderer:hover #menu.yt-live-chat-paid-message-renderer,yt-live-chat-paid-message-renderer[menu-visible] #menu.yt-live-chat-paid-message-renderer { + transform: none; + } + + yt-live-chat-paid-message-renderer:focus-within #menu.yt-live-chat-paid-message-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-paid-message-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-paid-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-paid-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-message-renderer { + display: none; + } + + yt-live-chat-paid-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-paid-message-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer,#additional-inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-paid-message-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer:not(:first-child) { + margin-left: 8px; + } + + yt-live-chat-vc-balance-renderer { + display: block; + } + + yt-live-chat-vc-balance-renderer:hover { + cursor: pointer; + } + + yt-themed-image-renderer { + --yt-img-margin-left: 0; + --yt-img-margin-right: 0; + + display: block; + } + + yt-themed-image-renderer[is-circular_] yt-img-shadow.yt-themed-image-renderer,yt-themed-image-renderer[is-circular_] yt-icon.yt-themed-image-renderer { + border-radius: var(--yt-circular_-_border-radius); background-color: var(--yt-circular_-_background-color); overflow: var(--yt-circular_-_overflow); + } + + #image.yt-themed-image-renderer { + display: block; + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_1"] { + margin-top: var(--ytd-margin-base); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"] { + margin-bottom: var(--ytd-margin-base); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_1"] { + margin-left: var(--ytd-margin-base); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_1"] { + margin-right: var(--ytd-margin-base); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_2"] { + margin-top: var(--ytd-margin-2x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"] { + margin-bottom: var(--ytd-margin-2x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_2"] { + margin-left: var(--ytd-margin-2x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_2"] { + margin-right: var(--ytd-margin-2x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_3"] { + margin-top: var(--ytd-margin-3x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"] { + margin-bottom: var(--ytd-margin-3x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_3"] { + margin-left: var(--ytd-margin-3x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_3"] { + margin-right: var(--ytd-margin-3x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_4"] { + margin-top: var(--ytd-margin-4x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"] { + margin-bottom: var(--ytd-margin-4x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_4"] { + margin-left: var(--ytd-margin-4x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_4"] { + margin-right: var(--ytd-margin-4x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_5"] { + margin-top: var(--ytd-margin-5x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"] { + margin-bottom: var(--ytd-margin-5x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_5"] { + margin-left: var(--ytd-margin-5x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_5"] { + margin-right: var(--ytd-margin-5x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_6"] { + margin-top: var(--ytd-margin-6x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"] { + margin-bottom: var(--ytd-margin-6x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_6"] { + margin-left: var(--ytd-margin-6x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_6"] { + margin-right: var(--ytd-margin-6x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_7"] { + margin-top: var(--ytd-margin-7x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"] { + margin-bottom: var(--ytd-margin-7x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_7"] { + margin-left: var(--ytd-margin-7x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_7"] { + margin-right: var(--ytd-margin-7x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_8"] { + margin-top: var(--ytd-margin-8x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"] { + margin-bottom: var(--ytd-margin-8x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_8"] { + margin-left: var(--ytd-margin-8x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_8"] { + margin-right: var(--ytd-margin-8x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_9"] { + margin-top: var(--ytd-margin-9x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"] { + margin-bottom: var(--ytd-margin-9x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_9"] { + margin-left: var(--ytd-margin-9x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_9"] { + margin-right: var(--ytd-margin-9x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_10"] { + margin-top: var(--ytd-margin-10x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"] { + margin-bottom: var(--ytd-margin-10x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_10"] { + margin-left: var(--ytd-margin-10x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-10x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_11"] { + margin-top: var(--ytd-margin-11x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"] { + margin-bottom: var(--ytd-margin-11x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_11"] { + margin-left: var(--ytd-margin-11x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-11x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_12"] { + margin-top: var(--ytd-margin-12x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"] { + margin-bottom: var(--ytd-margin-12x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_12"] { + margin-left: var(--ytd-margin-12x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-12x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_13"] { + margin-top: var(--ytd-margin-13x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"] { + margin-bottom: var(--ytd-margin-13x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_13"] { + margin-left: var(--ytd-margin-13x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-13x); + } + + yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_14"] { + margin-top: var(--ytd-margin-14x); + } + + yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"] { + margin-bottom: var(--ytd-margin-14x); + } + + yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_14"] { + margin-left: var(--ytd-margin-14x); + } + + yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-14x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_1"] { + padding-top: var(--ytd-margin-base); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"] { + padding-bottom: var(--ytd-margin-base); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_1"] { + padding-left: var(--ytd-margin-base); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_1"] { + padding-right: var(--ytd-margin-base); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_2"] { + padding-top: var(--ytd-margin-2x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"] { + padding-bottom: var(--ytd-margin-2x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_2"] { + padding-left: var(--ytd-margin-2x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_2"] { + padding-right: var(--ytd-margin-2x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_3"] { + padding-top: var(--ytd-margin-3x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"] { + padding-bottom: var(--ytd-margin-3x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_3"] { + padding-left: var(--ytd-margin-3x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_3"] { + padding-right: var(--ytd-margin-3x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_4"] { + padding-top: var(--ytd-margin-4x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"] { + padding-bottom: var(--ytd-margin-4x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_4"] { + padding-left: var(--ytd-margin-4x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_4"] { + padding-right: var(--ytd-margin-4x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_5"] { + padding-top: var(--ytd-margin-5x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"] { + padding-bottom: var(--ytd-margin-5x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_5"] { + padding-left: var(--ytd-margin-5x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_5"] { + padding-right: var(--ytd-margin-5x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_6"] { + padding-top: var(--ytd-margin-6x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"] { + padding-bottom: var(--ytd-margin-6x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_6"] { + padding-left: var(--ytd-margin-6x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_6"] { + padding-right: var(--ytd-margin-6x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_7"] { + padding-top: var(--ytd-margin-7x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"] { + padding-bottom: var(--ytd-margin-7x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_7"] { + padding-left: var(--ytd-margin-7x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_7"] { + padding-right: var(--ytd-margin-7x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_8"] { + padding-top: var(--ytd-margin-8x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"] { + padding-bottom: var(--ytd-margin-8x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_8"] { + padding-left: var(--ytd-margin-8x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_8"] { + padding-right: var(--ytd-margin-8x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_9"] { + padding-top: var(--ytd-margin-9x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"] { + padding-bottom: var(--ytd-margin-9x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_9"] { + padding-left: var(--ytd-margin-9x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_9"] { + padding-right: var(--ytd-margin-9x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_10"] { + padding-top: var(--ytd-margin-10x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"] { + padding-bottom: var(--ytd-margin-10x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_10"] { + padding-left: var(--ytd-margin-10x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_10"] { + padding-right: var(--ytd-margin-10x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_11"] { + padding-top: var(--ytd-margin-11x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"] { + padding-bottom: var(--ytd-margin-11x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_11"] { + padding-left: var(--ytd-margin-11x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_11"] { + padding-right: var(--ytd-margin-11x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_12"] { + padding-top: var(--ytd-margin-12x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"] { + padding-bottom: var(--ytd-margin-12x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_12"] { + padding-left: var(--ytd-margin-12x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_12"] { + padding-right: var(--ytd-margin-12x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_13"] { + padding-top: var(--ytd-margin-13x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"] { + padding-bottom: var(--ytd-margin-13x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_13"] { + padding-left: var(--ytd-margin-13x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_13"] { + padding-right: var(--ytd-margin-13x); + } + + yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_14"] { + padding-top: var(--ytd-margin-14x); + } + + yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"] { + padding-bottom: var(--ytd-margin-14x); + } + + yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_14"] { + padding-left: var(--ytd-margin-14x); + } + + yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_14"] { + padding-right: var(--ytd-margin-14x); + } + + yt-vc-balance-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_UNKNOWN"] #vc-icon.yt-vc-balance-renderer,yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_PRIMARY_TEXT"] #vc-icon.yt-vc-balance-renderer { + margin-right: var(--ytd-margin-2x); + } + + #vc-balance.yt-vc-balance-renderer { + position: relative; + top: 1px; + } + + yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_UNKNOWN"] #vc-balance.yt-vc-balance-renderer,yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_PRIMARY_TEXT"] #vc-balance.yt-vc-balance-renderer { + color: var(--yt-spec-text-primary); + + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + line-height: 1.8rem; + } + + yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_SECONDARY_TEXT"] #vc-icon.yt-vc-balance-renderer { + margin-right: var(--ytd-margin-base); + } + + yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_SECONDARY_TEXT"] #vc-balance.yt-vc-balance-renderer { + color: var(--yt-spec-text-disabled); + + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + line-height: 1.8rem; + } + + yt-live-chat-dialog-renderer { + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: var(--yt-live-chat-overlay-color); + display: var(--layout-vertical_-_display, block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + #inner.yt-live-chat-dialog-renderer { + max-width: calc(100% - 32px); + margin: 0 16px; + color: var(--yt-live-chat-primary-text-color); + background-color: var(--yt-live-chat-dialog-background-color); + border-radius: 4px; + box-shadow: var(--shadow-elevation-4dp_-_box-shadow); + } + + #live-chat-dialog-title.yt-live-chat-dialog-renderer { + display: block; + font-size: 20px; + margin: 24px 24px 8px; + } + + #live-chat-dialog-body.yt-live-chat-dialog-renderer { + margin: 16px 24px 0; + font-size: 14px; + color: var(--yt-live-chat-dialog-text-color); + line-height: 24px; + } + + #live-chat-dialog-body.yt-live-chat-dialog-renderer yt-formatted-string.yt-live-chat-dialog-renderer { + display: block; + margin: 16px 0; + } + + #button.yt-live-chat-dialog-renderer { + margin: 8px; + font-size: 15px; + font-weight: 500; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-end_-_-ms-flex-align); -webkit-align-items: var(--layout-end_-_-webkit-align-items); align-items: var(--layout-end_-_align-items); + } + + yt-live-chat-error-message-renderer { + color: var(--yt-live-chat-error-message-color, #f44336); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-icon-button.yt-live-chat-error-message-renderer { + margin-right: 8px; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + yt-formatted-string.yt-live-chat-error-message-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + yt-live-chat-icon-toggle-button-renderer { + display: inline-block; + } + + #button.yt-live-chat-icon-toggle-button-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + position: relative; + } + + #bubble.yt-live-chat-icon-toggle-button-renderer { + border-radius: 50%; + background-color: var(--yt-live-chat-monetization-button-glow, gold); + position: absolute; + width: 50px; + height: 50px; + top: -5px; + left: -5px; + transform: scale(0); + animation-duration: 1s; + animation-timing-function: ease-in; + animation-fill-mode: forwards; + animation-iteration-count: 5; + } + + yt-live-chat-icon-toggle-button-renderer[bubble] #bubble.yt-live-chat-icon-toggle-button-renderer { + animation-name: bubble; + } + + @keyframes bubble { + 0% { + transform: scale(0); + opacity: 100%; + } + + 70% { + opacity: 100%; + } + + 100% { + transform: scale(1); + opacity: 0; + } + + } + + yt-live-chat-author-badge-renderer { + display: inline-block; + } + + yt-live-chat-author-badge-renderer[type=moderator] { + color: var(--yt-live-chat-moderator-color, #5e84f1); + } + + yt-live-chat-author-badge-renderer[type=owner] { + color: var(--yt-live-chat-owner-color, #ffd600); + } + + yt-live-chat-author-badge-renderer[type=member] { + color: var(--yt-live-chat-sponsor-color, #107516); + } + + yt-live-chat-author-badge-renderer[type=verified] { + color: var(--yt-live-chat-verified-color, #999); + } + + img.yt-live-chat-author-badge-renderer,yt-icon.yt-live-chat-author-badge-renderer { + display: block; + width: 16px; + height: 16px; + } + + yt-live-chat-author-chip { + display: var(--layout-inline_-_display); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + } + + #author-name.yt-live-chat-author-chip { + box-sizing: border-box; + border-radius: 2px; + color: var(--yt-live-chat-secondary-text-color); + font-weight: 500; + } + + yt-live-chat-author-chip[is-highlighted] #author-name.yt-live-chat-author-chip { + padding: 2px 4px; + color: var(--yt-live-chat-author-chip-verified-text-color); + background-color: var(--yt-live-chat-author-chip-verified-background-color); + } + + yt-live-chat-author-chip[show-unified-verified-badge] { + overflow: hidden; + } + + yt-live-chat-author-chip[show-unified-verified-badge] #author-name.yt-live-chat-author-chip { + border-radius: 0px; + z-index: 1; + position: relative; + padding: 0 1px 0 4px; + color: var(--yt-live-chat-author-chip-verified-text-color); + margin-right: 9px; + } + + yt-live-chat-author-chip[show-unified-verified-badge] #author-name.yt-live-chat-author-chip::after { + background-color: var(--yt-live-chat-author-chip-verified-background-color); + content: ""; + position: absolute; + z-index: -1; + top: 0; + bottom: 0; + right: 0; + transform: skewX(-30deg); + transform-origin: bottom; + left: -9px; + } + + [dir="rtl"] yt-live-chat-author-chip[show-unified-verified-badge] #author-name.yt-live-chat-author-chip::after, yt-live-chat-author-chip[dir="rtl"][show-unified-verified-badge] #author-name.yt-live-chat-author-chip::after { + transform: skewX(30deg); + } + + yt-live-chat-author-chip[is-highlighted] #author-name.owner.yt-live-chat-author-chip,#author-name.owner.yt-live-chat-author-chip { + background-color: var(--yt-live-chat-author-chip-owner-background-color); + color: var(--yt-live-chat-author-chip-owner-text-color); + } + + yt-live-chat-author-chip[is-highlighted][show-unified-verified-badge] #author-name.owner.yt-live-chat-author-chip { + color: var(--yt-live-chat-author-chip-owner-text-color); + } + + yt-live-chat-author-chip[is-highlighted][show-unified-verified-badge] #author-name.owner.yt-live-chat-author-chip::after { + background-color: var(--yt-live-chat-author-chip-owner-background-color); + } + + #author-name.moderator.yt-live-chat-author-chip { + color: var(--yt-live-chat-moderator-color); + } + + #author-name.member.yt-live-chat-author-chip { + color: var(--yt-live-chat-sponsor-color); + } + + #chip-badges.yt-live-chat-author-chip:empty { + display: none; + } + + yt-live-chat-author-chip[is-highlighted] #chat-badges.yt-live-chat-author-chip:not(:empty) { + margin-left: 1px; + } + + yt-live-chat-author-chip[show-unified-verified-badge] #chat-badges.yt-live-chat-author-chip:not(:empty) { + margin-left: -2px; + } + + yt-live-chat-author-badge-renderer.yt-live-chat-author-chip { + margin: 0 0 0 2px; + vertical-align: sub; + } + + yt-live-chat-author-chip[is-highlighted] #chip-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer.yt-live-chat-author-chip { + color: inherit; + } + + #chip-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer.yt-live-chat-author-chip:last-of-type { + margin-right: -2px; + } + + yt-live-chat-membership-item-renderer { + position: relative; + display: block; + --yt-live-chat-sponsor-header-color: #0a8043; + --yt-live-chat-sponsor-color: #0f9d58; + --yt-live-chat-sponsor-text-color: #fff; + --yt-live-chat-item-timestamp-display: var(--yt-live-chat-paid-message-timestamp-display, none); + padding: 4px 24px; + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] { + padding: 0; + --yt-live-chat-item-timestamp-display: block; + } + + #card.yt-live-chat-membership-item-renderer { + overflow: hidden; + font-size: 14px; + border-radius: 4px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] #card.yt-live-chat-membership-item-renderer { + border-radius: 0; + box-shadow: none; + } + + #header.yt-live-chat-membership-item-renderer { + position: relative; + background-color: var(--yt-live-chat-sponsor-header-color); + padding: 8px 16px; + color: #fff; + min-height: 20px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-live-chat-membership-item-renderer[show-only-header] #header.yt-live-chat-membership-item-renderer { + background-color: var(--yt-live-chat-sponsor-color); + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] #header.yt-live-chat-membership-item-renderer { + color: var(--yt-live-chat-secondary-text-color); + background-color: var(--yt-live-chat-background-color); + -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); + } + + #header-content.yt-live-chat-membership-item-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-content.yt-live-chat-membership-item-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-content-inner-column.yt-live-chat-membership-item-renderer { + margin-bottom: 4px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #author-photo.yt-live-chat-membership-item-renderer { + width: 40px; + height: 40px; + } + + yt-icon#author-photo.yt-live-chat-membership-item-renderer { + display: none; + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] yt-icon#author-photo.yt-live-chat-membership-item-renderer { + display: block; + } + + yt-live-chat-membership-item-renderer:not([dashboard-money-feed]) yt-live-chat-author-chip.yt-live-chat-membership-item-renderer { + --yt-live-chat-sponsor-color: var(--yt-live-chat-sponsor-text-color); + --yt-live-chat-secondary-text-color: var(--yt-live-chat-sponsor-text-color); + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] yt-live-chat-author-chip.yt-live-chat-membership-item-renderer { + margin-right: 8px; + font-weight: 500; + --yt-live-chat-sponsor-color: var(--yt-live-chat-secondary-text-color); + } + + #header-subtext.yt-live-chat-membership-item-renderer { + margin-top: 2px; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; + font-size: 15px; + } + + #header-subtext.yt-live-chat-membership-item-renderer:empty { + display: none; + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-subtext.yt-live-chat-membership-item-renderer { + margin: 4px 0 13px; + font-size: 11px; + font-weight: normal; + color: var(--yt-live-chat-secondary-text-color); + } + + #header-primary-text.yt-live-chat-membership-item-renderer { + word-wrap: break-word; + word-break: break-word; + font-weight: 500; + color: white; + } + + #header-primary-text.yt-live-chat-membership-item-renderer:empty { + display: none; + } + + yt-live-chat-membership-item-renderer[has-primary-header-text]:not([dashboard-money-feed]) yt-live-chat-author-chip.yt-live-chat-membership-item-renderer,yt-live-chat-membership-item-renderer[has-primary-header-text]:not([dashboard-money-feed]) #header-subtext.yt-live-chat-membership-item-renderer { + font-size: 12px; + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-primary-text.yt-live-chat-membership-item-renderer { + display: inline; + height: 24px; + min-width: 16px; + border-radius: 12px; + margin-right: 8px; + padding: 0 12px; + background-color: var(--yt-live-chat-sponsor-color); + color: var(--yt-white); + display: var(--layout-inline_-_display, inline); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + } + + #content.yt-live-chat-membership-item-renderer { + background-color: var(--yt-live-chat-sponsor-color); + color: var(--yt-live-chat-sponsor-text-color); + padding: 8px 16px; + word-wrap: break-word; + word-break: break-word; + font-size: 15px; + line-height: 20px; + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] #content.yt-live-chat-membership-item-renderer { + background-color: unset; + font-size: unset; + color: var(--yt-live-chat-secondary-text-color); + padding: 0 0 16px 72px; + } + + #content.yt-live-chat-membership-item-renderer img.yt-live-chat-membership-item-renderer { + width: var(--yt-live-chat-emoji-size); + height: var(--yt-live-chat-emoji-size); + margin: -1px 2px 1px; + vertical-align: middle; + } + + yt-live-chat-membership-item-renderer[show-only-header] #content.yt-live-chat-membership-item-renderer,#deleted-state.yt-live-chat-membership-item-renderer:empty { + display: none; + } + + #deleted-state.yt-live-chat-membership-item-renderer { + display: block; + font-style: italic; + opacity: 0.7; + } + + a.yt-live-chat-membership-item-renderer { + display: inline; + text-decoration: underline; + } + + #message.yt-live-chat-membership-item-renderer a.yt-live-chat-membership-item-renderer { + word-break: break-all; + } + + #message.yt-live-chat-membership-item-renderer a.yt-live-chat-membership-item-renderer .mention.yt-live-chat-membership-item-renderer { + text-decoration: underline; + } + + #menu.yt-live-chat-membership-item-renderer { + background: linear-gradient(to right, transparent, var(--yt-live-chat-sponsor-header-color) 100%); + border-radius: 0 4px 4px 0; + } + + yt-live-chat-membership-item-renderer[show-only-header] #menu.yt-live-chat-membership-item-renderer { + background: linear-gradient(to right, transparent, var(--yt-live-chat-sponsor-color) 100%); + } + + yt-live-chat-membership-item-renderer[dashboard-money-feed] #menu.yt-live-chat-membership-item-renderer { + margin-top: 8px; + background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); + } + + #timestamp.yt-live-chat-membership-item-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-membership-item-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-membership-item-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-membership-item-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-membership-item-renderer:hover #menu.yt-live-chat-membership-item-renderer,yt-live-chat-membership-item-renderer[menu-visible] #menu.yt-live-chat-membership-item-renderer { + transform: none; + } + + yt-live-chat-membership-item-renderer:focus-within #menu.yt-live-chat-membership-item-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-membership-item-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-membership-item-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-membership-item-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-membership-item-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-membership-item-renderer { + display: none; + } + + yt-live-chat-membership-item-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-membership-item-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer,#additional-inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-membership-item-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer:not(:first-child) { + margin-left: 8px; + } + + yt-emoji-picker-category-button-renderer { + display: inline-block; + color: var(--yt-emoji-picker-category-button-color, var(--yt-live-chat-tertiary-text-color, var(--yt-icon-color))); + } + + yt-emoji-picker-category-button-renderer[active] { + color: var(--yt-live-chat-primary-text-color, var(--yt-icon-active-color)); + } + + yt-icon-button.yt-emoji-picker-category-button-renderer { + width: 18px; + height: 18px; + margin: 4px; + } + + #button.yt-emoji-picker-category-button-renderer > paper-tooltip { + white-space: nowrap; + } + + yt-emoji-picker-category-renderer { + display: block; + + z-index: 0; + + margin-left: var(--yt-emoji-picker-category-margin-left); + + outline: none; + } + + #emoji.yt-emoji-picker-category-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + + + contain: content; + } + + #title.yt-emoji-picker-category-renderer { + position: sticky; + top: 0; + + display: block; + + background-color: var(--yt-emoji-picker-category-background-color); + color: var(--yt-emoji-picker-category-color); + line-height: 16px; + font-size: 13px; + font-weight: 500; + letter-spacing: 0.5px; + text-transform: uppercase; + + pointer-events: none; + + padding: 2px; + + z-index: 1; + } + + img.yt-emoji-picker-category-renderer { + border-radius: 2px; + padding: 4px; + cursor: pointer; + } + + img.yt-emoji-picker-category-renderer:hover,img.yt-emoji-picker-category-renderer[aria-selected="true"] { + background-color: rgba(0, 0, 0, 0.10); + } + + yt-emoji-picker-upsell-category-renderer { + display: block; + + z-index: 0; + + margin-left: var(--yt-emoji-picker-category-margin-left); + + outline: none; + } + + #emoji.yt-emoji-picker-upsell-category-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + } + + #title.yt-emoji-picker-upsell-category-renderer { + display: block; + position: relative; + + background-color: var(--yt-emoji-picker-category-background-color); + color: var(--yt-emoji-picker-category-color); + line-height: 16px; + font-size: 13px; + font-weight: 500; + letter-spacing: 0.5px; + text-transform: uppercase; + + pointer-events: none; + + padding: 2px; + + z-index: 1; + } + + img.yt-emoji-picker-upsell-category-renderer { + width: 24px; + height: 24px; + padding: 4px; + opacity: 0.9; + cursor: pointer; + } + + img.yt-emoji-picker-upsell-category-renderer:hover,img.yt-emoji-picker-upsell-category-renderer[aria-selected="true"] { + background-color: rgba(0, 0, 0, 0.10); + border-radius: 2px; + } + + svg.yt-emoji-picker-upsell-category-renderer { + position: relative; + width: 12px; + height: 12px; + margin-left: -12px; + fill: var(--yt-live-chat-primary-text-color); + pointer-events: none; + } + + path#lock-border.yt-emoji-picker-upsell-category-renderer { + fill: var(--yt-emoji-picker-category-background-color); + } + + yt-emoji-picker-renderer { + position: relative; + + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + + height: var(--yt-emoji-picker-renderer-height, 220px); + max-width: var(--yt-emoji-picker-renderer-max-width, none); + + --paper-input-container_-_padding: 0; --paper-input-container_-_height: 24px;; + --paper-input-container-input_-_font-size: 13px; --paper-input-container-input_-_color: var(--yt-emoji-picker-search-color, var(--yt-luna-black-opacity-lighten-1)); --paper-input-container-input_-_height: 24px; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial;; + --paper-input-container-color: var(--yt-emoji-picker-search-placeholder-color, var(--yt-luna-black-opacity-lighten-3)); + --paper-input-container-underline-focus_-_display: none; --paper-input-container-underline-focus_-_border-color: initial;; + --paper-input-container-underline-disabled_-_display: none;; + --paper-input-container-underline_-_display: none; --paper-input-container-underline_-_background: initial; --paper-input-container-underline_-_height: initial; --paper-input-container-underline_-_border-bottom: initial; --paper-input-container-underline_-_box-sizing: initial;; + --paper-input-container-ms-clear_-_display: none;; + } + + input.yt-emoji-picker-renderer::-ms-clear { + display: none; + } + + #search-panel.yt-emoji-picker-renderer,#search-empty.yt-emoji-picker-renderer,#category-buttons.yt-emoji-picker-renderer { + margin: var(--yt-emoji-picker-renderer-content_-_margin); + } + + #categories.yt-emoji-picker-renderer,#search-category.yt-emoji-picker-renderer { + overflow: auto; + + + min-height: 0; + } + + #search-category.yt-emoji-picker-renderer { + margin-top: 8px; + } + + #categories-wrapper.yt-emoji-picker-renderer { + margin-top: 8px; + + + position: relative; + + + min-height: 0; + + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + yt-emoji-picker-category-button-renderer.yt-emoji-picker-renderer:only-child { + display: none; + } + + #categories.yt-emoji-picker-renderer > *.yt-emoji-picker-renderer:not(:first-child) { + margin-top: 8px; + } + + #category-buttons.yt-emoji-picker-renderer { + margin-top: 8px; + color: var(--yt-luna-black-opacity-lighten-3); + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #search-panel.yt-emoji-picker-renderer { + background-color: var(--yt-emoji-picker-search-background-color, var(--yt-white-opacity-lighten-2)); + padding: 4px 8px; + border-radius: 4px; + font-size: 12px; + color: var(--yt-luna-black-opacity-lighten-2); + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #search.yt-emoji-picker-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #clear-search.yt-emoji-picker-renderer { + width: 18px; + height: 18px; + color: var(--yt-live-chat-primary-text-color); + } + + #search-empty.yt-emoji-picker-renderer { + color: var(--yt-primary-text-color); + } + + #skin-tone.yt-emoji-picker-renderer { + margin-left: 12px; + position: relative; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + button.yt-emoji-picker-renderer { + width: 16px; + height: 16px; + padding: 0; + background-color: transparent; + border: 2px solid; + border-radius: 4px; + cursor: pointer; + } + + button.yt-emoji-picker-renderer + button.yt-emoji-picker-renderer { + margin-left: 4px; + } + + button.yt-emoji-picker-renderer[tone='0'] { + border-color: #fcc21b; + } + + button.yt-emoji-picker-renderer[tone='1'] { + border-color: #fadcbc; + } + + button.yt-emoji-picker-renderer[tone='2'] { + border-color: #e0bb95; + } + + button.yt-emoji-picker-renderer[tone='3'] { + border-color: #bf8f68; + } + + button.yt-emoji-picker-renderer[tone='4'] { + border-color: #9b643d; + } + + button.yt-emoji-picker-renderer[tone='5'] { + border-color: #594539; + } + + button.yt-emoji-picker-renderer[tone='0'].yt-emoji-picker-renderer[selected] { + background-color: #fcc21b; + } + + button.yt-emoji-picker-renderer[tone='1'].yt-emoji-picker-renderer[selected] { + background-color: #fadcbc; + } + + button.yt-emoji-picker-renderer[tone='2'].yt-emoji-picker-renderer[selected] { + background-color: #e0bb95; + } + + button.yt-emoji-picker-renderer[tone='3'].yt-emoji-picker-renderer[selected] { + background-color: #bf8f68; + } + + button.yt-emoji-picker-renderer[tone='4'].yt-emoji-picker-renderer[selected] { + background-color: #9b643d; + } + + button.yt-emoji-picker-renderer[tone='5'].yt-emoji-picker-renderer[selected] { + background-color: #594539; + } + + yt-emoji-picker-renderer[searching] #categories-wrapper.yt-emoji-picker-renderer { + display: none; + } + + yt-emoji-picker-renderer:not([searching]) #search-category.yt-emoji-picker-renderer { + display: none; + } + + yt-live-chat-message-buy-flow-renderer { + display: block; + font-size: 15px; + background-color: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); + --yt-live-chat-buy-flow-price-input-font-size: 20px; + --yt-emoji-picker-category-background-color: var(--yt-live-chat-sub-panel-background-color-transparent, hsla(0, 0%, 97%, .7)); + --yt-emoji-picker-category-button-color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); + --yt-emoji-picker-category-margin-left: 16px; + --yt-emoji-picker-renderer-content_-_margin: 0 16px;; + --yt-emoji-picker-renderer-height: 160px; + } + + paper-button.yt-live-chat-message-buy-flow-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + #preview.yt-live-chat-message-buy-flow-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #loading.yt-live-chat-message-buy-flow-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + #header.yt-live-chat-message-buy-flow-renderer { + font-size: 16px; + padding: 8px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #close-button.yt-live-chat-message-buy-flow-renderer { + margin-right: 16px; + color: var(--yt-live-chat-icon-button-color); + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #help.yt-live-chat-message-buy-flow-renderer { + margin-left: auto; + } + + #help.yt-live-chat-message-buy-flow-renderer > *.yt-live-chat-message-buy-flow-renderer { + color: var(--yt-live-chat-icon-button-color); + } + + #dialog.yt-live-chat-message-buy-flow-renderer yt-live-chat-dialog-renderer.yt-live-chat-message-buy-flow-renderer { + z-index: 3; + } + + #info.yt-live-chat-message-buy-flow-renderer { + font-size: 12px; + padding: 4px 16px; + color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #info-content.yt-live-chat-message-buy-flow-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + #subtitle.yt-live-chat-message-buy-flow-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #subtitle.yt-live-chat-message-buy-flow-renderer yt-icon.yt-live-chat-message-buy-flow-renderer { + width: 16px; + height: 16px; + margin-right: 4px; + } + + yt-live-chat-message-buy-flow-renderer[hide-duration-label] #subtitle.yt-live-chat-message-buy-flow-renderer { + visibility: hidden; + } + + yt-live-chat-message-buy-flow-renderer[message-too-long] #characters.yt-live-chat-message-buy-flow-renderer { + color: var(--yt-live-chat-count-color-error, var(--yt-spec-brand-link-text)); + } + + #message.yt-live-chat-message-buy-flow-renderer { + margin: 0 16px; + } + + #message-renderer.yt-live-chat-message-buy-flow-renderer > *.yt-live-chat-message-buy-flow-renderer { + position: relative; + padding: 0; + } + + #pickers-container.yt-live-chat-message-buy-flow-renderer { + box-sizing: border-box; + padding-top: 4px; + margin-top: -4px; + border-radius: 0 0 4px 4px; + background-color: var(--yt-live-chat-sub-panel-background-color, #d9d9d9); + } + + yt-emoji-picker-renderer.yt-live-chat-message-buy-flow-renderer { + margin: 16px 0 -4px; + } + + #picker-buttons.yt-live-chat-message-buy-flow-renderer { + padding: 4px 8px; + } + + #price.yt-live-chat-message-buy-flow-renderer { + font-weight: 100; + margin: 8px 16px; + } + + #price-slider.yt-live-chat-message-buy-flow-renderer { + width: 100%; + height: 48px; + --paper-slider-active-color: var(--yt-live-chat-slider-active-color, #2196f3); + --paper-slider-container-color: var(--yt-live-chat-slider-container-color, #c8c8c8); + --paper-slider-markers-color: var(--yt-live-chat-slider-markers-color, #505050); + --paper-progress-active-color: var(--paper-slider-active-color); + --paper-progress-container-color: var(--paper-slider-container-color); + --paper-slider-knob-color: var(--paper-slider-active-color); + --paper-slider-knob-start-border-color: var(--paper-slider-active-color); + --paper-slider-knob-start-color: var(--paper-slider-active-color); + --paper-slider-pin-color: var(--paper-slider-active-color); + --paper-slider-pin-start-color: var(--paper-slider-active-color); + } + + #price-input-container.yt-live-chat-message-buy-flow-renderer { + font-size: var(--yt-live-chat-buy-flow-price-input-font-size); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + .dim.yt-live-chat-message-buy-flow-renderer { + color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); + } + + #price-input.yt-live-chat-message-buy-flow-renderer { + --paper-input-container-focus-color: var(--yt-live-chat-primary-text-color); + --paper-input-container_-_height: 24px; --paper-input-container_-_padding: initial;; + --paper-input-container-input_-_font-size: var(--yt-live-chat-buy-flow-price-input-font-size); --paper-input-container-input_-_color: var(--yt-live-chat-primary-text-color); --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial;; + --paper-input-container-underline-color: var(--yt-live-chat-secondary-text-color); + margin: 0 4px; + width: var(--price-input-width, 64px); + text-align: center; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #button.yt-live-chat-message-buy-flow-renderer { + margin: 8px 16px 16px; + border-radius: 2px; + background-color: var(--yt-blue); + color: var(--yt-white); + font-weight: 500; + transition-property: background-color, color; + transition-duration: var(--yt-live-chat-animation-duration, 0.2s); + } + + #button.yt-live-chat-message-buy-flow-renderer[disabled] { + background-color: var(--yt-live-chat-disabled-button-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); + color: var(--yt-live-chat-disabled-button-text-color, rgba(0, 0, 0, 0.5)); + } + + #error.yt-live-chat-message-buy-flow-renderer { + font-size: 13px; + margin: 0 16px; + } + + yt-live-chat-super-sticker-pack-button-renderer { + display: block; + height: 24px; + width: 24px; + --selected-visibility: hidden; + --unselected-visibility: visible; + --selected-z-index: -1; + --unselected-z-index: 0; + } + + yt-live-chat-super-sticker-pack-button-renderer[selected] { + --selected-visibility: visible; + --unselected-visibility: hidden; + --selected-z-index: 0; + --unselected-z-index: -1; + } + + #selected.yt-live-chat-super-sticker-pack-button-renderer,#unselected.yt-live-chat-super-sticker-pack-button-renderer { + height: 24px; + width: 24px; + position: absolute; + background-color: var(--yt-spec-text-primary); + opacity: 0.1; + } + + #selected.yt-live-chat-super-sticker-pack-button-renderer { + visibility: var(--selected-visibility); + z-index: var(--selected-z-index); + } + + #unselected.yt-live-chat-super-sticker-pack-button-renderer { + visibility: var(--unselected-visibility); + z-index: var(--unselected-z-index); + } + + #selected.icon-loaded.yt-live-chat-super-sticker-pack-button-renderer,#unselected.icon-loaded.yt-live-chat-super-sticker-pack-button-renderer { + background-color: transparent; + opacity: 1; + } + + yt-live-chat-super-sticker-pack-backstory-renderer { + display: block; + background-color: var(--yt-live-chat-background-color); + } + + #container.yt-live-chat-super-sticker-pack-backstory-renderer { + background-repeat: repeat-x; + background-position: bottom; + background-size: contain; + padding: var(--ytd-margin-4x); + padding-bottom: var(--ytd-margin-6x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #sticker.yt-live-chat-super-sticker-pack-backstory-renderer { + margin-right: var(--ytd-margin-4x); + } + + #content.yt-live-chat-super-sticker-pack-backstory-renderer { + max-width: 440px; + color: var(--yt-live-chat-primary-text-color); + } + + #title.yt-live-chat-super-sticker-pack-backstory-renderer { + font-size: 14px; + font-weight: 500; + margin-bottom: var(--ytd-margin-2x); + } + + #description.yt-live-chat-super-sticker-pack-backstory-renderer { + font-size: 12px; + } + + yt-live-chat-super-sticker-pack-item-button-renderer { + display: block; + background-color: var(--yt-live-chat-background-color); + justify-self: center; + --yt-live-chat-paid-sticker-container-loaded-style_-_background-color: transparent; --yt-live-chat-paid-sticker-container-loaded-style_-_opacity: 1;; + } + + yt-live-chat-super-sticker-pack-item-button-renderer:focus { + outline: none; + } + + yt-live-chat-super-sticker-pack-item-button-renderer:hover { + cursor: pointer; + background-color: var(--yt-menu-hover-backgound-color); + } + + #sticker.yt-live-chat-super-sticker-pack-item-button-renderer { + width: 96px; + height: 96px; + padding: 12px; + padding-bottom: 24px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #unselected.yt-live-chat-super-sticker-pack-item-button-renderer { + display: inline-block; + width: 96px; + height: 96px; + background-color: var(--yt-spec-text-primary); + opacity: 0.1; + } + + yt-live-chat-super-sticker-pack-item-button-renderer.focus #unselected.yt-live-chat-super-sticker-pack-item-button-renderer { + display: none; + } + + #unselected.sticker-loaded.yt-live-chat-super-sticker-pack-item-button-renderer { + background-color: var(--yt-live-chat-paid-sticker-container-loaded-style_-_background-color); opacity: var(--yt-live-chat-paid-sticker-container-loaded-style_-_opacity); + } + + #selected.yt-live-chat-super-sticker-pack-item-button-renderer { + display: none; + } + + yt-live-chat-super-sticker-pack-item-button-renderer.focus #selected.yt-live-chat-super-sticker-pack-item-button-renderer { + display: block; + } + + #price.yt-live-chat-super-sticker-pack-item-button-renderer { + display: block; + color: var(--yt-live-chat-paid-sticker-chip-text-color); + background-color: var(--yt-live-chat-paid-sticker-chip-background-color); + margin-top: var(--ytd-margin-base); + padding: 0 4px; + min-width: 16px; + border-radius: 2px; + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-super-sticker-pack-renderer { + height: 300px; + display: block; + background-color: var(--yt-live-chat-background-color); + overflow-y: auto; + overflow-x: hidden; + } + + #pack.yt-live-chat-super-sticker-pack-renderer { + margin: 0 auto; + } + + #backstory.yt-live-chat-super-sticker-pack-renderer { + margin-top: var(--ytd-margin-6x); + } + + yt-live-chat-super-sticker-pack-item-button-renderer.yt-live-chat-super-sticker-pack-renderer { + margin-bottom: 4px; + } + + #pack-stickers.yt-live-chat-super-sticker-pack-renderer { + display: var(--layout_-_display); + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + } + + @supports (display: grid) { + #pack-stickers.yt-live-chat-super-sticker-pack-renderer { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); + -ms-flex-wrap: nowrap; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; + } + + } + + yt-live-chat-paid-sticker-renderer { + display: block; + position: relative; + --yt-live-chat-paid-sticker-container-loaded-style_-_background-color: transparent; --yt-live-chat-paid-sticker-container-loaded-style_-_opacity: 1;; + --yt-live-chat-item-timestamp-display: none; + } + + yt-live-chat-paid-sticker-renderer[dashboard-money-feed] { + --yt-pdg-paid-stickers-margin-left: 56px; + } + + yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #card.yt-live-chat-paid-sticker-renderer { + position: relative; + border-radius: 4px; + padding: 8px; + padding-left: 16px; + background-color: var(--yt-live-chat-paid-sticker-background-color); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #menu.yt-live-chat-paid-sticker-renderer { + background: linear-gradient(to right, transparent, var(--yt-live-chat-paid-sticker-background-color) 100%); + border-radius: 0 4px 4px 0; + color: var(--yt-live-chat-paid-sticker-chip-text-color); + } + + yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #menu.yt-live-chat-paid-sticker-renderer { + color: var(--yt-live-chat-secondary-text-color); + margin: 8px 0; + background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); + } + + #author-name.yt-live-chat-paid-sticker-renderer { + margin-right: 8px; + display: block; + font-weight: 500; + color: var(--yt-live-chat-secondary-text-color); + -webkit-line-clamp: 1; + overflow: hidden; + -webkit-box-orient: var(--yt-multi-line-ellipsis_-_-webkit-box-orient); text-overflow: var(--yt-multi-line-ellipsis_-_text-overflow); white-space: var(--yt-multi-line-ellipsis_-_white-space); display: var(--yt-multi-line-ellipsis_-_display, block); + } + + yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #author-name.yt-live-chat-paid-sticker-renderer { + color: var(--yt-live-chat-paid-sticker-author-name-text-color); + } + + #author-info.yt-live-chat-paid-sticker-renderer { + font-size: var(--yt-pdg-paid-stickers-author-name-font-size); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); + } + + yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #author-info.yt-live-chat-paid-sticker-renderer { + max-height: 40px; + } + + #author-info.yt-live-chat-paid-sticker-renderer:focus { + outline: none; + } + + yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #price-column.yt-live-chat-paid-sticker-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { + height: 18px; + border-radius: 12px; + color: var(--yt-live-chat-paid-sticker-chip-text-color); + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + display: var(--layout-inline_-_display); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { + height: 24px; + margin-right: var(--ytd-margin-2x); + padding: 0 12px; + background-color: var(--yt-live-chat-paid-sticker-chip-background-color); + } + + yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { + font-size: 15px; + padding-right: 8px; + } + + #sticker-container.yt-live-chat-paid-sticker-renderer { + display: flex; + align-items: center; + flex-shrink: 0; + background-color: var(--yt-spec-text-primary); + opacity: 0.1; + margin-left: var(--yt-pdg-paid-stickers-margin-left); + margin-top: 4px; + } + + yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #sticker-container.yt-live-chat-paid-sticker-renderer { + margin: 0; + margin-left: auto; + } + + #sticker-container.sticker-loaded.yt-live-chat-paid-sticker-renderer { + background-color: var(--yt-live-chat-paid-sticker-container-loaded-style_-_background-color); opacity: var(--yt-live-chat-paid-sticker-container-loaded-style_-_opacity); + } + + #sticker.yt-live-chat-paid-sticker-renderer:focus { + outline: none; + } + + #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted],#deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { + font-style: italic; + } + + #deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { + color: var(--yt-live-chat-paid-sticker-chip-text-color); + font-size: 13px; + opacity: 0.7; + display: none; + } + + #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { + color: var(--yt-live-chat-secondary-text-color); + font-size: 12px; + opacity: 0.7; + display: none; + } + + yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { + max-height: 1.4em; + margin: 0; + -webkit-line-clamp: 1; + overflow: hidden; + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + -webkit-box-orient: var(--yt-multi-line-ellipsis_-_-webkit-box-orient); text-overflow: var(--yt-multi-line-ellipsis_-_text-overflow); white-space: var(--yt-multi-line-ellipsis_-_white-space); display: var(--yt-multi-line-ellipsis_-_display); + } + + yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { + margin-top: 4px; + margin-left: var(--yt-pdg-paid-stickers-margin-left); + display: block; + } + + #content.yt-live-chat-paid-sticker-renderer { + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #content.yt-live-chat-paid-sticker-renderer { + padding: 0; + color: rgba(0, 0, 0, 0.87); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + display: var(--layout-vertical-reverse_-_display); -ms-flex-direction: var(--layout-vertical-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical-reverse_-_-webkit-flex-direction); flex-direction: var(--layout-vertical-reverse_-_flex-direction); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + } + + #content-primary-column.yt-live-chat-paid-sticker-renderer { + display: inline-block; + } + + #sticker-icon.yt-live-chat-paid-sticker-renderer { + vertical-align: bottom; + } + + yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #content-primary-column.yt-live-chat-paid-sticker-renderer { + margin-bottom: 4px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + } + + yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #timestamp.yt-live-chat-paid-sticker-renderer { + display: inline; + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + font-weight: 500; + } + + #timestamp.yt-live-chat-paid-sticker-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-paid-sticker-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-paid-sticker-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-paid-sticker-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-paid-sticker-renderer:hover #menu.yt-live-chat-paid-sticker-renderer,yt-live-chat-paid-sticker-renderer[menu-visible] #menu.yt-live-chat-paid-sticker-renderer { + transform: none; + } + + yt-live-chat-paid-sticker-renderer:focus-within #menu.yt-live-chat-paid-sticker-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-paid-sticker-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-paid-sticker-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-sticker-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-paid-sticker-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-sticker-renderer { + display: none; + } + + yt-live-chat-paid-sticker-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-paid-sticker-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer,#additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer:not(:first-child) { + margin-left: 8px; + } + + yt-live-chat-super-sticker-preview-renderer { + display: block; + background-color: var(--yt-live-chat-background-color); + font-size: 15px; + } + + yt-live-chat-super-sticker-preview-renderer:focus { + outline: none; + } + + h3.yt-live-chat-super-sticker-preview-renderer { + color: var(--yt-live-chat-primary-text-color); + font-size: 16px; + font-weight: normal; + display: inline-block; + } + + #close.yt-live-chat-super-sticker-preview-renderer { + margin-right: var(--ytd-margin-3x); + color: var(--yt-live-chat-icon-button-color); + } + + #left.yt-live-chat-super-sticker-preview-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #preview.yt-live-chat-super-sticker-preview-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #loading.yt-live-chat-super-sticker-preview-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + #right.yt-live-chat-super-sticker-preview-renderer { + font-size: 12px; + color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); + display: inline-block; + display: var(--layout-horizontal_-_display, inline-block); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #right.yt-live-chat-super-sticker-preview-renderer yt-icon.yt-live-chat-super-sticker-preview-renderer { + width: 16px; + height: 16px; + margin-right: 4px; + } + + #header.yt-live-chat-super-sticker-preview-renderer { + padding: 12px 16px; + background-color: var(--yt-live-chat-header-background-color); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + yt-live-chat-paid-sticker-renderer.yt-live-chat-super-sticker-preview-renderer { + padding: 12px; + padding-bottom: 0; + } + + #footer.yt-live-chat-super-sticker-preview-renderer { + background-color: var(--yt-live-chat-background-color); + padding: 12px; + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + #buy-button.yt-live-chat-super-sticker-preview-renderer { + width: 100%; + margin: 0; + border-radius: 2px; + background-color: var(--yt-blue); + color: var(--yt-white); + font-size: 16px; + font-weight: 500; + display: inline-block; + text-align: center; + } + + #back-button.yt-live-chat-super-sticker-preview-renderer { + width: 100%; + margin: 0; + background-color: var(--yt-live-chat-background-color); + color: var(--yt-blue); + font-size: 16px; + font-weight: 500; + display: inline-block; + text-align: center; + } + + #footer.yt-live-chat-super-sticker-preview-renderer yt-button-renderer.yt-live-chat-super-sticker-preview-renderer { + width: 100%; + } + + #error.yt-live-chat-super-sticker-preview-renderer { + font-size: 13px; + margin: 0 16px; + } + + yt-live-chat-paid-sticker-panel-renderer { + display: block; + background-color: var(--yt-live-chat-background-color); + position: relative; + } + + #header.yt-live-chat-paid-sticker-panel-renderer { + padding-top: 16px; + background-color: var(--yt-live-chat-header-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); + box-shadow: 0px 2px 2px 0px #c7c1c7; + } + + yt-icon.yt-live-chat-paid-sticker-panel-renderer { + color: var(--yt-live-chat-icon-button-color); + } + + #header-top.yt-live-chat-paid-sticker-panel-renderer { + display: var(--layout_-_display); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #header-text.yt-live-chat-paid-sticker-panel-renderer { + color: var(--yt-live-chat-secondary-text-color); + font-size: 12px; + } + + h3.yt-live-chat-paid-sticker-panel-renderer { + color: var(--yt-live-chat-primary-text-color); + font-size: 16px; + font-weight: normal; + } + + #left.yt-live-chat-paid-sticker-panel-renderer { + display: var(--layout_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #header-bottom.yt-live-chat-paid-sticker-panel-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #header-bottom.yt-live-chat-paid-sticker-panel-renderer[is-at-front] { + margin-left: 24px; + } + + #header-bottom.yt-live-chat-paid-sticker-panel-renderer[is-at-back] { + margin-right: 24px; + } + + yt-icon-button.yt-live-chat-paid-sticker-panel-renderer { + width: 40px; + height: 48px; + } + + yt-icon-button.yt-live-chat-paid-sticker-panel-renderer[disabled] { + cursor: default; + } + + #scroll-back-button.yt-live-chat-paid-sticker-panel-renderer { + padding: 0 4px 0 8px; + left: 0; + } + + #scroll-forward-button.yt-live-chat-paid-sticker-panel-renderer { + padding: 0 8px 0 4px; + right: 0; + } + + #sticker-tabs.yt-live-chat-paid-sticker-panel-renderer { + display: inline-block; + width: 100%; + overflow: hidden; + --paper-tabs-selection-bar-color: var(--yt-pdg-paid-stickers-tab-selection-bar-color); + } + + #close-button.yt-live-chat-paid-sticker-panel-renderer,#help-button.yt-live-chat-paid-sticker-panel-renderer { + margin: 0 var(--ytd-margin-3x); + } + + #close-button.yt-live-chat-paid-sticker-panel-renderer > *.yt-live-chat-paid-sticker-panel-renderer,#help-button.yt-live-chat-paid-sticker-panel-renderer > *.yt-live-chat-paid-sticker-panel-renderer { + color: var(--yt-live-chat-icon-button-color); + } + + yt-live-chat-super-sticker-pack-renderer.yt-live-chat-paid-sticker-panel-renderer { + max-height: 300px; + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + } + + #stickers-container.yt-live-chat-paid-sticker-panel-renderer:focus { + outline: none; + } + + #dialog.yt-live-chat-paid-sticker-panel-renderer { + z-index: 3; + } + + yt-live-chat-ticker-paid-message-item-renderer { + display: inline-block; + font-size: 14px; + outline: none; + transition: width 0.2s; + vertical-align: top; + cursor: pointer; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + } + + #container.yt-live-chat-ticker-paid-message-item-renderer { + border-radius: 999px; + padding: 4px; + } + + yt-live-chat-ticker-paid-message-item-renderer.sliding-down #container.yt-live-chat-ticker-paid-message-item-renderer { + opacity: 0.5; + transform: translateY(44px); + transition: opacity 0.2s, transform 0.2s cubic-bezier(0.4, 0.0, 1, 1); + } + + yt-live-chat-ticker-paid-message-item-renderer.collapsing { + margin-right: 0; + transition: margin-right 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0.0, 0.2, 1); + } + + yt-live-chat-ticker-paid-message-item-renderer[dimmed] { + opacity: 0.5; + } + + yt-img-shadow.yt-live-chat-ticker-paid-message-item-renderer { + margin-right: -4px; + + overflow: hidden; + border-radius: 50%; + } + + #content.yt-live-chat-ticker-paid-message-item-renderer { + height: 24px; + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #text.yt-live-chat-ticker-paid-message-item-renderer { + margin: 0 8px; + font-weight: 500; + } + + yt-live-chat-ticker-paid-message-item-renderer[is-deleted] #author-photo.yt-live-chat-ticker-paid-message-item-renderer { + display: none; + } + + #content.yt-live-chat-ticker-paid-sticker-item-renderer { + padding-right: 8px; + } + + #content.multiple-thumbnails.yt-live-chat-ticker-paid-sticker-item-renderer { + padding-right: 6px; + } + + #author-photo.yt-live-chat-ticker-paid-sticker-item-renderer { + margin-right: 4px; + } + + .sticker-thumbnail.yt-live-chat-ticker-paid-sticker-item-renderer { + border-radius: 0; + margin-right: 0; + } + + yt-live-chat-ticker-paid-sticker-item-renderer { + display: inline-block; + font-size: 14px; + outline: none; + transition: width 0.2s; + vertical-align: top; + cursor: pointer; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + } + + #container.yt-live-chat-ticker-paid-sticker-item-renderer { + border-radius: 999px; + padding: 4px; + } + + yt-live-chat-ticker-paid-sticker-item-renderer.sliding-down #container.yt-live-chat-ticker-paid-sticker-item-renderer { + opacity: 0.5; + transform: translateY(44px); + transition: opacity 0.2s, transform 0.2s cubic-bezier(0.4, 0.0, 1, 1); + } + + yt-live-chat-ticker-paid-sticker-item-renderer.collapsing { + margin-right: 0; + transition: margin-right 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0.0, 0.2, 1); + } + + yt-live-chat-ticker-paid-sticker-item-renderer[dimmed] { + opacity: 0.5; + } + + yt-img-shadow.yt-live-chat-ticker-paid-sticker-item-renderer { + margin-right: -4px; + + overflow: hidden; + border-radius: 50%; + } + + #content.yt-live-chat-ticker-paid-sticker-item-renderer { + height: 24px; + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #text.yt-live-chat-ticker-paid-sticker-item-renderer { + margin: 0 8px; + font-weight: 500; + } + + yt-live-chat-ticker-paid-sticker-item-renderer[is-deleted] #author-photo.yt-live-chat-ticker-paid-sticker-item-renderer { + display: none; + } + + yt-live-chat-poll-choice { + display: block; + position: relative; + } + + #text-container.yt-live-chat-poll-choice { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + padding: var(--yt-live-chat-poll-choice-text-padding); + } + + #content.yt-live-chat-poll-choice { + min-height: var(--yt-live-chat-poll-choice-min-height); + padding: 8px 16px; + position: relative; + font-size: 13px; + } + + #content.yt-live-chat-poll-choice[disabled] { + color: inherit; + } + + yt-live-chat-poll-choice[selected] #endpoint.yt-live-chat-poll-choice { + animation: border-and-text-highlight var(--yt-live-chat-universal-motion-curve) forwards; + animation-duration: var(--yt-live-chat-poll-choice-animation-duration); + } + + #label-text.yt-live-chat-poll-choice,#vote-percentage-text.yt-live-chat-poll-choice { + font-weight: 500; + } + + #label-text.yt-live-chat-poll-choice { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + #percentage-container.yt-live-chat-poll-choice { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + #vote-percentage-bar.yt-live-chat-poll-choice { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + transform: var(--yt-live-chat-poll-choice-vote-bar-transform, translateX(-100%)); + transition: transform cubic-bezier(0.05, 0, 0, 1); + transition-duration: var(--yt-live-chat-poll-choice-animation-duration); + } + + #endpoint.yt-live-chat-poll-choice { + display: block; + box-sizing: border-box; + border-radius: var(--yt-live-chat-poll-choice-border-radius); + border: var(--yt-live-chat-poll-choice-border); + color: var(--yt-live-chat-poll-choice-text-color); + background-color: var(--yt-live-chat-poll-choice-background-color); + overflow: hidden; + } + + #selected-icon.yt-live-chat-poll-choice,yt-live-chat-poll-choice[selected][vote-request-in-flight][show-spinner] #selected-icon.yt-live-chat-poll-choice,paper-spinner-lite.yt-live-chat-poll-choice { + display: none; + } + + yt-live-chat-poll-choice[selected][vote-request-in-flight] #selected-icon.yt-live-chat-poll-choice,yt-live-chat-poll-choice[show-spinner] paper-spinner-lite.yt-live-chat-poll-choice { + display: inline; + position: absolute; + right: 16px; + --iron-icon-width: 20px; + --iron-icon-height: 20px; + } + + paper-spinner-lite.yt-live-chat-poll-choice { + --paper-spinner-color: var(--yt-live-chat-poll-primary-text-color); + height: 20px; + width: 20px; + } + + yt-live-chat-poll-choice[has-voted] #endpoint.yt-live-chat-poll-choice { + cursor: initial; + } + + yt-live-chat-poll-choice[has-voted] #vote-percentage-bar.yt-live-chat-poll-choice { + background-color: var(--yt-live-chat-poll-choice-vote-bar-background-color); + } + + yt-live-chat-poll-choice:not([has-voted]) #endpoint.yt-live-chat-poll-choice:hover { + background-color: var(--yt-live-chat-poll-choice-hover-color); + } + + @keyframes border-and-text-highlight { + 20% { + border: 1px solid var(--yt-live-chat-primary-text-color); + color: var(--yt-live-chat-primary-text-color); + } + + 100% { + border: 1px solid var(--yt-live-chat-poll-primary-text-color); + color: var(--yt-live-chat-poll-primary-text-color); + } + + } + + yt-live-chat-button { + display: block; + } + + yt-button-renderer.yt-live-chat-button { + color: inherit; + } + + yt-live-chat-poll-header-renderer { + font-size: 13px; + padding: 8px 0; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-live-chat-poll-header-renderer[in-collapsed-banner] { + transition: padding var(--yt-live-chat-universal-motion-curve); + transition-duration: var(--yt-live-chat-banner-animation-duration); + padding-bottom: 0; + } + + yt-img-shadow.yt-live-chat-poll-header-renderer,.metadata.yt-live-chat-poll-header-renderer,#poll-question.yt-live-chat-poll-header-renderer { + transition: opacity var(--yt-live-chat-banner-animation-duration) var(--yt-live-chat-universal-motion-curve); + transition-delay: 0.1s; + } + + yt-live-chat-poll-header-renderer[in-collapsed-banner] yt-img-shadow.yt-live-chat-poll-header-renderer,yt-live-chat-poll-header-renderer[in-collapsed-banner] .metadata.yt-live-chat-poll-header-renderer,yt-live-chat-poll-header-renderer[in-collapsed-banner] #poll-question.yt-live-chat-poll-header-renderer { + opacity: 0; + transition-duration: var(--yt-live-chat-banner-animation-fast-duration); + transition-delay: 0s; + } + + #menu.yt-live-chat-poll-header-renderer yt-live-chat-button.yt-live-chat-poll-header-renderer,.metadata.yt-live-chat-poll-header-renderer { + color: var(--yt-live-chat-poll-secondary-text-color); + } + + #poll-question.yt-live-chat-poll-header-renderer { + margin-bottom: 12px; + color: var(--yt-live-chat-poll-primary-text-color); + word-break: break-word; + overflow-wrap: break-word; + word-wrap: break-word; + } + + #game-photo.yt-live-chat-poll-header-renderer,#creator-photo.yt-live-chat-poll-header-renderer { + margin-right: 12px; + } + + #creator-photo.yt-live-chat-poll-header-renderer { + overflow: hidden; + border-radius: 50%; + } + + #content-top.yt-live-chat-poll-header-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + .metadata.yt-live-chat-poll-header-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #menu.yt-live-chat-poll-header-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #main-content.yt-live-chat-poll-header-renderer { + transition: height var(--yt-live-chat-universal-motion-curve), padding var(--yt-live-chat-universal-motion-curve); + transition-duration: var(--yt-live-chat-banner-animation-duration); + padding: 14px 20px 4px 0; + color: var(--yt-live-chat-primary-text-color); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + yt-live-chat-poll-header-renderer[in-collapsed-banner] #main-content.yt-live-chat-poll-header-renderer { + height: 0; + padding-top: 0; + padding-bottom: 0; + } + + #content-top.yt-live-chat-poll-header-renderer,#main-content.yt-live-chat-poll-header-renderer { + z-index: 1; + } + + #col-right.yt-live-chat-poll-header-renderer { + overflow: hidden; + margin-top: -2px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #menu.yt-live-chat-poll-header-renderer { + --yt-button-icon-size: 24px; + --yt-button-icon-padding: 0; + } + + yt-live-chat-poll-renderer { + display: block; + padding: 4px 8px 10px 16px; + font-size: 13px; + } + + #poll-choice-container.yt-live-chat-poll-renderer { + position: relative; + box-sizing: border-box; + padding: 0 8px 10px 0; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-live-chat-poll-renderer[in-banner],yt-live-chat-poll-renderer[in-banner] #poll-choice-container.yt-live-chat-poll-renderer { + padding-right: 0; + } + + yt-live-chat-poll-choice.yt-live-chat-poll-renderer:not(:first-of-type) { + margin-top: 8px; + } + + #button.yt-live-chat-poll-renderer { + margin-right: 8px; + display: var(--layout_-_display); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + yt-live-chat-poll-renderer[in-banner] #button.yt-live-chat-poll-renderer { + margin-right: -8px; + } + + #button.yt-live-chat-poll-renderer yt-button-renderer.yt-live-chat-poll-renderer { + color: var(--yt-live-chat-poll-primary-text-color); + } + + yt-live-chat-poll-renderer[highlight-winning-option] yt-live-chat-poll-choice.yt-live-chat-poll-renderer[is-winning].yt-live-chat-poll-renderer[has-votes] { + --yt-live-chat-poll-choice-text-color: var(--yt-live-chat-poll-primary-text-color); + --yt-live-chat-poll-choice-border: 1px solid var(--yt-live-chat-poll-tertiary-text-color); + --yt-live-chat-poll-choice-min-height: 6px; + --yt-live-chat-poll-choice-text-padding: 0 11px; + } + + yt-live-chat-poll-renderer[in-banner] { + --yt-live-chat-poll-choice-border: none; + --yt-live-chat-poll-choice-min-height: 8px; + --yt-live-chat-poll-choice-text-padding: 0 12px; + --yt-live-chat-poll-choice-text-color: var(--yt-live-chat-poll-secondary-text-color); + padding-bottom: 0; + } + + yt-live-chat-poll-renderer[in-collapsed-banner] { + padding-bottom: 8px; + } + + yt-live-chat-poll-renderer[in-collapsed-banner] #poll-choice-container.yt-live-chat-poll-renderer { + padding-bottom: 2px; + transition: padding-right var(--yt-live-chat-universal-motion-curve); + } + + yt-live-chat-poll-renderer[in-banner] #collapse-container.yt-live-chat-poll-renderer { + padding-right: 8px; + transition: transform var(--yt-live-chat-universal-motion-curve), height var(--yt-live-chat-universal-motion-curve), padding var(--yt-live-chat-universal-motion-curve); + transition-duration: var(--yt-live-chat-banner-animation-duration); + } + + yt-live-chat-poll-renderer[in-collapsed-banner] #collapse-container.yt-live-chat-poll-renderer { + padding-right: 28px; + } + + yt-live-chat-poll-renderer[highlight-winning-option] yt-live-chat-poll-choice.yt-live-chat-poll-renderer:not([is-winning]).yt-live-chat-poll-renderer { + transition: opacity var(--yt-live-chat-banner-animation-duration) var(--yt-live-chat-universal-motion-curve); + } + + yt-live-chat-poll-renderer[highlight-winning-option][in-collapsed-banner] yt-live-chat-poll-choice.yt-live-chat-poll-renderer:not([is-winning]).yt-live-chat-poll-renderer { + opacity: 0; + } + + yt-live-chat-poll-renderer[in-banner][is-transitioning-collapse] yt-live-chat-poll-choice.yt-live-chat-poll-renderer[is-winning] { + transition: transform var(--yt-live-chat-banner-animation-duration) var(--yt-live-chat-universal-motion-curve); + } + + yt-live-interactivity-component-background,svg.yt-live-interactivity-component-background { + display: block; + } + + yt-live-interactivity-component-background[use-large-background] { + display: var(--yt-live-chat-interactivity-component-background-display, block); + } + + yt-live-interactivity-component-background[use-large-background] svg.yt-live-interactivity-component-background { + height: 100%; + min-height: 350px; + } + + .gradient-stop.yt-live-interactivity-component-background { + stop-color: var(--yt-live-chat-banner-background-gradient-stop-color, #26477f); + } + + yt-live-chat-action-panel-renderer { + display: block; + overflow: hidden; + background-color: var(--yt-live-chat-action-panel-renderer-background-color, var(--yt-live-chat-background-color)); + border-radius: 4px; + } + + yt-live-chat-action-panel-renderer,#header.yt-live-chat-action-panel-renderer,#contents.yt-live-chat-action-panel-renderer { + position: relative; + } + + .background.yt-live-chat-action-panel-renderer { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + yt-live-chat-text-message-renderer { + position: relative; + font-size: 13px; + padding: 4px 24px; + overflow: hidden; + contain: content; + --yt-endpoint-color: var(--yt-live-chat-primary-text-color, var(--yt-luna-black)); + --yt-endpoint-hover-color: var(--yt-live-chat-primary-text-color, var(--yt-endpoint-color)); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); + } + + yt-live-chat-text-message-renderer:hover { + overflow: initial; + } + + yt-live-chat-text-message-renderer[author-is-owner] { + background-color: var(--yt-live-chat-message-highlight-background-color); + } + + #content.yt-live-chat-text-message-renderer { + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + min-width: 0; + } + + yt-live-chat-author-chip.yt-live-chat-text-message-renderer { + margin-right: 8px; + } + + #message.yt-live-chat-text-message-renderer { + color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); + line-height: 16px; + overflow: hidden; + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-word; + font-style: var(--yt-live-chat-text-message-renderer-message-message-style_-_font-style); opacity: var(--yt-live-chat-text-message-renderer-message-message-style_-_opacity); + } + + #message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer { + width: var(--yt-live-chat-emoji-size); + height: var(--yt-live-chat-emoji-size); + margin: -1px 2px 1px; + vertical-align: middle; + } + + a.yt-live-chat-text-message-renderer { + display: inline; + text-decoration: underline; + } + + #message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer { + display: inline; + text-decoration: underline; + word-break: break-all; + } + + #message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer .mention.yt-live-chat-text-message-renderer { + text-decoration: underline; + } + + #show-original.yt-live-chat-text-message-renderer { + margin-left: 2px; + } + + #message.yt-live-chat-text-message-renderer:empty,#deleted-state.yt-live-chat-text-message-renderer:empty,#show-original.yt-live-chat-text-message-renderer:empty,yt-live-chat-text-message-renderer[show-original] #deleted-state.yt-live-chat-text-message-renderer,yt-live-chat-text-message-renderer[show-original] #show-original.yt-live-chat-text-message-renderer,yt-live-chat-text-message-renderer[is-deleted]:not([show-original]) #message.yt-live-chat-text-message-renderer { + display: none; + } + + #menu.yt-live-chat-text-message-renderer { + color: var(--yt-live-chat-secondary-text-color); + background: linear-gradient(to right, transparent 0%, var(--yt-live-chat-background-color, var(--yt-white)) 100%); + } + + yt-live-chat-text-message-renderer[author-is-owner] #menu.yt-live-chat-text-message-renderer { + background: linear-gradient(to right, transparent 0%, var(--yt-live-chat-message-highlight-background-color, var(--yt-luna-black)) 100%); + } + + .mention.yt-live-chat-text-message-renderer { + background: var(--yt-live-chat-mention-background-color); + color: var(--yt-live-chat-mention-text-color); + padding: 2px 4px; + border-radius: 2px; + } + + #deleted-state.yt-live-chat-text-message-renderer,#show-original.yt-live-chat-text-message-renderer,yt-live-chat-text-message-renderer[is-deleted] #message.yt-live-chat-text-message-renderer { + font-style: italic; + color: var(--yt-live-chat-deleted-message-color, rgba(0, 0, 0, 0.5)); + } + + yt-live-chat-text-message-renderer[show-bar]::before { + content: ""; + position: absolute; + display: block; + left: 8px; + top: 4px; + bottom: 4px; + width: 4px; + box-sizing: border-box; + border-radius: 2px; + } + + yt-live-chat-text-message-renderer[is-deleted]::before { + background: var(--yt-live-chat-deleted-message-bar-color, rgba(0, 0, 0, 0.5)); + } + + yt-live-chat-text-message-renderer[is-dimmed] #message.yt-live-chat-text-message-renderer { + opacity: 0.25; + } + + yt-live-chat-text-message-renderer[is-dimmed]::before { + background: var(--yt-live-chat-error-message-color, #f44336); + } + + yt-live-chat-text-message-renderer[in-collapsed-banner] #content.yt-live-chat-text-message-renderer { + color: var(--yt-live-chat-primary-text-color); + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + + #timestamp.yt-live-chat-text-message-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-text-message-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-text-message-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-text-message-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-text-message-renderer:hover #menu.yt-live-chat-text-message-renderer,yt-live-chat-text-message-renderer[menu-visible] #menu.yt-live-chat-text-message-renderer { + transform: none; + } + + yt-live-chat-text-message-renderer:focus-within #menu.yt-live-chat-text-message-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-text-message-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-text-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer { + display: none; + } + + yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-text-message-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer,#additional-inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-text-message-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer:not(:first-child) { + margin-left: 8px; + } + + yt-live-chat-auto-mod-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + font-size: 13px; + padding: 0 0 4px; + position: relative; + --paper-button_-_min-width: 88px; --paper-button_-_color: initial; --paper-button_-_border: initial; --paper-button_-_width: initial; --paper-button_-_margin: initial; --paper-button_-_background-color: initial; --paper-button_-_text-transform: initial;; + --yt-live-chat-text-message-renderer-message-message-style_-_font-style: italic; --yt-live-chat-text-message-renderer-message-message-style_-_opacity: 0.5;; + --yt-button-icon-size: 16px; + --yt-button-icon-padding: 0; + --ytd-paper-button-min-width: 88px; + } + + #explanation.yt-live-chat-auto-mod-message-renderer { + color: var(--yt-live-chat-automod-button-explanation-color); + margin: 4px 0 4px 28px; + } + + #button.yt-live-chat-auto-mod-message-renderer { + display: inline-block; + } + + #button.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { + width: 32px; + --yt-button-icon-size: 16px; + } + + #moderation-buttons.yt-live-chat-auto-mod-message-renderer:not(:empty) { + margin: 8px 0 4px 64px; + } + + #moderation-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer:not(:last-child) { + margin-right: 8px; + } + + #moderation-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { + background-color: var(--yt-live-chat-automod-button-background-color); + border-radius: 2px; + font-weight: 500; + } + + #moderation-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer:hover { + background-color: var(--yt-live-chat-automod-button-background-color-hover); + } + + yt-live-chat-auto-mod-message-renderer::before { + background-color: var(--yt-live-chat-deleted-message-bar-color); + content: ""; + position: absolute; + display: block; + left: 8px; + top: 4px; + bottom: 4px; + width: 4px; + box-sizing: border-box; + border-radius: 2px; + } + + #timestamp.yt-live-chat-auto-mod-message-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-auto-mod-message-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-auto-mod-message-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-auto-mod-message-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-auto-mod-message-renderer:hover #menu.yt-live-chat-auto-mod-message-renderer,yt-live-chat-auto-mod-message-renderer[menu-visible] #menu.yt-live-chat-auto-mod-message-renderer { + transform: none; + } + + yt-live-chat-auto-mod-message-renderer:focus-within #menu.yt-live-chat-auto-mod-message-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { + display: none; + } + + yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-auto-mod-message-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer,#additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer:not(:first-child) { + margin-left: 8px; + } + + yt-live-chat-banner-header-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + position: relative; + padding: 4px 0; + color: var(--yt-live-chat-secondary-text-color); + overflow-x: hidden; + } + + yt-icon.yt-live-chat-banner-header-renderer,yt-button-renderer.yt-live-chat-banner-header-renderer { + color: var(--yt-spec-static-overlay-icon-inactive); + } + + yt-live-chat-banner-header-renderer[in-collapsed-banner] #title.yt-live-chat-banner-header-renderer { + opacity: 0; + transition-delay: unset; + } + + #title.yt-live-chat-banner-header-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + font-size: 13px; + margin-left: 20px; + opacity: 1; + transition: opacity var(--yt-live-chat-universal-motion-curve); + transition-delay: 0.1s; + transition-duration: var(--yt-live-chat-banner-animation-duration); + } + + #close-button.yt-live-chat-banner-header-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + yt-icon.yt-live-chat-banner-header-renderer { + width: 16px; + height: 16px; + } + + #menu.yt-live-chat-banner-header-renderer { + --yt-button-icon-size: 24px; + --yt-button-icon-padding: 0; + } + + yt-live-chat-donations-progress-bar-renderer { + display: block; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: rgba(255, 255, 255, 0.7); + } + + yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner]:not([no-goal]) { + margin: 2px 8px 0px 16px; + padding-top: 1px; + } + + yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner][no-goal] { + margin: 0px 8px 0px 16px; + padding-top: 6px; + } + + #container.yt-live-chat-donations-progress-bar-renderer { + width: 100%; + border-radius: 4px; + overflow: hidden; + } + + #expanded-title.yt-live-chat-donations-progress-bar-renderer,#target-row.yt-live-chat-donations-progress-bar-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #raised-amount.yt-live-chat-donations-progress-bar-renderer,#separator.yt-live-chat-donations-progress-bar-renderer,#target-amount.yt-live-chat-donations-progress-bar-renderer,#campaign-title.yt-live-chat-donations-progress-bar-renderer { + padding-inline-end: 5px; + } + + #target-amount.yt-live-chat-donations-progress-bar-renderer { + --yt-formatted-string-bold: var(--ytd-navbar-title);--yt-formatted-string-bold_-_font-size: var(--ytd-navbar-title_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-navbar-title_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-navbar-title_-_line-height); --yt-formatted-string-bold_-_letter-spacing: initial;; + } + + #raised-amount.yt-live-chat-donations-progress-bar-renderer { + --yt-formatted-string-bold: var(--ytd-navbar-title);--yt-formatted-string-bold_-_font-size: var(--ytd-navbar-title_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-navbar-title_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-navbar-title_-_line-height); --yt-formatted-string-bold_-_letter-spacing: initial;; + --yt-formatted-string-bold-color: var(--yt-spec-static-brand-white); + } + + yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner] #raised-amount.yt-live-chat-donations-progress-bar-renderer { + --yt-formatted-string-bold: var(--ytd-link);--yt-formatted-string-bold_-_font-size: var(--ytd-link_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-link_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-link_-_line-height); --yt-formatted-string-bold_-_letter-spacing: var(--ytd-link_-_letter-spacing);; + } + + #progress-bar.yt-live-chat-donations-progress-bar-renderer { + height: 2px; + background-color: var(--yt-spec-static-overlay-text-disabled); + border-radius: 2px; + overflow: hidden; + margin: 2px 16px 6px 0px; + } + + yt-live-chat-donations-progress-bar-renderer:not([in-collapsed-banner]) #progress-bar.yt-live-chat-donations-progress-bar-renderer { + margin-top: 2px; + } + + #progress-bar-fill.yt-live-chat-donations-progress-bar-renderer { + height: 2px; + background-color: var(--yt-spec-static-brand-white); + width: var(--progress-bar-completion, 0); + border-radius: 2px; + } + + #match-label.yt-live-chat-donations-progress-bar-renderer { + margin: 2px 16px 4px 0px; + } + + #goal-reached-label.yt-live-chat-donations-progress-bar-renderer { + color: var(--yt-spec-static-brand-white); + } + + yt-icon.yt-live-chat-donations-progress-bar-renderer { + color: var(--yt-spec-static-brand-white); + width: 16px; + height: 16px; + } + + #button-row.yt-live-chat-donations-progress-bar-renderer { + margin-top: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #goal-reached.yt-live-chat-donations-progress-bar-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #goal-reached-label.yt-live-chat-donations-progress-bar-renderer { + padding-right: 3px; + } + + yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner] #target-row.yt-live-chat-donations-progress-bar-renderer,yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner] #match-label.yt-live-chat-donations-progress-bar-renderer,yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner] #button-row.yt-live-chat-donations-progress-bar-renderer { + display: none; + } + + #donate-button.yt-live-chat-donations-progress-bar-renderer ytd-button-renderer.yt-live-chat-donations-progress-bar-renderer { + background-color: transparent; + } + + ytd-button-renderer { + --paper-button-ink-color: var(--yt-paper-button-ink-color); + --yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white); + + + --yt-formatted-string-deemphasize_-_margin-left: var(--ytd-margin-base); --yt-formatted-string-deemphasize_-_display: initial;; + } + + ytd-button-renderer { + vertical-align: middle; + white-space: nowrap; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + ytd-button-renderer[is-paper-button](:not[button-raised]),ytd-button-renderer[is-paper-button](:not[button-raised]) a.ytd-button-renderer { + overflow: hidden; + } + + ytd-button-renderer[disabled][is-paper-button] a.ytd-button-renderer { + cursor: initial; + } + + ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + ytd-button-renderer yt-formatted-string.ytd-button-renderer { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + paper-button.ytd-button-renderer { + min-width: var(--yt-paper-button-min-width, var(--ytd-paper-button-min-width, 5.14em)); + font-size: var(--yt-paper-button-font-size, inherit); + } + + paper-button.keyboard-focus.ytd-button-renderer { + font-weight: inherit; + } + + ytd-button-renderer[is-icon-button]:not([style-action-button]) { + font-size: var(--ytd-caption_-_font-size); line-height: var(--ytd-caption_-_line-height); font-weight: var(--ytd-caption_-_font-weight); letter-spacing: var(--ytd-caption_-_letter-spacing); text-transform: var(--ytd-caption_-_text-transform); + } + + ytd-button-renderer.force-icon-button a.ytd-button-renderer { + padding-right: var(--yt-button-icon-padding, var(--ytd-margin-2x)); + } + + ytd-button-renderer[is-paper-button] { + background-color: var(--yt-basic-background-color, var(--yt-button-background-color)); + color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); + border-color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); + } + + ytd-button-renderer[is-paper-button-with-icon] { + --yt-button-padding-minus-focus-outline: var(--yt-button-with-icon-padding-minus-focus-outline); + } + + ytd-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] { + --yt-button-padding: 6px 12px; + --yt-button-padding-minus-border: 5px 11px; + } + + ytd-button-renderer[is-paper-button-with-icon] { + --yt-button-padding: 6px 16px; + --yt-button-padding-minus-border: 5px 15px; + } + + ytd-button-renderer[is-paper-button-with-icon][button-size="size-large"] { + --yt-button-padding: 10px 16px; + --yt-button-padding-minus-border: 9px 15px; + --yt-button-padding-minus-focus-outline: 9px 15px; + } + + ytd-button-renderer[is-icon-button] { + color: var(--yt-button-color, var(--yt-spec-icon-inactive)); + } + + ytd-button-renderer.style-text[is-icon-button],ytd-button-renderer.style-default[is-icon-button],ytd-button-renderer.style-opacity[is-icon-button] { + color: var(--yt-spec-icon-inactive); + } + + ytd-button-renderer.style-text[is-icon-button] #text.ytd-button-renderer,ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer,ytd-button-renderer.style-opacity[is-icon-button] #text.ytd-button-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-button-renderer.style-black[is-icon-button] { + color: var(--yt-spec-text-primary); + } + + ytd-button-renderer.style-opacity[is-icon-button][disabled] { + color: var(--yt-spec-icon-disabled); + } + + ytd-button-renderer.style-blue-text[is-icon-button] { + color: var(--yt-spec-call-to-action); + } + + ytd-button-renderer.style-visibly-disabled[is-icon-button] { + color: var(--yt-spec-icon-disabled); + } + + paper-tooltip.ytd-button-renderer { + white-space: nowrap; + } + + ytd-button-renderer.style-primary[is-paper-button] { + background-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-button-renderer.style-primary[disabled][is-paper-button] { + background-color: var(--yt-spec-icon-disabled); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-button-renderer.style-payment[is-paper-button] { + background-color: var(--yt-button-payment-background-color, var(--yt-spec-call-to-action)); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer,ytd-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-suggestive[is-paper-button] { + --yt-formatted-string-deemphasize-color: var(--yt-blue-opacity-lighten-2); + background-color: transparent; + color: var(--yt-spec-call-to-action); + } + + ytd-button-renderer.style-suggestive[is-paper-button] paper-button.ytd-button-renderer { + border: 1px solid var(--yt-spec-call-to-action); + padding: var(--yt-button-padding-minus-border); + } + + ytd-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.palette-with-border[is-paper-button] paper-button.ytd-button-renderer { + border-width: 1px; + border-style: solid; + padding: var(--yt-button-padding-minus-border); + } + + ytd-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border-width: var(--yt-button-padding-minus-focus-outline-width); + border-style: solid; + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-blue-text[is-paper-button] { + --yt-formatted-string-deemphasize-color: var(--yt-spec-icon-disabled); + color: var(--yt-spec-call-to-action); + } + + ytd-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-destructive[is-paper-button] { + background-color: var(--yt-spec-brand-subscribe-button-background); + color: var(--yt-spec-static-brand-white); + } + + ytd-button-renderer.style-destructive[new-subscribe-color][is-paper-button] { + background-color: var(--yt-spec-brand-button-background); + } + + ytd-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-destructive[disabled][is-paper-button] { + background-color: + var(--yt-button-destructive-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-destructive-color, var(--yt-opalescence-grey-opacity-lighten-2)); + } + + ytd-button-renderer.style-brand[is-paper-button] { + color: var(--yt-spec-brand-link-text); + } + + ytd-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-text-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-default[is-paper-button] { + background-color: var(--yt-button-default-background-color, var(--yt-spec-badge-chip-background)); + color: var(--yt-button-default-text-color, var(--yt-spec-text-secondary)); + } + + ytd-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-inactive-outline[is-paper-button] { + color: var(--yt-spec-text-secondary); + } + + ytd-button-renderer.style-inactive-outline[is-paper-button] paper-button.ytd-button-renderer { + border: 1px solid var(--yt-spec-text-secondary); + padding: var(--yt-button-padding-minus-border); + } + + ytd-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-suggested-action[is-paper-button] { + background-color: var(--yt-spec-suggested-action); + color: var(--yt-spec-call-to-action); + } + + ytd-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-compact-gray[is-paper-button] { + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + } + + ytd-button-renderer.style-compact-gray[is-paper-button] paper-button.ytd-button-renderer { + padding: var(--ytd-margin-base) var(--ytd-margin-2x); + } + + ytd-button-renderer.style-text[is-paper-button] { + color: var(--yt-spec-text-secondary); + } + + ytd-button-renderer[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer,ytd-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-inactive-text-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-overlay[is-paper-button] { + background-color: var(--yt-spec-static-overlay-button-primary); + color: var(--yt-spec-static-overlay-text-primary); + } + + ytd-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-text-secondary); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-white-with-border[is-paper-button] { + background-color: transparent; + border: 1px solid var(--yt-spec-static-brand-white); + color: var(--yt-spec-static-brand-white); + } + + ytd-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-brand-white); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-button-renderer.style-alert-info[is-paper-button] { + color: var(--yt-blue); + } + + ytd-button-renderer.style-alert-info[is-paper-button]:hover { + color: var(--yt-icon-hover-color); + } + + ytd-button-renderer.style-dark[is-paper-button] { + background-color: var(--yt-button-dark-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-dark-text-color, var(--yt-luna-black)); + } + + ytd-button-renderer.style-light[is-paper-button] { + background-color: var(--yt-button-light-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-light-text-color, var(--yt-luna-black-opacity-lighten-2)); + } + + ytd-button-renderer.style-light-text[is-paper-button] { + color: var(--yt-white); + } + + ytd-button-renderer.style-black[is-paper-button] { + color: var(--yt-spec-text-primary); + } + + ytd-button-renderer.style-visibly-disabled[is-paper-button] { + background-color: transparent; + color: var(--yt-spec-text-disabled); + } + + ytd-button-renderer.style-black[disabled][is-paper-button] { + color: var(--yt-button-black-color, var(--yt-opalescence-soft-grey-opacity-lighten-1)); + } + + ytd-button-renderer.style-dark-on-black[is-paper-button] { + background-color: var(--yt-playability-button-color); + border: none; + color: var(--yt-white-opacity-lighten-1); + } + + ytd-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] { + color: var(--yt-spec-call-to-action-inverse); + } + + ytd-button-renderer.style-count { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + paper-button.ytd-button-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + ytd-button-renderer { + display: inline-block; + text-transform: uppercase; + } + + ytd-button-renderer.force-icon-button a.ytd-button-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-button-renderer[disabled] a.ytd-button-renderer:focus { + outline: none; + } + + ytd-button-renderer[is-icon-button][has-no-text] { + font-size: 0; + } + + a.ytd-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + a.yt-simple-endpoint.ytd-button-renderer { + color: inherit; + border-radius: inherit; + text-decoration: none; + } + + ytd-button-renderer[is-paper-button] { + border-radius: var(--yt-button-border-radius, 3px); + margin: var(--yt-button-margin, 0 0.29em); + } + + ytd-button-renderer[is-paper-button][disabled] { + color: var(--yt-spec-text-disabled); + background-color: transparent; + } + + ytd-button-renderer[is-icon-button][disabled] { + color: #9b9b9b; + } + + ytd-button-renderer[is-icon-button][style-action-button] { + --yt-button-icon-padding: 6px; + } + + ytd-button-renderer[is-paper-button][align-by-text]:not(:empty) { + margin-left: -16px; + } + + ytd-button-renderer[is-paper-button][button-size=size-large] { + line-height: 24px; + } + + paper-button.ytd-button-renderer { + width: var(--yt-paper-button-width, auto); + height: var(--yt-paper-button-height, auto); + border-radius: inherit; + margin: 0; + padding: var(--yt-button-padding, 0.7em 0.57em); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + ; + } + + ytd-button-renderer[start-justified] paper-button.ytd-button-renderer { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + ytd-button-renderer[vertically-aligned] paper-button.ytd-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #button.ytd-button-renderer { + color: var(--yt-button-color); + background-color: var(--yt-button-background-color); + } + + ytd-button-renderer #button.ytd-button-renderer { + color: var(--yt-button-color, inherit); + background-color: transparent; + text-transform: inherit; + } + + button.ytd-button-renderer,yt-icon-button.ytd-button-renderer { + padding: 1px 6px; + } + + yt-icon-button.ytd-button-renderer { + width: var(--yt-button-icon-size, 40px); + height: var(--yt-button-icon-size, 40px); + color: var(--yt-endpoint-color, var(--yt-luna-black)); + } + + yt-icon-button.ytd-button-renderer::-moz-focus-inner { + padding: 0; + margin: 0; + border: 0; + } + + yt-icon-button.ytd-button-renderer[disabled] { + color: var(--yt-button-disabled-color, rgba(17, 17, 17, 0.2)); + } + + yt-icon-button.ytd-button-renderer { + line-height: 1; + padding: var(--yt-button-icon-padding, 8px); + width: var(--yt-button-icon-size, var(--yt-icon-width, 40px)); + height: var(--yt-button-icon-size, var(--yt-icon-height, 40px)); + } + + yt-icon-button.ytd-button-renderer > yt-icon.ytd-button-renderer { + width: 100%; + height: 100%; + } + + #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer { + margin-left: var(--yt-string-icon-padding, 8px); + } + + #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer + yt-icon.ytd-button-renderer { + margin-left: var(--yt-button-icon-padding, 8px); + } + + ytd-button-renderer[vertically-aligned] #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer { + margin-left: 0; + margin-top: var(--yt-string-icon-padding, 4px); + } + + ytd-button-renderer[vertically-aligned] #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer + yt-icon.ytd-button-renderer { + margin-left: 0; + margin-top: var(--yt-button-icon-padding, 4px); + } + + ytd-ad-hover-text-button-renderer { + opacity: 0.9; + display: block; + } + + ytd-ad-hover-text-button-renderer:hover { + opacity: 1; + } + + #ad-info-tooltip.ytd-ad-hover-text-button-renderer { + white-space: nowrap; + } + + #info-button.ytd-ad-hover-text-button-renderer { + position: relative; + vertical-align: top; + width: 15px; + height: 15px; + --yt-button-icon-padding: 1px; + --yt-button-icon-size: 15px; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + #info-button.ytd-ad-hover-text-button-renderer > a { + cursor: pointer; + position: absolute; + top: 0; + right: 0; + } + + ytd-live-chat-product-item-renderer { + --yt-live-chat-primary-text-color: var(--yt-spec-static-overlay-text-primary); + --yt-live-chat-author-chip-owner-background-color: #ffd600; + --yt-live-chat-author-chip-owner-text-color: rgba(0, 0, 0, 0.87); + display: block; + padding-bottom: 4px; + padding-left: 24px; + width: calc(100% - 48px); + } + + ytd-live-chat-product-item-renderer:hover,ytd-live-chat-product-item-renderer.hover { + background-color: var(--yt-spec-badge-chip-background); + border-radius: 2px; + } + + ytd-live-chat-product-item-renderer:hover,ytd-live-chat-product-item-renderer.hover .description-card-merchant.ytd-live-chat-product-item-renderer,ytd-live-chat-product-item-renderer:hover,ytd-live-chat-product-item-renderer.hover .description-card-merchant.ytd-live-chat-product-item-renderer yt-icon.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-call-to-action); + } + + .yt-simple-endpoint.ytd-live-chat-product-item-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-live-chat-product-item-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #merch-item-container.yt-simple-endpoint.ytd-live-chat-product-item-renderer { + display: block; + text-decoration: none; + } + + ytd-live-chat-product-item-renderer[in-collapsed-banner] #merch-item-container.ytd-live-chat-product-item-renderer { + display: none; + } + + #container.ytd-live-chat-product-item-renderer { + background-color: rgba(0, 0, 0, 0.3); + border-radius: 4px; + margin-left: 0; + overflow: hidden; + width: 100%; + } + + #unavailable-product-card.ytd-live-chat-product-item-renderer { + padding: 8px 9px 8px 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #unavailable-product-card-title.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-text-primary); + font-size: 14px; + font-weight: 500; + line-height: 18px; + } + + #unavailable-product-card-link.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-call-to-action); + margin-top: 10px; + font-size: 12px; + font-weight: 400; + line-height: 16px; + } + + #product-card.ytd-live-chat-product-item-renderer { + height: 76px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #product-card-image.ytd-live-chat-product-item-renderer { + background-color: var(--yt-spec-static-brand-white); + display: flex; + justify-content: center; + overflow: hidden; + padding: 4px 0; + width: 76px; + } + + #product-card-image.ytd-live-chat-product-item-renderer yt-img-shadow.ytd-live-chat-product-item-renderer { + height: 68px; + width: 68px; + } + + #product-card-info.ytd-live-chat-product-item-renderer { + padding: 8px 9px 8px 12px; + position: relative; + width: calc(100% - 111px); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #product-card-title.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-text-primary); + position: relative; + font-size: 12px; + font-weight: 400; + line-height: 16px; + } + + #product-card-title-text.ytd-live-chat-product-item-renderer { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: calc(100% - 20px); + } + + #product-card-price.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-text-primary); + margin-bottom: 8px; + margin-top: 4px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 18px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #product-card-merchant.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-call-to-action); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 12px; + font-weight: 400; + line-height: 16px; + } + + #product-card-merchant.ytd-live-chat-product-item-renderer { + padding-bottom: 2px; + } + + ytd-live-chat-product-item-renderer[in-collapsed-banner] #creator-message.ytd-live-chat-product-item-renderer { + display: inline-block; + text-overflow: ellipsis; + white-space: nowrap; + } + + ytd-live-chat-product-item-renderer[in-collapsed-banner] #creator-name.ytd-live-chat-product-item-renderer { + flex-shrink: 0; + } + + ytd-live-chat-product-item-renderer[in-collapsed-banner] #creator-message-content.ytd-live-chat-product-item-renderer { + width: calc(100% - 36px); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #creator-message-content.ytd-live-chat-product-item-renderer { + font-size: 0; + } + + #creator-name.ytd-live-chat-product-item-renderer { + background-color: #ffd600; + border-radius: 2px; + color: rgba(0, 0, 0, 0.87); + display: inline-block; + height: 16px; + margin-right: 4px; + padding: 2px 4px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + font-size: 12px; + font-weight: 400; + line-height: 12px; + } + + #creator-name.ytd-live-chat-product-item-renderer yt-icon.ytd-live-chat-product-item-renderer { + color: rgba(0, 0, 0, 0.87); + padding-bottom: 2px; + padding-left: 4px; + } + + #creator-message.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-text-secondary); + overflow-wrap: break-word; + overflow: hidden; + padding-left: 2px; + word-break: break-word; + word-wrap: break-word; + font-size: 13px; + font-weight: 400; + line-height: 18px; + } + + #creator-message.ytd-live-chat-product-item-renderer yt-icon.ytd-live-chat-product-item-renderer { + display: block; + height: 16px; + width: 16px; + } + + #creator-photo.ytd-live-chat-product-item-renderer { + border-radius: 50%; + height: 24px; + margin-right: 12px; + margin-top: -3px; + overflow: hidden; + width: 24px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #creator-message-container.ytd-live-chat-product-item-renderer { + padding-top: 7px; + padding-bottom: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #item-whitespace.ytd-live-chat-product-item-renderer { + width: 5px; + } + + #single-item-additional-fees-text.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-text-primary); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 12px; + font-weight: 400; + line-height: 16px; + } + + yt-icon.ytd-live-chat-product-item-renderer { + color: var(--yt-spec-static-overlay-call-to-action); + flex-shrink: 0; + height: 15px; + width: 15px; + } + + #information-icon.ytd-live-chat-product-item-renderer { + display: block; + opacity: 0.9; + position: absolute; + right: 0; + top: -2.5px; + } + + #information-icon.ytd-live-chat-product-item-renderer:hover { + opacity: 1; + } + + #info-button.ytd-live-chat-product-item-renderer { + --yt-icon-button-icon-height: 14px; + --yt-icon-button-icon-width: 14px; + --yt-spec-icon-inactive: var(--yt-spec-static-overlay-icon-inactive); + --yt-button-icon-padding: 1px; + --yt-button-icon-size: 15px; + } + + yt-live-chat-banner-renderer { + display: block; + padding: 4px 8px 4px 18px; + border-radius: 4px; + position: relative; + overflow: hidden; + cursor: pointer; + contain: content; + --yt-live-chat-primary-text-color: var(--yt-spec-static-overlay-text-primary); + --yt-live-chat-secondary-text-color: var(--yt-spec-static-overlay-text-secondary); + --yt-live-chat-tertiary-text-color: var(--yt-spec-static-overlay-text-disabled); + --yt-live-chat-deleted-message-color: var(--yt-spec-static-overlay-text-disabled); + --yt-live-chat-sponsor-color: var(--yt-spec-static-overlay-text-secondary); + --yt-live-chat-moderator-color: var(--yt-spec-static-overlay-text-secondary); + } + + yt-live-chat-banner-renderer[is-poll-banner] { + padding-left: 0; + padding-top: 0; + } + + #contents.yt-live-chat-banner-renderer { + padding: 0 8px 4px 12px; + transition: transform var(--yt-live-chat-universal-motion-curve), height var(--yt-live-chat-universal-motion-curve), padding-bottom var(--yt-live-chat-universal-motion-curve); + transition-duration: var(--yt-live-chat-banner-animation-duration); + } + + yt-live-chat-banner-renderer[is-poll-banner] #contents.yt-live-chat-banner-renderer { + padding-right: 0; + padding-left: 0; + } + + yt-live-chat-banner-renderer[collapsed] #contents.yt-live-chat-banner-renderer { + padding-bottom: 0; + } + + yt-live-chat-banner-renderer[collapsed]:not([is-poll-banner]) #contents.yt-live-chat-banner-renderer { + pointer-events: none; + } + + .background.yt-live-chat-banner-renderer { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + #contents.yt-live-chat-banner-renderer > *.yt-live-chat-banner-renderer { + background-color: transparent; + } + + yt-live-chat-banner-renderer[is-poll-banner] #header.yt-live-chat-banner-renderer { + display: none; + } + + #indeterminate-bar.yt-live-chat-banner-renderer { + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 2px; + background: var(--yt-live-chat-banner-indeterminate-bar-background); + margin-right: -9px; + animation: slide-horizontal infinite linear; + animation-duration: var(--yt-live-chat-banner-bar-animation-duration); + } + + @keyframes slide-horizontal { + 0% { + transform: translateX(0); + } + + 100% { + transform: translateX(-9px); + } + + } + + yt-live-chat-banner-manager { + display: block; + } + + yt-live-chat-banner-renderer.yt-live-chat-banner-manager { + border: 1px solid var(--yt-live-chat-banner-border-color); + } + + yt-live-chat-banner-renderer.yt-live-chat-banner-manager:not(:first-of-type) { + margin-top: 8px; + } + + yt-live-chat-banner-manager[has-visible-banner] { + background: var(--yt-live-chat-banner-gradient-scrim); + } + + yt-live-chat-banner-manager[has-visible-banner] yt-live-chat-banner-renderer.yt-live-chat-banner-manager { + animation: slideDown var(--yt-live-chat-universal-motion-curve) forwards; + animation-duration: var(--yt-live-chat-banner-animation-duration); + } + + @keyframes slideDown { + 0% { + transform: translateY(-15%); + opacity: 0; + } + + 100% { + transform: translateY(0); + opacity: 1; + } + + } + + yt-live-chat-docked-message-renderer { + display: block; + overflow: hidden; + } + + yt-live-chat-docked-message-renderer[is-undocking] #undocking-item.yt-live-chat-docked-message-renderer yt-live-chat-text-message-renderer.yt-live-chat-docked-message-renderer { + animation: fadeOut ease-out 0.5s forwards; + } + + #container.yt-live-chat-docked-message-renderer { + z-index: 0; + } + + #undocking-item.yt-live-chat-docked-message-renderer { + z-index: 1; + } + + #docked-item.yt-live-chat-docked-message-renderer,#undocking-item.yt-live-chat-docked-message-renderer { + margin: 8px 24px 0 8px; + } + + #docked-item.yt-live-chat-docked-message-renderer yt-live-chat-text-message-renderer.yt-live-chat-docked-message-renderer,#undocking-item.yt-live-chat-docked-message-renderer yt-live-chat-text-message-renderer.yt-live-chat-docked-message-renderer { + border-radius: 4px; + padding-left: 16px; + } + + @keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } + + } + + yt-live-chat-donation-announcement-renderer { + position: relative; + display: block; + padding: 4px 24px; + --yt-live-chat-donation-chip-background-color: #e0e0e0; + --yt-live-chat-donation-chip-text-color: #262626; + --yt-live-chat-item-timestamp-display: none; + } + + yt-live-chat-donation-announcement-renderer[dashboard-money-feed] { + padding: 0; + --yt-live-chat-item-timestamp-display: block; + } + + #card.yt-live-chat-donation-announcement-renderer { + position: relative; + background-color: var(--yt-live-chat-secondary-background-color); + border-radius: 4px; + color: var(--yt-live-chat-primary-text-color); + padding: 12px 16px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #card.yt-live-chat-donation-announcement-renderer { + background-color: transparent; + color: transparent; + } + + yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #content-header.yt-live-chat-donation-announcement-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + } + + #author-name.yt-live-chat-donation-announcement-renderer { + display: none; + } + + yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #author-name.yt-live-chat-donation-announcement-renderer { + display: block; + font-size: 14px; + font-weight: 500; + margin-right: 8px; + color: var(--yt-live-chat-secondary-text-color); + overflow: hidden; + -webkit-box-orient: var(--yt-multi-line-ellipsis_-_-webkit-box-orient); text-overflow: var(--yt-multi-line-ellipsis_-_text-overflow); white-space: var(--yt-multi-line-ellipsis_-_white-space); display: var(--yt-multi-line-ellipsis_-_display, block); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #text.yt-live-chat-donation-announcement-renderer { + display: block; + font-size: 14px; + margin-bottom: var(--ytd-margin-base); + } + + yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #text.yt-live-chat-donation-announcement-renderer { + height: 24px; + min-width: 16px; + border-radius: 12px; + margin-right: 8px; + padding: 0 12px; + background-color: var(--yt-live-chat-donation-chip-background-color); + color: var(--yt-live-chat-donation-chip-text-color); + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + display: var(--layout-inline_-_display); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + #subtext.yt-live-chat-donation-announcement-renderer { + display: block; + font-size: 12px; + } + + yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #subtext.yt-live-chat-donation-announcement-renderer { + display: none; + } + + #author-photo.yt-live-chat-donation-announcement-renderer { + max-height: 40px; + } + + #menu.yt-live-chat-donation-announcement-renderer { + background: linear-gradient(to right, transparent, var(--yt-live-chat-secondary-background-color) 100%); + border-radius: 0 4px 4px 0; + } + + yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #menu.yt-live-chat-donation-announcement-renderer { + margin-top: 8px; + background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); + color: var(--yt-live-chat-secondary-text-color); + } + + #timestamp.yt-live-chat-donation-announcement-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-donation-announcement-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-donation-announcement-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-donation-announcement-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-donation-announcement-renderer:hover #menu.yt-live-chat-donation-announcement-renderer,yt-live-chat-donation-announcement-renderer[menu-visible] #menu.yt-live-chat-donation-announcement-renderer { + transform: none; + } + + yt-live-chat-donation-announcement-renderer:focus-within #menu.yt-live-chat-donation-announcement-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-donation-announcement-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-donation-announcement-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-donation-announcement-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-donation-announcement-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-donation-announcement-renderer { + display: none; + } + + yt-live-chat-donation-announcement-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-donation-announcement-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer,#additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer:not(:first-child) { + margin-left: 8px; + } + + yt-dropdown-menu { + display: inline-block; + max-width: 100%; + } + + paper-button.yt-dropdown-menu { + display: inline-block; + text-align: center; + font-family: inherit; + } + + paper-menu-button.yt-dropdown-menu { + color: var(--yt-spec-text-secondary); + --paper-menu-button-dropdown-background: transparent; + } + + paper-menu-button.yt-dropdown-menu,#label-text.yt-dropdown-menu { + max-width: 100%; + } + + #label-text.yt-dropdown-menu { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + paper-menu-button.yt-dropdown-menu { + padding: 0; + } + + paper-listbox.yt-dropdown-menu { + background-color: var(--yt-dialog-background); + } + + paper-listbox.yt-dropdown-menu paper-item.yt-dropdown-menu:hover { + background-color: var(--yt-menu-hover-backgound-color); + } + + paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu { + font-weight: inherit; + background-color: var(--yt-menu-hover-backgound-color); + } + + #label.yt-dropdown-menu { + cursor: pointer; + text-transform: var(--yt-dropdown-menu-label-transform, none); + padding: 0; + margin: 0; + min-width: 0; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #label-text.yt-dropdown-menu { + color: var(--yt-primary-text-color); + color: var(--yt-dropdown-menu-label-text_-_color, var(--yt-primary-text-color)); font-size: var(--yt-dropdown-menu-label-text_-_font-size); font-weight: var(--yt-dropdown-menu-label-text_-_font-weight); line-height: var(--yt-dropdown-menu-label-text_-_line-height); letter-spacing: var(--yt-dropdown-menu-label-text_-_letter-spacing); + } + + #icon-label.yt-dropdown-menu { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + #label.keyboard-focus.yt-dropdown-menu #icon-label.yt-dropdown-menu { + font-weight: 700; + } + + #label.keyboard-focus.yt-dropdown-menu #label-text.yt-dropdown-menu { + font-weight: 500; + } + + #label-icon.yt-dropdown-menu { + flex-shrink: 0; + margin-right: var(--ytd-margin-2x); + color: var(--yt-spec-text-secondary); + } + + #icon.yt-dropdown-menu { + color: var(--yt-spec-text-secondary); + } + + .item.yt-dropdown-menu { + color: var(--yt-primary-text-color); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #subtitle.yt-dropdown-menu { + color: var(--yt-secondary-text-color); + white-space: normal; + font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); + } + + .yt-simple-endpoint.yt-dropdown-menu { + display: var(--yt-endpoint_-_display); cursor: var(--yt-endpoint_-_cursor); text-decoration: var(--yt-endpoint_-_text-decoration); color: var(--yt-endpoint_-_color); + outline: none; + } + + .yt-simple-endpoint.yt-dropdown-menu:hover { + color: var(--yt-endpoint-hover_-_color); text-decoration: var(--yt-endpoint-hover_-_text-decoration); + } + + a.yt-simple-endpoint.yt-dropdown-menu { + display: block; + color: var(--yt-primary-text-color); + } + + yt-dropdown-menu:not(.has-items) #label-icon.yt-dropdown-menu { + display: none; + } + + yt-dropdown-menu:not(.has-items) #label.yt-dropdown-menu { + cursor: default; + } + + yt-dropdown-menu:not(.has-items) #label.yt-dropdown-menu:focus { + outline: none; + } + + paper-item-body.yt-dropdown-menu { + max-width: 100%; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + yt-sort-filter-sub-menu-renderer { + --yt-endpoint-force-cursor: pointer; + display: inline-block; + } + + yt-live-chat-header-renderer { + height: 48px; + padding: 8px; + box-sizing: border-box; + font-size: var(--yt-live-chat-header-font-size, 18px); + background-color: var(--yt-live-chat-header-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); + color: var(--yt-live-chat-header-text-color, var(--yt-live-chat-primary-text-color)); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--yt-live-chat-header-renderer-display, flex); + } + + #overflow.yt-live-chat-header-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #action-buttons.yt-live-chat-header-renderer > *.yt-live-chat-header-renderer,#overflow.yt-live-chat-header-renderer { + color: var(--yt-live-chat-header-button-color); + } + + #primary-content.yt-live-chat-header-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + margin-left: 16px; + } + + yt-icon-button.yt-live-chat-header-renderer yt-icon.yt-live-chat-header-renderer { + color: var(--yt-spec-icon-inactive); + } + + yt-icon-button.yt-live-chat-header-renderer:hover yt-icon.yt-live-chat-header-renderer { + color: var(--yt-spec-icon-active-other); + } + + yt-live-chat-legacy-paid-message-renderer { + position: relative; + display: block; + --yt-live-chat-sponsor-color: #0f9d58; + --yt-live-chat-item-timestamp-display: var(--yt-live-chat-paid-message-timestamp-display, none); + padding: 4px 24px; + } + + yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] { + padding: 0; + } + + #card.yt-live-chat-legacy-paid-message-renderer { + position: relative; + padding: 8px 16px; + background-color: var(--yt-live-chat-sponsor-color); + border-radius: 4px; + color: #fff; + font-size: 14px; + min-height: 40px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #card.yt-live-chat-legacy-paid-message-renderer { + border-radius: 0; + box-shadow: none; + background-color: var(--yt-live-chat-background-color); + color: rgba(0, 0, 0, 0.87); + } + + #author-photo.yt-live-chat-legacy-paid-message-renderer { + -ms-align-self: var(--layout-self-start_-_-ms-align-self); -webkit-align-self: var(--layout-self-start_-_-webkit-align-self); align-self: var(--layout-self-start_-_align-self); + } + + #author-name.yt-live-chat-legacy-paid-message-renderer { + display: none; + } + + yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-legacy-paid-message-renderer { + display: block; + margin-right: 8px; + color: var(--yt-live-chat-secondary-text-color); + font-weight: 500; + } + + #content.yt-live-chat-legacy-paid-message-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #content.yt-live-chat-legacy-paid-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #content-primary-column.yt-live-chat-legacy-paid-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + } + + #event-text.yt-live-chat-legacy-paid-message-renderer { + color: rgba(255, 255, 255, 0.7); + font-weight: 500; + } + + yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #event-text.yt-live-chat-legacy-paid-message-renderer { + display: inline; + height: 24px; + min-width: 16px; + border-radius: 12px; + margin-right: 8px; + padding: 0 12px; + background-color: var(--yt-live-chat-sponsor-color); + color: var(--yt-white); + display: var(--layout-inline_-_display, inline); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + } + + #detail-text.yt-live-chat-legacy-paid-message-renderer { + font-size: 15px; + word-wrap: break-word; + word-break: break-word; + } + + #detail-text.yt-live-chat-legacy-paid-message-renderer .emoji.yt-live-chat-legacy-paid-message-renderer { + width: var(--yt-live-chat-emoji-size); + height: var(--yt-live-chat-emoji-size); + margin: -1px 2px 1px; + vertical-align: middle; + } + + yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #detail-text.yt-live-chat-legacy-paid-message-renderer { + display: none; + } + + a.yt-live-chat-legacy-paid-message-renderer { + display: inline; + text-decoration: underline; + } + + #detail-text.yt-live-chat-legacy-paid-message-renderer a.yt-live-chat-legacy-paid-message-renderer { + word-break: break-all; + } + + #detail-text.yt-live-chat-legacy-paid-message-renderer a.yt-live-chat-legacy-paid-message-renderer .mention.yt-live-chat-legacy-paid-message-renderer { + text-decoration: underline; + } + + #menu.yt-live-chat-legacy-paid-message-renderer { + background: linear-gradient(to right, transparent, var(--yt-live-chat-sponsor-color) 100%); + border-radius: 0 4px 4px 0; + } + + yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #menu.yt-live-chat-legacy-paid-message-renderer { + margin-top: 8px; + background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); + } + + #timestamp.yt-live-chat-legacy-paid-message-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-legacy-paid-message-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-legacy-paid-message-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-legacy-paid-message-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-legacy-paid-message-renderer:hover #menu.yt-live-chat-legacy-paid-message-renderer,yt-live-chat-legacy-paid-message-renderer[menu-visible] #menu.yt-live-chat-legacy-paid-message-renderer { + transform: none; + } + + yt-live-chat-legacy-paid-message-renderer:focus-within #menu.yt-live-chat-legacy-paid-message-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { + display: none; + } + + yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-legacy-paid-message-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer,#additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer:not(:first-child) { + margin-left: 8px; + } + + yt-live-chat-message-subtext-renderer { + display: block; + } + + yt-live-chat-message-renderer { + display: block; + color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); + background: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); + display: var(--layout-vertical_-_display, block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + --yt-paper-button-width: 100%; + } + + #subtext.yt-live-chat-message-renderer { + color: var(--yt-live-chat-secondary-text-color, var(--yt-luna-black-opacity-lighten-2)); + margin-bottom: 12px; + } + + #text.yt-live-chat-message-renderer,#subtext.yt-live-chat-message-renderer { + text-align: var(--yt-live-chat-message-renderer-text-align, inherit); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + #text.yt-live-chat-message-renderer:empty,#subtext.yt-live-chat-message-renderer:empty,#button.yt-live-chat-message-renderer:empty { + display: none; + } + + yt-live-chat-message-renderer[subtext-on-bottom] #subtext.yt-live-chat-message-renderer { + order: 1; + margin-bottom: 0; + margin-top: 12px; + } + + #button.yt-live-chat-message-renderer { + width: 100%; + } + + #button.yt-live-chat-message-renderer .style-default.yt-live-chat-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #button.yt-live-chat-message-renderer > *.yt-live-chat-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-live-chat-mode-change-message-renderer { + display: block; + margin: 8px 0; + padding: 0 24px; + color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); + font-size: 13px; + } + + #contents.yt-live-chat-mode-change-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + padding: 16px 30px; + border-radius: 4px; + background: var(--yt-live-chat-mode-change-background-color, var(--yt-opalescence-soft-grey)); + } + + #text-container.yt-live-chat-mode-change-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-icon.yt-live-chat-mode-change-message-renderer { + width: 40px; + height: 40px; + margin-bottom: 8px; + } + + #text.yt-live-chat-mode-change-message-renderer { + font-weight: 500; + } + + #subtext.yt-live-chat-mode-change-message-renderer { + margin-top: 4px; + color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); + font-style: italic; + } + + #buttons.yt-live-chat-mode-change-message-renderer { + margin-top: 16px; + min-height: 32px; + } + + #buttons.yt-live-chat-mode-change-message-renderer:empty { + display: none; + } + + yt-live-chat-moderation-message-renderer { + display: block; + position: relative; + padding: 8px 24px; + font-size: 13px; + color: var(--yt-live-chat-deleted-message-color); + } + + yt-live-chat-moderation-message-renderer::before { + content: ""; + position: absolute; + display: block; + left: 8px; + top: 4px; + bottom: 4px; + width: 4px; + box-sizing: border-box; + border-radius: 2px; + background: var(--yt-live-chat-deleted-message-bar-color); + } + + #message.yt-live-chat-moderation-message-renderer { + line-height: 16px; + word-wrap: break-word; + } + + #timestamp.yt-live-chat-moderation-message-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-moderation-message-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-moderation-message-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-moderation-message-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-moderation-message-renderer:hover #menu.yt-live-chat-moderation-message-renderer,yt-live-chat-moderation-message-renderer[menu-visible] #menu.yt-live-chat-moderation-message-renderer { + transform: none; + } + + yt-live-chat-moderation-message-renderer:focus-within #menu.yt-live-chat-moderation-message-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-moderation-message-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-moderation-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-moderation-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-moderation-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-moderation-message-renderer { + display: none; + } + + yt-live-chat-moderation-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-moderation-message-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer,#additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer:not(:first-child) { + margin-left: 8px; + } + + yt-live-chat-server-error-message { + display: var(--yt-live-chat-server-error-message-display, block); + position: relative; + padding: 4px 24px; + } + + span#timestamp.yt-live-chat-server-error-message { + font-size: 10px; + } + + #message.yt-live-chat-server-error-message { + color: var(--yt-live-chat-deleted-message-color, rgba(0, 0, 0, 0.5)); + font-size: 12px; + font-style: italic; + line-height: 16px; + word-wrap: break-word; + } + + yt-live-chat-server-error-message::before { + content: ""; + position: absolute; + display: block; + left: 8px; + top: 4px; + bottom: 4px; + width: 1px; + box-sizing: border-box; + border-radius: 2px; + border: 2px solid var(--yt-live-chat-error-message-color); + } + + yt-live-chat-server-error-message.reconnect::before { + border: 2px solid var(--yt-live-chat-reconnect-message-color); + } + + #timestamp.yt-live-chat-server-error-message { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-server-error-message { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-server-error-message { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-server-error-message { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-server-error-message:hover #menu.yt-live-chat-server-error-message,yt-live-chat-server-error-message[menu-visible] #menu.yt-live-chat-server-error-message { + transform: none; + } + + yt-live-chat-server-error-message:focus-within #menu.yt-live-chat-server-error-message { + transform: none; + } + + #inline-action-button-container.yt-live-chat-server-error-message { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-server-error-message[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-server-error-message { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-server-error-message[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-server-error-message { + display: none; + } + + yt-live-chat-server-error-message[has-inline-action-buttons]:hover #menu.yt-live-chat-server-error-message { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message,#additional-inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-server-error-message:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message:not(:first-child),#additional-inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message:not(:first-child) { + margin-left: 8px; + } + + yt-live-chat-toast-renderer { + position: absolute; + box-sizing: border-box; + right: 0; + bottom: 0; + left: 0; + padding: 16px; + transition-duration: 0.2s; + transform: translateY(100%); + border-radius: 2px; + font-size: 14px; + color: var(--yt-live-chat-toast-text-color); + word-break: break-word; + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + yt-live-chat-toast-renderer[is-showing-message] { + background-color: var(--yt-live-chat-toast-background-color); + transform: translateY(0); + } + + yt-live-chat-toast-renderer:not([is-message-visible]) { + height: 0; + padding: 0; + } + + #button.yt-live-chat-toast-renderer { + height: 36px; + } + + #button.yt-live-chat-toast-renderer > *.yt-live-chat-toast-renderer { + color: var(--yt-live-chat-toast-action-color); + margin-left: 8px; + } + + yt-live-chat-viewer-engagement-message-renderer { + display: block; + padding: 4px 24px; + font-size: 12px; + line-height: 16px; + overflow: hidden; + --yt-endpoint-color: #2196F3; + --yt-endpoint-visited-color: #2196F3; + --yt-endpoint-hover-color: var(--yt-live-chat-primary-text-color); + } + + #card.yt-live-chat-viewer-engagement-message-renderer { + position: relative; + background-color: var(--yt-live-chat-vem-background-color); + border-radius: 4px; + padding: 12px 16px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #icon.yt-live-chat-viewer-engagement-message-renderer { + color: var(--yt-spec-static-brand-red); + margin-right: 16px; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #content.yt-live-chat-viewer-engagement-message-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + #message.yt-live-chat-viewer-engagement-message-renderer { + color: var(--yt-live-chat-primary-text-color); + overflow-wrap: break-word; + word-break: break-word; + word-wrap: break-word; + } + + #action-button.yt-live-chat-viewer-engagement-message-renderer:not(:empty) { + margin: 2px 0 -4px -16px; + } + + #menu.yt-live-chat-viewer-engagement-message-renderer { + color: var(--yt-live-chat-secondary-text-color); + background: linear-gradient(to right, transparent 0%, var(--yt-live-chat-background-color, var(--yt-white)) 100%); + } + + #timestamp.yt-live-chat-viewer-engagement-message-renderer { + display: var(--yt-live-chat-item-timestamp-display, inline); + margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); + color: var(--yt-live-chat-tertiary-text-color); + font-size: 11px; + } + + #author-photo.yt-live-chat-viewer-engagement-message-renderer { + display: block; + margin-right: 16px; + + overflow: hidden; + border-radius: 50%; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #menu-button.yt-live-chat-viewer-engagement-message-renderer { + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + #menu.yt-live-chat-viewer-engagement-message-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + + transform: translateX(100px); + } + + yt-live-chat-viewer-engagement-message-renderer:hover #menu.yt-live-chat-viewer-engagement-message-renderer,yt-live-chat-viewer-engagement-message-renderer[menu-visible] #menu.yt-live-chat-viewer-engagement-message-renderer { + transform: none; + } + + yt-live-chat-viewer-engagement-message-renderer:focus-within #menu.yt-live-chat-viewer-engagement-message-renderer { + transform: none; + } + + #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: 0; + + background-color: var(--yt-live-chat-moderation-mode-hover-background-color); + display: none; + + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + + + display: var(--yt-live-chat-inline-action-button-container-display, none); + } + + yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { + display: none; + } + + yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-viewer-engagement-message-renderer { + display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); + } + + #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer,#additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer { + --yt-button-icon-size: 36px; + --yt-button-icon-padding: 6px; + + color: var(--yt-white); + border-radius: 2px; + } + + #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer { + background: var(--yt-luna-black-opacity-lighten-1); + } + + #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer:hover { + background: var(--yt-luna-black); + } + + #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer { + color: var(--yt-live-chat-additional-inline-action-button-color); + background: var(--yt-live-chat-additional-inline-action-button-background-color); + } + + #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer:hover { + background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); + } + + #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer:not(:empty) { + margin-left: 32px; + } + + #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer:not(:first-child) { + margin-left: 8px; + } + + ytd-live-chat-purchased-product-message-renderer { + background: var(--yt-spec-general-background-a); + display: inline-block; + padding: 4px 24px; + width: calc(100% - 48px); + } + + #container.ytd-live-chat-purchased-product-message-renderer { + background: var(--yt-spec-general-background-b); + border-radius: 2px; + overflow: hidden; + position: relative; + } + + #product-container.ytd-live-chat-purchased-product-message-renderer { + padding: 8px 8px 8px 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #purchased-message.ytd-live-chat-purchased-product-message-renderer { + color: var(--yt-spec-text-primary); + padding-bottom: 3px; + font-size: 14px; + font-weight: 400; + } + + #product-image.ytd-live-chat-purchased-product-message-renderer { + padding-right: 18px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #product-info.ytd-live-chat-purchased-product-message-renderer { + min-width: 0; + padding-right: 20px; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #product-title-container.ytd-live-chat-purchased-product-message-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #product-title.ytd-live-chat-purchased-product-message-renderer { + color: var(--yt-spec-call-to-action); + min-width: 0; + overflow: hidden; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 13px; + font-weight: 500; + } + + #product-title.ytd-live-chat-purchased-product-message-renderer[show-icon] { + padding-right: 20px; + } + + #product-title.ytd-live-chat-purchased-product-message-renderer yt-icon.ytd-live-chat-purchased-product-message-renderer { + color: inherit; + flex-shrink: 0; + height: 15px; + padding-left: 4px; + position: absolute; + right: 0; + width: 15px; + } + + #information-icon.ytd-live-chat-purchased-product-message-renderer { + display: block; + opacity: 0.9; + position: absolute; + right: 10px; + top: 10px; + } + + #information-icon.ytd-live-chat-purchased-product-message-renderer:hover { + opacity: 1; + } + + #info-button.ytd-live-chat-purchased-product-message-renderer { + color: var(--yt-spec-icon-active-other); + --yt-icon-button-icon-height: 15px; + --yt-icon-button-icon-width: 15px; + --yt-button-icon-padding: 0px; + --yt-button-icon-size: 15px; + } + + yt-img-shadow.ytd-live-chat-purchased-product-message-renderer { + border: 2px solid var(--yt-spec-brand-background-solid); + height: 36px; + width: 36px; + } + + yt-live-chat-item-list-renderer { + position: relative; + display: block; + overflow: hidden; + z-index: 0; + } + + yt-live-chat-item-list-renderer[moderation-mode-enabled] { + --yt-live-chat-item-with-inline-actions-context-menu-display: none; + --yt-live-chat-inline-action-button-container-display: flex; + } + + #contents.yt-live-chat-item-list-renderer { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #empty-state-message.yt-live-chat-item-list-renderer { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #empty-state-message.yt-live-chat-item-list-renderer > yt-live-chat-message-renderer.yt-live-chat-item-list-renderer { + color: var(--yt-live-chat-tertiary-text-color); + background: transparent; + font-size: 18px; + --yt-live-chat-message-renderer-text-align: center; + } + + yt-icon-button.yt-live-chat-item-list-renderer { + background-color: #2196f3; + border-radius: 999px; + bottom: 0; + color: #fff; + cursor: pointer; + width: 32px; + height: 32px; + + margin: 0 calc(50% - 16px) 8px calc(50% - 16px); + padding: 4px; + position: absolute; + transition-property: bottom; + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + transition-duration: 0.15s; + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + yt-icon-button.yt-live-chat-item-list-renderer[disabled] { + bottom: -42px; + color: #fff; + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + } + + #item-scroller.yt-live-chat-item-list-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + overflow-x: hidden; + overflow-y: hidden; + padding-right: var(--scrollbar-width); + overflow-anchor: none; + } + + yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer { + overflow-y: scroll; + padding-right: 0; + } + + #item-offset.yt-live-chat-item-list-renderer { + position: relative; + } + + #item-scroller.animated.yt-live-chat-item-list-renderer #item-offset.yt-live-chat-item-list-renderer { + overflow: hidden; + } + + #items.yt-live-chat-item-list-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + padding: var(--yt-live-chat-item-list-renderer-padding, 4px 0); + } + + #items.yt-live-chat-item-list-renderer > *.yt-live-chat-item-list-renderer:not(:first-child) { + border-top: var(--yt-live-chat-item-list-item-border, none); + } + + #item-scroller.animated.yt-live-chat-item-list-renderer #items.yt-live-chat-item-list-renderer { + bottom: 0; + left: 0; + position: absolute; + right: 0; + transform: translateY(0); + } + + #docked-messages.yt-live-chat-item-list-renderer { + z-index: 1; + position: absolute; + left: 0; + right: 0; + top: 0; + } + + yt-live-chat-paid-sticker-renderer.yt-live-chat-item-list-renderer { + padding: 4px 24px; + } + + yt-live-chat-paid-sticker-renderer.yt-live-chat-item-list-renderer[dashboard-money-feed] { + padding: 8px 16px; + } + + yt-live-chat-banner-manager.yt-live-chat-item-list-renderer { + z-index: 1; + position: absolute; + left: 0; + right: var(--scrollbar-width); + top: 0; + padding: 8px; + } + + yt-live-chat-poll-editor-input { + display: block; + --yt-live-chat-text-input-field-active-underline-color: none; + --yt-live-chat-text-input-field-inactive-underline-color: none; + color: var(--yt-live-chat-poll-primary-text-color); + } + + #input-container.yt-live-chat-poll-editor-input { + position: relative; + padding: 8px 16px; + border: 1px solid var(--yt-live-chat-poll-tertiary-text-color); + border-radius: var(--yt-live-chat-poll-choice-border-radius); + overflow: hidden; + } + + #input-container.yt-live-chat-poll-editor-input:focus-within { + border: 1px solid var(--yt-live-chat-poll-primary-text-color); + } + + #input.yt-live-chat-poll-editor-input { + font-size: 14px; + margin-right: 24px; + --yt-live-chat-text-input-field-placeholder-top: auto; + --yt-live-chat-text-input-field-placeholder-left: auto; + --yt-live-chat-text-input-field-placeholder-color: + var(--yt-live-chat-poll-tertiary-text-color); + --yt-live-chat-text-input-field-white-space: nowrap; + } + + yt-live-chat-poll-editor-input[has-prefilled-text] #input.yt-live-chat-poll-editor-input { + --yt-live-chat-text-input-field-placeholder-color: + var(--yt-live-chat-poll-secondary-text-color); + } + + #close-button.yt-live-chat-poll-editor-input,#char-count.yt-live-chat-poll-editor-input { + position: absolute; + right: 16px; + top: 50%; + } + + yt-live-chat-poll-editor-input[over-character-limit] #char-count.yt-live-chat-poll-editor-input,#close-button.yt-live-chat-poll-editor-input { + color: var(--yt-live-chat-poll-secondary-text-color); + } + + yt-live-chat-poll-editor-input:not([is-removable]) #close-button.yt-live-chat-poll-editor-input,#char-count.yt-live-chat-poll-editor-input { + visibility: hidden; + } + + #char-count.yt-live-chat-poll-editor-input { + transform: translateY(-50%); + color: var(--yt-live-chat-poll-primary-text-color); + } + + yt-live-chat-poll-editor-input:focus-within #content-right.yt-live-chat-poll-editor-input:not(:focus-within) #char-count.yt-live-chat-poll-editor-input { + display: inline; + visibility: visible; + } + + #close-button.yt-live-chat-poll-editor-input { + display: inline-block; + transform: translate(100px, -50%); + } + + yt-live-chat-poll-editor-input[is-removable] #close-button.yt-live-chat-poll-editor-input:focus-within,yt-live-chat-poll-editor-input[is-removable]:not(:focus-within):hover #close-button.yt-live-chat-poll-editor-input { + transform: translate(0, -50%); + } + + #error-message.yt-live-chat-poll-editor-input { + display: none; + } + + yt-live-chat-poll-editor-input[show-error-message] #error-message.yt-live-chat-poll-editor-input { + display: block; + font-size: 12px; + line-height: 14px; + padding-top: 4px; + color: var(--yt-live-chat-poll-secondary-text-color); + } + + yt-live-chat-poll-editor-panel-renderer { + display: block; + background-color: var(--yt-live-chat-action-panel-background-color); + padding: 4px 0; + } + + .background.yt-live-chat-poll-editor-panel-renderer { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + #panel-header.yt-live-chat-poll-editor-panel-renderer,#poll-editor-header.yt-live-chat-poll-editor-panel-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + padding-left: 13px; + } + + #panel-header.yt-live-chat-poll-editor-panel-renderer { + color: var(--yt-spec-text-secondary); + border-bottom: 1px solid var(--yt-live-chat-poll-editor-panel-header-border-color); + } + + #poll-editor-header.yt-live-chat-poll-editor-panel-renderer { + color: var(--yt-live-chat-poll-secondary-text-color); + font-size: 12px; + padding: 6px; + } + + #poll-editor-header.yt-live-chat-poll-editor-panel-renderer yt-icon.yt-live-chat-poll-editor-panel-renderer { + width: 16px; + height: 16px; + } + + #panel-title.yt-live-chat-poll-editor-panel-renderer,#poll-editor-title.yt-live-chat-poll-editor-panel-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + font-size: 13px; + margin-left: 8px; + } + + #panel-contents.yt-live-chat-poll-editor-panel-renderer { + padding: 4px 13px; + } + + #poll-editor.yt-live-chat-poll-editor-panel-renderer,#poll-editor-header.yt-live-chat-poll-editor-panel-renderer,#poll-options.yt-live-chat-poll-editor-panel-renderer,#poll-question-count.yt-live-chat-poll-editor-panel-renderer,#poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer { + position: relative; + } + + #poll-editor.yt-live-chat-poll-editor-panel-renderer { + overflow: hidden; + padding: 4px 8px; + margin: 8px 0; + border-radius: 4px; + color: var(--yt-live-chat-poll-primary-text-color); + } + + yt-live-chat-text-input-field-renderer.yt-live-chat-poll-editor-panel-renderer { + padding: 8px 8px 4px; + font-size: 14px; + --yt-live-chat-text-input-field-placeholder-top: auto; + --yt-live-chat-text-input-field-placeholder-left: auto; + --yt-live-chat-text-input-field-placeholder-color: + var(--yt-live-chat-poll-tertiary-text-color); + } + + #poll-question.yt-live-chat-poll-editor-panel-renderer { + --yt-live-chat-text-input-field-active-underline-color: + var(--yt-live-chat-poll-primary-text-color); + --yt-live-chat-text-input-field-inactive-underline-color: + var(--yt-live-chat-poll-tertiary-text-color); + } + + yt-live-chat-poll-editor-panel-renderer[over-question-character-limit] #poll-question.yt-live-chat-poll-editor-panel-renderer { + --yt-live-chat-text-input-field-active-underline-color: + var(--yt-live-chat-poll-tertiary-text-color); + } + + yt-live-chat-poll-editor-panel-renderer[over-question-character-limit] #poll-question-count.yt-live-chat-poll-editor-panel-renderer { + color: var(--yt-live-chat-poll-tertiary-text-color); + } + + #poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + padding-bottom: 4px; + } + + #poll-question-error-message.yt-live-chat-poll-editor-panel-renderer { + display: none; + padding-left: 8px; + font-size: 12px; + line-height: 14px; + color: var(--yt-live-chat-poll-secondary-text-color); + } + + yt-live-chat-poll-editor-panel-renderer[show-question-error-message] #poll-question-error-message.yt-live-chat-poll-editor-panel-renderer { + display: unset; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #poll-question-count.yt-live-chat-poll-editor-panel-renderer { + display: none; + text-align: end; + margin-right: 8px; + font-size: 12px; + line-height: 14px; + } + + yt-live-chat-poll-editor-panel-renderer[show-question-error-message] #poll-question-count.yt-live-chat-poll-editor-panel-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #poll-question.yt-live-chat-poll-editor-panel-renderer:focus-within + #poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer > #poll-question-count.yt-live-chat-poll-editor-panel-renderer { + display: block; + } + + #poll-options.yt-live-chat-poll-editor-panel-renderer { + padding: 8px; + } + + yt-live-chat-poll-editor-panel-renderer[has-max-num-poll-options] #poll-options.yt-live-chat-poll-editor-panel-renderer { + padding-bottom: 18px; + } + + yt-live-chat-poll-editor-input.yt-live-chat-poll-editor-panel-renderer { + margin-top: 8px; + } + + #add-option-button.yt-live-chat-poll-editor-panel-renderer { + display: var(--layout_-_display); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + #poll-editor.yt-live-chat-poll-editor-panel-renderer,#add-option-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer { + color: var(--yt-live-chat-poll-primary-text-color); + } + + #close-button.yt-live-chat-poll-editor-panel-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #start-button.yt-live-chat-poll-editor-panel-renderer { + padding: 4px 0; + } + + #start-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + background-color: var(--yt-live-chat-poll-editor-start-button-background-color); + color: var(--yt-live-chat-poll-editor-start-button-color); + } + + #start-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer[disabled] { + background-color: var(--yt-live-chat-poll-editor-start-button-background-color-disabled); + color: var(--yt-live-chat-poll-primary-text-color); + } + + #poll-option.yt-live-chat-poll-editor-panel-renderer { + position: relative; + } + + #remove-option-button.yt-live-chat-poll-editor-panel-renderer { + display: none; + color: var(--yt-live-chat-poll-secondary-text-color); + position: absolute; + right: 16px; + top: 50%; + transform: translateY(-50%); + } + + #poll-option.yt-live-chat-poll-editor-panel-renderer:not(:focus-within):hover #remove-option-button.yt-live-chat-poll-editor-panel-renderer[is-removable] { + display: inline-block; + } + + #spinner-container.yt-live-chat-poll-editor-panel-renderer { + background-color: var(--yt-live-chat-action-panel-background-color); + display: var(--layout_-_display); + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + #poll-question-count-alt-label.yt-live-chat-poll-editor-panel-renderer { + position: absolute; + left: -1000px; + width: 1px; + height: 1px; + overflow: hidden; + } + + yt-live-chat-product-button-renderer:focus { + outline: none; + } + + paper-item.yt-live-chat-product-button-renderer { + margin: 0; + padding: 12px 16px 12px 24px; + text-transform: none; + } + + #endpoint.yt-live-chat-product-button-renderer:hover { + background-color: var(--yt-live-chat-product-picker-hover-color); + } + + #endpoint.yt-live-chat-product-button-renderer { + display: block; + } + + #container.yt-live-chat-product-button-renderer { + min-height: 32px; + } + + #text.yt-live-chat-product-button-renderer { + font-size: 16px; + line-height: 24px; + color: var(--yt-live-chat-primary-text-color); + ; + } + + #subtext.yt-live-chat-product-button-renderer { + font-size: 12px; + line-height: 16px; + color: var(--yt-live-chat-secondary-text-color); + } + + yt-live-chat-product-button-renderer[disabled] a.yt-live-chat-product-button-renderer { + cursor: unset; + } + + yt-live-chat-product-button-renderer[disabled] #text.yt-live-chat-product-button-renderer,yt-live-chat-product-button-renderer[disabled] #subtext.yt-live-chat-product-button-renderer { + color: var(--yt-live-chat-tertiary-text-color); + } + + #icon.yt-live-chat-product-button-renderer { + padding-right: 32px; + color: var(--yt-live-chat-product-picker-icon-color); + } + + yt-live-chat-product-button-renderer[disabled] #icon.yt-live-chat-product-button-renderer { + color: var(--yt-live-chat-product-picker-disabled-icon-color); + } + + yt-live-chat-product-picker-renderer { + margin: 8px -8px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-live-chat-product-picker-renderer:focus { + outline: none; + } + + #title.yt-live-chat-product-picker-renderer { + color: var(--yt-live-chat-secondary-text-color); + font-family: "Roboto"; + font-size: 14px; + font-weight: 500; + padding: 12px 24px 20px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + yt-live-chat-text-actions-error-message-renderer { + color: var(--yt-live-chat-error-message-color, #f44336); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-icon-button.yt-live-chat-text-actions-error-message-renderer { + margin-right: 8px; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); + } + + error-text.yt-live-chat-text-actions-error-message-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + button.yt-live-chat-text-actions-error-message-renderer { + text-decoration: underline; + padding: 0; + border: none; + background-color: transparent; + cursor: pointer; + color: currentColor; + font-size: 100%; + } + + yt-live-chat-message-input-renderer { + display: block; + padding: 16px; + color: var(--yt-live-chat-primary-text-color); + background: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); + font-size: 13px; + position: relative; + --yt-emoji-picker-renderer-content_-_margin: 0 24px;; + --yt-emoji-picker-category-margin-left: 24px; + } + + #avatar.yt-live-chat-message-input-renderer { + margin-right: 16px; + overflow: hidden; + border-radius: 50%; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #top.yt-live-chat-message-input-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); + } + + #top.yt-live-chat-message-input-renderer,#pickers.yt-live-chat-message-input-renderer,#error-message.yt-live-chat-message-input-renderer { + margin: 0px 8px; + } + + yt-live-chat-message-input-renderer[product-picker-open] { + padding: 0; + overflow-y: hidden; + } + + yt-live-chat-message-input-renderer[poll-editor-picker-open] { + padding-top: 0; + padding-bottom: 0; + } + + yt-live-chat-message-input-renderer[creator-open] #top.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[creator-open] #buttons.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[product-picker-open] #top.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[product-picker-open] #buttons.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[poll-editor-picker-open] #top.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[poll-editor-picker-open] #buttons.yt-live-chat-message-input-renderer { + display: none; + } + + #input-container.yt-live-chat-message-input-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + min-width: 0; + } + + #input.yt-live-chat-message-input-renderer { + margin-top: 4px; + } + + yt-live-chat-message-renderer.yt-live-chat-message-input-renderer { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + opacity: 0; + transition: opacity 0.125s linear; + padding: 16px 24px; + } + + yt-live-chat-message-input-renderer:hover yt-live-chat-message-renderer.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer:focus yt-live-chat-message-renderer.yt-live-chat-message-input-renderer { + opacity: 1; + } + + yt-live-chat-message-input-renderer[has-interaction-message]:hover #container.yt-live-chat-message-input-renderer { + opacity: 0; + } + + #buttons.yt-live-chat-message-input-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + margin: 4px 0 -8px; + } + + #message-buttons.yt-live-chat-message-input-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #count.yt-live-chat-message-input-renderer { + margin-right: 8px; + color: var(--yt-live-chat-secondary-text-color, var(--yt-luna-black-opacity-lighten-2)); + } + + #count.early-warning.yt-live-chat-message-input-renderer { + color: var(--yt-live-chat-count-color-early-warning, #fdd835); + } + + #count.warning.yt-live-chat-message-input-renderer { + color: var(--yt-live-chat-count-color-warning, #ff9800); + } + + #count.error.yt-live-chat-message-input-renderer { + color: var(--yt-live-chat-count-color-error, var(--yt-spec-brand-link-text)); + } + + #send-button.yt-live-chat-message-input-renderer { + transition: transform 0.5s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); + } + + #send-button.yt-live-chat-message-input-renderer > *.yt-live-chat-message-input-renderer { + color: var(--yt-live-chat-enabled-send-button-color); + } + + #send-button.yt-live-chat-message-input-renderer > .yt-live-chat-message-input-renderer[disabled] { + color: var(--yt-live-chat-disabled-icon-button-color); + } + + #send-button.yt-live-chat-message-input-renderer[countdown-active] { + transform: scale(0.55); + transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); + } + + #countdown.yt-live-chat-message-input-renderer { + position: relative; + left: -33px; + width: 24px; + height: 24px; + margin-right: -24px; + opacity: 0; + transition: opacity 1s; + pointer-events: none; + } + + #countdown.yt-live-chat-message-input-renderer[countdown-active] { + opacity: var(--yt-live-chat-countdown-opacity, 0.3); + transition: opacity 2s; + } + + circle.yt-live-chat-message-input-renderer { + fill: none; + stroke-linecap: square; + stroke-width: 2; + stroke: currentColor; + } + + #countdown-background.yt-live-chat-message-input-renderer { + opacity: 0.3; + } + + #countdown-line.yt-live-chat-message-input-renderer { + stroke-dasharray: 62.8318; + transform: translate(0, 24px) rotateZ(-90deg); + } + + yt-emoji-picker-renderer.yt-live-chat-message-input-renderer { + min-height: 130px; + max-height: 220px; + margin: 16px -24px 0; + } + + yt-live-chat-poll-editor-panel-renderer.yt-live-chat-message-input-renderer { + margin: 0 -24px; + } + + #error-message.yt-live-chat-message-input-renderer { + margin: 16px 0 4px; + } + + #error-message.yt-live-chat-message-input-renderer:empty { + display: none; + } + + #picker-buttons.yt-live-chat-message-input-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #picker-buttons.yt-live-chat-message-input-renderer > *.yt-live-chat-message-input-renderer { + color: var(--yt-live-chat-picker-button-color); + } + + #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer:hover { + color: var(--yt-live-chat-picker-button-hover-color); + } + + #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer[active] { + color: var(--yt-live-chat-picker-button-active-color); + } + + #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer[disabled] { + color: var(--yt-live-chat-picker-button-disabled-color); + } + + yt-live-chat-ninja-message-renderer { + background: var(--yt-spec-general-background-a); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + svg.yt-live-chat-ninja-message-renderer { + width: 300px; + height: 190px; + } + + #button.yt-live-chat-ninja-message-renderer { + margin-top: 12px; + } + + yt-formatted-string.yt-live-chat-ninja-message-renderer { + padding: 0 15px; + text-align: center; + } + + #container.yt-live-chat-participant-renderer { + padding: 4px 0; + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + yt-img-shadow.yt-live-chat-participant-renderer { + margin: 0 16px 0 24px; + overflow: hidden; + border-radius: 50%; + } + + yt-img-shadow.yt-live-chat-participant-renderer:not([loaded]).yt-live-chat-participant-renderer { + background-color: #444; + } + + yt-live-chat-participant-list-renderer { + color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); + z-index: 0; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #header.yt-live-chat-participant-list-renderer { + padding: 8px; + height: 48px; + box-sizing: border-box; + background-color: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); + font-size: var(--yt-live-chat-header-font-size, 18px); + line-height: 24px; + box-shadow: var(--yt-live-chat-header-box-shadow); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + ; + z-index: 1; + } + + #header.yt-live-chat-participant-list-renderer:focus { + outline: none; + } + + #back-button.yt-live-chat-participant-list-renderer { + margin: 0 8px; + } + + #back-button.yt-live-chat-participant-list-renderer > *.yt-live-chat-participant-list-renderer { + --yt-button-color: var(--yt-live-chat-primary-text-color, var(--yt-luna-black-opacity-lighten-3)); + } + + #participants.yt-live-chat-participant-list-renderer { + overflow-y: auto; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + padding: 4px 0; + } + + yt-live-chat-pinned-message-renderer { + display: block; + padding-top: 4px; + z-index: 2; + --yt-pdg-paid-stickers-author-name-font-size: 14px; + --yt-pdg-paid-stickers-author-subtext-font-size: 15px; + --yt-pdg-paid-stickers-margin-left: 56px; + --yt-live-chat-item-timestamp-display: none; + } + + #fade.yt-live-chat-pinned-message-renderer { + background-color: var(--yt-live-chat-overlay-color); + bottom: -100vh; + left: 0; + position: absolute; + right: 0; + top: 0; + } + + #message.yt-live-chat-pinned-message-renderer { + left: 0; + margin-right: var(--scrollbar-width); + position: absolute; + right: 0; + } + + yt-live-chat-paid-sticker-renderer.yt-live-chat-pinned-message-renderer { + margin: 4px 24px; + border-radius: 4px; + min-height: 40px; + background-color: var(--yt-dialog-background); + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + yt-live-chat-restricted-participation-renderer { + display: block; + box-sizing: border-box; + } + + #container.yt-live-chat-restricted-participation-renderer { + padding: 0 16px 0 24px; + background: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); + color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); + font-size: 14px; + } + + #explanation.yt-live-chat-restricted-participation-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + min-height: 48px; + } + + #icon.yt-live-chat-restricted-participation-renderer { + width: 24px; + height: 24px; + margin-right: 16px; + color: var(--yt-spec-icon-disabled, var(--yt-live-chat-disabled-icon-button-color)); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #body.yt-live-chat-restricted-participation-renderer { + padding: 11px 0 10px; + -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); + } + + #message.yt-live-chat-restricted-participation-renderer { + display: inline; + } + + #picker-buttons.yt-live-chat-restricted-participation-renderer > *.yt-live-chat-restricted-participation-renderer { + color: var(--yt-spec-icon-inactive, var(--yt-live-chat-icon-button-color)); + } + + #message-button.yt-live-chat-restricted-participation-renderer { + padding-top: 3px; + display: inline; + --yt-paper-button-min-width: 0; + --yt-button-padding: 0 0; + --yt-paper-button-font-size: 14px; + } + + #message-button.yt-live-chat-restricted-participation-renderer:not(:empty)::before { + display: inline; + padding: 0 5px; + content: "·"; + font-weight: 500; + } + + yt-live-chat-restricted-participation-renderer[creator-open] #explanation.yt-live-chat-restricted-participation-renderer,yt-live-chat-restricted-participation-renderer[product-picker-open] #explanation.yt-live-chat-restricted-participation-renderer { + display: none; + } + + yt-live-chat-restricted-participation-renderer[creator-open] #container.yt-live-chat-restricted-participation-renderer { + padding: 8px 16px 8px 24px; + } + + yt-live-chat-restricted-participation-renderer[product-picker-open] #container.yt-live-chat-restricted-participation-renderer { + padding: 8px 16px; + margin: 0 -8px; + } + + #picker-buttons.yt-live-chat-restricted-participation-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #picker-buttons.yt-live-chat-restricted-participation-renderer > *.yt-live-chat-restricted-participation-renderer { + color: var(--yt-live-chat-picker-button-color); + } + + #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer:hover { + color: var(--yt-live-chat-picker-button-hover-color); + } + + #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer[active] { + color: var(--yt-live-chat-picker-button-active-color); + } + + #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer[disabled] { + color: var(--yt-live-chat-picker-button-disabled-color); + } + + yt-live-chat-ticker-sponsor-item-renderer { + display: inline-block; + font-size: 14px; + outline: none; + transition: width 0.2s; + vertical-align: top; + cursor: pointer; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + } + + #container.yt-live-chat-ticker-sponsor-item-renderer { + border-radius: 999px; + padding: 4px; + } + + yt-live-chat-ticker-sponsor-item-renderer.sliding-down #container.yt-live-chat-ticker-sponsor-item-renderer { + opacity: 0.5; + transform: translateY(44px); + transition: opacity 0.2s, transform 0.2s cubic-bezier(0.4, 0.0, 1, 1); + } + + yt-live-chat-ticker-sponsor-item-renderer.collapsing { + margin-right: 0; + transition: margin-right 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0.0, 0.2, 1); + } + + yt-live-chat-ticker-sponsor-item-renderer[dimmed] { + opacity: 0.5; + } + + yt-img-shadow.yt-live-chat-ticker-sponsor-item-renderer { + margin-right: -4px; + + overflow: hidden; + border-radius: 50%; + } + + #content.yt-live-chat-ticker-sponsor-item-renderer { + height: 24px; + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #text.yt-live-chat-ticker-sponsor-item-renderer { + margin: 0 8px; + font-weight: 500; + } + + yt-live-chat-ticker-sponsor-item-renderer[is-deleted] #author-photo.yt-live-chat-ticker-sponsor-item-renderer { + display: none; + } + + yt-live-chat-ticker-renderer { + display: block; + background-color: var(--yt-live-chat-header-background-color); + } + + #container.yt-live-chat-ticker-renderer { + position: var(--layout-relative_-_position); + } + + #items.yt-live-chat-ticker-renderer { + height: 32px; + overflow: hidden; + white-space: nowrap; + padding: 0 24px 8px; + } + + #items.yt-live-chat-ticker-renderer > *.yt-live-chat-ticker-renderer { + margin-right: 8px; + } + + #left-arrow-container.yt-live-chat-ticker-renderer { + background: linear-gradient(to right, var(--yt-live-chat-ticker-arrow-background) 0, var(--yt-live-chat-ticker-arrow-background) 52px, transparent 60px); + + left: 0; + + padding: 0 16px 0 12px; + } + + #right-arrow-container.yt-live-chat-ticker-renderer { + background: linear-gradient(to left, var(--yt-live-chat-ticker-arrow-background) 0, var(--yt-live-chat-ticker-arrow-background) 52px, transparent 60px); + + right: 0; + + padding: 0 12px 0 16px; + } + + #container.yt-live-chat-ticker-renderer:hover #left-arrow-container.yt-live-chat-ticker-renderer,#container.yt-live-chat-ticker-renderer:hover #right-arrow-container.yt-live-chat-ticker-renderer { + opacity: 1; + } + + #left-arrow-container.yt-live-chat-ticker-renderer,#right-arrow-container.yt-live-chat-ticker-renderer { + height: 32px; + opacity: 0; + position: absolute; + text-align: center; + top: 0; + transition: opacity 0.3s 0.1s; + } + + yt-icon.yt-live-chat-ticker-renderer { + background-color: #2196f3; + border-radius: 999px; + color: #fff; + cursor: pointer; + height: 24px; + padding: 4px; + width: 24px; + } + + yt-live-chat-upsell-dialog-renderer { + padding: 24px 40px; + color: var(--yt-live-chat-primary-text-color); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #card.yt-live-chat-upsell-dialog-renderer { + overflow: hidden; + background: var(--yt-dialog-background); + border: var(--yt-live-chat-upsell-dialog-renderer-border, none); + border-radius: var(--yt-live-chat-upsell-dialog-renderer-border-radius, 0); + box-shadow: var(--yt-live-chat-upsell-dialog-renderer-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)); + } + + #content.yt-live-chat-upsell-dialog-renderer { + padding: 24px; + padding: var(--live-chat-upsell-dialog-renderer-content_-_padding, 24px); + } + + yt-formatted-string.yt-live-chat-upsell-dialog-renderer { + display: block; + } + + #upsell-dialog-title.yt-live-chat-upsell-dialog-renderer { + margin-bottom: var(--ytd-margin-4x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + font-size: var(--live-chat-upsell-dialog-renderer-title_-_font-size, var(--ytd-subheadline_-_font-size)); font-weight: var(--live-chat-upsell-dialog-renderer-title_-_font-weight, var(--ytd-subheadline_-_font-weight)); line-height: var(--live-chat-upsell-dialog-renderer-title_-_line-height, var(--ytd-subheadline_-_line-height)); margin-bottom: var(--live-chat-upsell-dialog-renderer-title_-_margin-bottom, var(--ytd-margin-4x)); + } + + #upsell-dialog-text.yt-live-chat-upsell-dialog-renderer { + margin-top: 4px; + color: var(--yt-live-chat-secondary-text-color); + font-size: 14px; + line-height: 20px; + font-size: var(--live-chat-upsell-dialog-renderer-text_-_font-size, 14px); line-height: var(--live-chat-upsell-dialog-renderer-text_-_line-height, 20px); + } + + #button-container.yt-live-chat-upsell-dialog-renderer { + padding: 8px 8px 8px 24px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + padding: var(--live-chat-upsell-dialog-renderer-button-container_-_padding, 8px 8px 8px 24px); + } + + yt-button-renderer.yt-live-chat-upsell-dialog-renderer { + font-size: var(--live-chat-upsell-dialog-renderer-button-font-size, 14px); + text-transform: var(--live-chat-upsell-dialog-renderer-button-text-transform, uppercase); + --yt-button-padding: var(--yt-live-chat-upsell-dialog-renderer-button-padding); + } + + #action-button.yt-live-chat-upsell-dialog-renderer { + margin-left: 8px; + } + + #action-button.yt-live-chat-upsell-dialog-renderer > yt-button-renderer.yt-live-chat-upsell-dialog-renderer { + color: var(--yt-live-chat-upsell-dialog-renderer-action-button-color, var(--yt-white)); + background: var(--yt-live-chat-upsell-dialog-renderer-action-button-background, var(--yt-blue)); + } + + ytd-expander { + display: block; + } + + paper-button.ytd-expander { + display: inline-block; + text-align: center; + font-family: inherit; + } + + ytd-expander[collapsed] > #content.ytd-expander { + overflow: hidden; + max-height: var(--ytd-expander-collapsed-height); + } + + ytd-expander[reversed],ytd-expander[reversed] > #content.ytd-expander { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-expander[reversed][collapsed][collapsed-height="0"] > #content.ytd-expander { + display: none; + visibility: hidden; + } + + ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander { + color: var(--yt-spec-text-primary); + display: -webkit-box; + overflow: hidden; + max-height: none; + -webkit-box-orient: vertical; + -webkit-line-clamp: var(--ytd-expander-max-lines, 4); + } + + ytd-expander > * { + word-wrap: break-word; + min-width: 0; + } + + paper-button.ytd-expander { + margin: var(--ytd-expander-button-margin, 0); + padding: 0; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + ytd-expander[align-auto] paper-button.ytd-expander { + -ms-align-self: auto; + -webkit-align-self: auto; + align-self: auto; + } + + #more.ytd-expander:focus,#less.ytd-expander:focus { + outline: -webkit-focus-ring-color auto 5px; + } + + #more.ytd-expander:focus:hover,#less.ytd-expander:focus:hover { + outline: none; + } + + #less.scrolling.ytd-expander { + box-shadow: var(--ytd-expander-button-scrolling-box-shadow); + border-radius: var(--ytd-expander-button-border-radius); + } + + ytd-donation-amount-picker-renderer.ytd-popup-container { + margin-bottom: 0; + margin-top: 0; + padding: 0; + } + + #container.ytd-donation-amount-picker-renderer { + width: 548px; + } + + ytd-donation-amount-picker-renderer[live-chat] #container.ytd-donation-amount-picker-renderer { + background-color: var(--yt-live-chat-action-panel-background-color); + width: 402px; + } + + #top-box.ytd-donation-amount-picker-renderer { + background-color: var(--yt-spec-general-background-b); + display: block; + padding: 24px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } + + ytd-donation-amount-picker-renderer[live-chat] #top-box.ytd-donation-amount-picker-renderer { + background-color: inherit; + padding-top: 16px; + padding-bottom: 0; + } + + #bottom-box.ytd-donation-amount-picker-renderer { + padding: 24px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + + ytd-donation-amount-picker-renderer[live-chat] #bottom-box.ytd-donation-amount-picker-renderer { + background-color: inherit; + padding-top: 12px; + } + + #campaign-row.ytd-donation-amount-picker-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #title.ytd-donation-amount-picker-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + ytd-donation-amount-picker-renderer[live-chat] #title.ytd-donation-amount-picker-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + .title-text.ytd-donation-amount-picker-renderer { + flex-grow: 1; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-donation-amount-picker-renderer[live-chat] .title-text.ytd-donation-amount-picker-renderer { + margin-left: 16px; + } + + #text-container.ytd-donation-amount-picker-renderer { + flex-grow: 1; + margin-left: 16px; + min-width: 50%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #campaign-row.ytd-donation-amount-picker-renderer yt-img-shadow.ytd-donation-amount-picker-renderer { + width: 90px; + height: 90px; + } + + ytd-donation-amount-picker-renderer[live-chat] #campaign-row.ytd-donation-amount-picker-renderer yt-img-shadow.ytd-donation-amount-picker-renderer { + width: 32px; + height: 32px; + } + + ytd-donation-amount-picker-renderer[live-chat] #description-column.ytd-donation-amount-picker-renderer { + display: none; + } + + #live-chat-description-column.ytd-donation-amount-picker-renderer { + display: none; + } + + ytd-donation-amount-picker-renderer[live-chat] #live-chat-description-column.ytd-donation-amount-picker-renderer { + display: block; + margin-top: 16px; + } + + ytd-donation-amount-picker-renderer[live-chat] #live-chat-description-column.ytd-donation-amount-picker-renderer .campaign-description.ytd-donation-amount-picker-renderer { + margin-bottom: 12px; + } + + #campaign-title.ytd-donation-amount-picker-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #campaign-subtitle.ytd-donation-amount-picker-renderer,.campaign-description.ytd-donation-amount-picker-renderer { + color: var(--yt-spec-text-secondary); + } + + #campaign-subtitle.ytd-donation-amount-picker-renderer { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-donation-amount-picker-renderer:not([live-chat]) .campaign-description.ytd-donation-amount-picker-renderer { + display: -webkit-box; + -webkit-box-orient: vertical; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + overflow-wrap: break-word; + } + + ytd-donation-amount-picker-renderer[live-chat] .campaign-description.ytd-donation-amount-picker-renderer { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .separator.ytd-donation-amount-picker-renderer { + background-color: #ccc; + height: 1px; + margin: 8px 0 8px 0; + } + + ytd-donation-amount-picker-renderer[live-chat] .separator.ytd-donation-amount-picker-renderer { + margin: 0; + } + + #nonprofit-title.ytd-donation-amount-picker-renderer,#nonprofit-subtitle.ytd-donation-amount-picker-renderer { + color: var(--yt-spec-text-primary); + } + + #nonprofit-title.ytd-donation-amount-picker-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #nonprofit-subtitle.ytd-donation-amount-picker-renderer { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #button-row.ytd-donation-amount-picker-renderer { + margin-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + ytd-donation-amount-picker-renderer[live-chat] #button-row.ytd-donation-amount-picker-renderer { + margin-top: 0; + display: flex; + flex-direction: column; + align-items: stretch; + } + + #nonprofit-row.ytd-donation-amount-picker-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #nonprofit-row.ytd-donation-amount-picker-renderer > .ytd-donation-amount-picker-renderer:first-child { + flex-grow: 1; + padding-right: 16px; + } + + ytd-donation-amount-picker-renderer[live-chat] #nonprofit-row.ytd-donation-amount-picker-renderer > .ytd-donation-amount-picker-renderer:first-child { + padding-right: 8px; + } + + #nonprofit-link.ytd-donation-amount-picker-renderer { + color: var(--yt-spec-call-to-action); + white-space: nowrap; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #nonprofit-link-text.ytd-donation-amount-picker-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-call-to-action); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .inline-icon.ytd-donation-amount-picker-renderer { + position: relative; + top: -2px; + width: 1em; + } + + #amount-selector.ytd-donation-amount-picker-renderer { + margin: 0 auto; + max-width: 360px; + } + + #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer { + margin-top: 32px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-donation-amount-picker-renderer[live-chat] #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer { + margin-top: 16px; + } + + #custom-amount-container.ytd-donation-amount-picker-renderer { + height: 70px; + margin-top: 8px; + } + + ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer { + height: auto; + transition: height 0.7s; + margin-top: 8px; + } + + ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer .ytd-donation-amount-picker-renderer[focused] { + height: 70px; + } + + ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer .ytd-donation-amount-picker-renderer[hidden] { + height: 0px; + } + + #custom-amount-input.ytd-donation-amount-picker-renderer { + --paper-input-container-focus-color: var(--yt-spec-themed-blue); + --paper-input-prefix_-_color: var(--yt-spec-text-primary);; + --primary-text-color: var(--yt-spec-text-primary); + } + + #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer { + text-transform: none; + } + + #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[selected] { + background-color: var(--yt-spec-themed-blue); + color: var(--yt-spec-suggested-action); + } + + #privacy-checkbox.ytd-donation-amount-picker-renderer { + --paper-checkbox-vertical-align: top; + --paper-checkbox-label_-_margin-right: 20px; --paper-checkbox-label_-_font-size: initial; --paper-checkbox-label_-_font-weight: initial; --paper-checkbox-label_-_line-height: initial; --paper-checkbox-label_-_letter-spacing: initial; --paper-checkbox-label_-_min-width: initial; --paper-checkbox-label_-_-ms-flex: initial; --paper-checkbox-label_-_-webkit-flex: initial; --paper-checkbox-label_-_flex: initial; --paper-checkbox-label_-_-webkit-flex-basis: initial; --paper-checkbox-label_-_flex-basis: initial;; + margin-top: 32px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-donation-amount-picker-renderer[live-chat] #privacy-checkbox.ytd-donation-amount-picker-renderer { + margin-top: 8px; + margin-bottom: 16px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + yt-tooltip-renderer { + --yt-button-color: var(--yt-spec-text-primary-inverse); + display: block; + min-width: 0; + min-height: 0; + max-width: 300px; + position: relative; + background-color: var(--yt-spec-themed-blue); + color: var(--yt-spec-text-primary-inverse); + overflow: visible !important; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #text.yt-tooltip-renderer:not(:empty) { + margin-bottom: var(--ytd-margin-2x); + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #content.yt-tooltip-renderer { + padding: var(--ytd-margin-4x); + } + + #content.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer { + display: block; + } + + yt-tooltip-renderer[has-buttons_] #content.yt-tooltip-renderer { + padding: var(--ytd-margin-4x) var(--ytd-margin-4x) var(--ytd-margin-base); + } + + #content.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer,#text.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary-inverse); + --yt-endpoint-visited-color: var(--yt-spec-text-primary-inverse); + --yt-endpoint-hover-color: var(--yt-spec-text-primary-inverse); + --yt-endpoint-text-decoration: underline; + } + + .buttons.yt-tooltip-renderer { + padding: var(--ytd-margin-2x) var(--ytd-margin-base); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + yt-tooltip-renderer::before { + content: ""; + position: absolute; + border-style: solid; + top: 100%; + border-width: 12px; + right: calc(50% - 12px); + border-color: var(--yt-spec-themed-blue) transparent transparent transparent; + } + + yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_TOPLEFT"]::before { + right: 12px; + } + + yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_TOPRIGHT"]::before { + left: 12px; + right: auto; + } + + yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_LEFT"]::before { + top: calc(50% - 12px); + left: 100%; + right: auto; + border-color: transparent transparent transparent var(--yt-spec-themed-blue); + } + + yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_RIGHT"]::before { + top: calc(50% - 12px); + right: 100%; + left: auto; + border-color: transparent var(--yt-spec-themed-blue) transparent transparent; + } + + yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOM"]::before { + top: -24px; + left: calc(50% - 12px); + border-color: transparent transparent var(--yt-spec-themed-blue) transparent; + } + + yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOMLEFT"]::before { + top: -24px; + right: 12px; + border-color: transparent transparent var(--yt-spec-themed-blue) transparent; + } + + yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOMRIGHT"]::before { + top: -24px; + left: 12px; + right: auto; + border-color: transparent transparent var(--yt-spec-themed-blue) transparent; + } + + yt-live-chat-renderer { + position: relative; + height: 100%; + background: var(--yt-live-chat-background-color); + color: var(--yt-live-chat-primary-text-color); + overflow: hidden; + z-index: 0; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + ; + contain: content; + } + + yt-live-chat-renderer[hide-timestamps] { + --yt-live-chat-item-timestamp-display: none; + } + + #separator.yt-live-chat-renderer { + border-bottom: var(--yt-live-chat-header-bottom-border, none); + } + + #content-pages.yt-live-chat-renderer { + width: var(--sidebar-width-px); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #panel-pages.yt-live-chat-renderer { + max-height: 100%; + overflow-x: hidden; + overflow-y: auto; + } + + #contents.yt-live-chat-renderer { + overflow: hidden; + position: relative; + z-index: 0; + } + + #chat-messages.yt-live-chat-renderer,#contents.yt-live-chat-renderer,#item-list.yt-live-chat-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #ticker.yt-live-chat-renderer { + z-index: 1; + box-shadow: var(--yt-live-chat-header-box-shadow); + } + + #chat.yt-live-chat-renderer { + position: relative; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #chat.yt-live-chat-renderer::after { + content: ""; + display: none; + animation: gradient-slide 1.2s ease infinite; + animation-name: gradient-slide; + background-color: var(--yt-live-chat-shimmer-background-color); + background-image: var(--yt-live-chat-shimmer-linear-gradient); + background-size: 300% 300%; + transform: rotateX(180deg); + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + yt-live-chat-renderer[loading] #chat.yt-live-chat-renderer::after { + display: block; + } + + yt-live-chat-pinned-message-renderer.yt-live-chat-renderer { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + } + + yt-live-chat-item-list-renderer.yt-live-chat-renderer,yt-live-chat-ninja-message-renderer.yt-live-chat-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #action-panel.yt-live-chat-renderer { + display: none; + } + + yt-live-chat-renderer[has-action-panel-renderer] #action-panel.yt-live-chat-renderer { + display: unset; + position: absolute; + bottom: 0; + left: 0; + right: var(--scrollbar-width); + padding: 0 8px 8px; + background: var(--yt-live-chat-action-panel-gradient-scrim); + overflow: hidden; + } + + yt-live-chat-renderer[has-action-panel-renderer] yt-live-chat-action-panel-renderer.yt-live-chat-renderer { + animation: slideUp var(--yt-live-chat-universal-motion-curve) forwards; + animation-duration: var(--yt-live-chat-panel-animation-duration); + } + + yt-live-chat-renderer[has-action-panel-renderer][is-closing-action-panel] yt-live-chat-action-panel-renderer.yt-live-chat-renderer { + animation: slideDownFadeOut var(--yt-live-chat-universal-motion-curve) forwards; + animation-duration: var(--yt-live-chat-panel-animation-duration); + } + + #input-panel.yt-live-chat-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #input-panel.yt-live-chat-renderer:not(:empty) { + border-top: var(--yt-live-chat-action-panel-top-border, none); + } + + #input-panel.yt-live-chat-renderer::after { + content: ""; + display: block; + height: 1px; + margin: 0 24px; + background: var(--yt-spec-10-percent-layer); + } + + #toast-container.yt-live-chat-renderer { + position: relative; + } + + yt-live-chat-renderer[has-picker-open] #toast-container.yt-live-chat-renderer { + order: 1; + z-index: 1; + } + + #loading.yt-live-chat-renderer { + height: 387px; + background-color: var(--yt-live-chat-action-panel-background-color); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + #loading.yt-live-chat-renderer > paper-spinner-lite.yt-live-chat-renderer { + --paper-spinner-color: var(--yt-live-chat-primary-text-color); + } + + #nitrate-promo.yt-live-chat-renderer > *.yt-live-chat-renderer { + background: var(--yt-live-chat-overlay-color); + z-index: 3; + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + @keyframes gradient-slide { + 0% { + background-position: 100% 100%; + } + + to { + background-position: 0% 0%; + } + + } + + @keyframes slideUp { + 0% { + transform: translateY(15%); + opacity: 0; + } + + 100% { + transform: translateY(0); + opacity: 1; + } + + } + + @keyframes slideDownFadeOut { + 0% { + transform: translateY(0); + opacity: 1; + } + + 100% { + transform: translateY(15%); + opacity: 0; + } + + } + + @keyframes fadeIn { + 0% { + background-color: transparent; + } + + 100% { + background-color: var(--yt-spec-static-overlay-background-medium); + } + + } + + yt-live-chat-renderer { + font-size: 13px; + + --yt-emoji-picker-renderer-height: 180px; + --yt-button-default-text-color: var(--yt-live-chat-button-default-text-color); + --yt-button-default-background-color: var(--yt-live-chat-button-default-background-color); + --yt-button-dark-text-color: var(--yt-live-chat-button-dark-text-color); + --yt-button-dark-background-color: var(--yt-live-chat-button-dark-background-color); + --yt-button-payment-background-color: var(--yt-live-chat-sponsor-color); + } + + ytd-message-renderer { + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-message-renderer[shelf] { + padding: 0 0 24px; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #message.ytd-message-renderer { + color: var(--yt-message-renderer-text-color, var(--yt-spec-text-primary)); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #submessage.ytd-message-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #message.ytd-message-renderer:not([hidden]).ytd-message-renderer + #submessage.ytd-message-renderer { + margin-top: 16px; + } + + #message-button.ytd-message-renderer:not(:empty) { + margin-top: 16px; + } + + ytd-message-renderer[component-style=RENDER_STYLE_EMPTY_STATE] { + padding-top: 140px; + } + + ytd-message-renderer[component-style=RENDER_STYLE_EMPTY_STATE] yt-icon.ytd-message-renderer { + height: 96px; + width: 96px; + color: var(--yt-spec-icon-inactive); + } + + ytd-message-renderer[component-style=RENDER_STYLE_EMPTY_STATE] #message.ytd-message-renderer:not([hidden]).ytd-message-renderer { + margin-top: 24px; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + ytd-message-renderer[component-style=RENDER_STYLE_EMPTY_STATE] #submessage.ytd-message-renderer:not([hidden]).ytd-message-renderer { + margin-top: 8px; + color: var(--yt-spec-text-primary); + } + + ytd-message-renderer[component-style=RENDER_STYLE_EMPTY_STATE] #message-button.ytd-message-renderer:not(:empty) { + margin-top: 24px; + } + + ytd-toggle-button-renderer { + --paper-button-ink-color: var(--yt-spec-icon-inactive); + --yt-button-padding: 10px 16px; + --yt-button-margin: 0; + --yt-button-padding-minus-border: 9px 15px; + vertical-align: middle; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + ytd-toggle-button-renderer[is-icon-button]:not([style-action-button]) { + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer { + padding-right: var(--yt-button-icon-padding, 8px); + } + + ytd-toggle-button-renderer[is-icon-button] { + color: var(--yt-button-color); + } + + ytd-toggle-button-renderer[is-paper-button] { + color: var(--yt-button-color); + } + + ytd-toggle-button-renderer.style-default[is-paper-button] { + background-color: var(--yt-button-default-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-default-text-color, var(--yt-luna-black-opacity-lighten-1)); + } + + ytd-toggle-button-renderer.style-light-text[is-icon-button] { + color: var(--yt-spec-static-brand-white); + } + + ytd-toggle-button-renderer.style-grey-text[is-icon-button] { + color: var(--yt-spec-icon-inactive); + } + + ytd-toggle-button-renderer.style-text[is-icon-button] { + color: var(--yt-spec-icon-inactive); + } + + ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-toggle-button-renderer.style-default-active[is-icon-button] { + color: var(--yt-spec-call-to-action); + } + + ytd-toggle-button-renderer.style-default-active[is-paper-button] { + color: var(--yt-button-active-color); + } + + ytd-toggle-button-renderer.style-text[is-paper-button] { + color: var(--yt-spec-text-secondary); + } + + ytd-toggle-button-renderer.style-compact-gray[is-paper-button] { + background-color: var(--yt-button-compact-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-compact-text-color, var(--yt-luna-black-opacity-lighten-2)); + } + + ytd-toggle-button-renderer.style-compact-gray[is-paper-button] paper-button.ytd-toggle-button-renderer { + padding: 4px 8px; + } + + ytd-toggle-button-renderer.style-overlay[is-paper-button] { + background-color: var(--yt-spec-static-overlay-button-primary); + color: var(--yt-spec-static-overlay-text-primary); + } + + ytd-toggle-button-renderer.style-primary[is-paper-button] { + background-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-filled-button-text); + } + + ytd-toggle-button-renderer.style-primary[is-paper-button]:hover { + color: var(--yt-spec-static-brand-white); + } + + ytd-toggle-button-renderer.style-primary[disabled][is-paper-button] { + background-color: var(--yt-blue-opacity-lighten-4); + color: var(--yt-primary-disabled-button-text-color); + } + + ytd-toggle-button-renderer.style-primary[disabled][is-paper-button]:hover { + color: var(--yt-primary-disabled-button-text-color); + } + + ytd-toggle-button-renderer.style-suggestive[is-paper-button] { + --yt-formatted-string-deemphasize-color: var(--yt-blue-opacity-lighten-2); + background-color: transparent; + border: 1px solid var(--yt-spec-call-to-action); + color: var(--yt-spec-call-to-action); + } + + ytd-toggle-button-renderer.style-suggestive[is-paper-button] paper-button.ytd-toggle-button-renderer,ytd-toggle-button-renderer.style-inactive-outline[is-paper-button] paper-button.ytd-toggle-button-renderer { + padding: var(--yt-button-padding-minus-border); + } + + ytd-toggle-button-renderer.style-inactive-outline[is-paper-button] { + border: 1px solid var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + } + + ytd-toggle-button-renderer.size-small { + --yt-button-padding: 8px 16px; + --yt-button-padding-minus-border: 7px 15px; + } + + ytd-toggle-button-renderer[is-paper-button-with-icon] { + --yt-button-padding: 6px 16px; + --yt-button-padding-minus-border: 5px 15px; + } + + ytd-toggle-button-renderer.size-small[is-paper-button-with-icon] { + --iron-icon-width: 20px; + --iron-icon-height: 20px; + } + + ytd-toggle-button-renderer.style-blue-text[is-paper-button] { + color: var(--yt-spec-call-to-action); + } + + ytd-toggle-button-renderer.style-grey-text[is-paper-button] { + color: var(--yt-spec-icon-inactive); + } + + paper-tooltip.ytd-toggle-button-renderer { + white-space: nowrap; + } + + iron-icon.ytd-toggle-button-renderer { + margin-right: 8px; + } + + paper-button.ytd-toggle-button-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + ytd-toggle-button-renderer { + display: inline-block; + text-transform: uppercase; + } + + ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-toggle-button-renderer[disabled] a.ytd-toggle-button-renderer:focus { + outline: none; + } + + ytd-toggle-button-renderer[is-icon-button][has-no-text] { + font-size: 0; + } + + a.ytd-toggle-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + a.yt-simple-endpoint.ytd-toggle-button-renderer { + color: inherit; + border-radius: inherit; + text-decoration: none; + } + + ytd-toggle-button-renderer[is-paper-button] { + border-radius: var(--yt-button-border-radius, 3px); + margin: var(--yt-button-margin, 0 0.29em); + } + + ytd-toggle-button-renderer[is-paper-button][disabled] { + color: var(--yt-spec-text-disabled); + background-color: transparent; + } + + ytd-toggle-button-renderer[is-icon-button][disabled] { + color: #9b9b9b; + } + + ytd-toggle-button-renderer[is-icon-button][style-action-button] { + --yt-button-icon-padding: 6px; + } + + ytd-toggle-button-renderer[is-paper-button][align-by-text]:not(:empty) { + margin-left: -16px; + } + + ytd-toggle-button-renderer[is-paper-button][button-size=size-large] { + line-height: 24px; + } + + paper-button.ytd-toggle-button-renderer { + width: var(--yt-paper-button-width, auto); + height: var(--yt-paper-button-height, auto); + border-radius: inherit; + margin: 0; + padding: var(--yt-button-padding, 0.7em 0.57em); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + ; + } + + ytd-toggle-button-renderer[start-justified] paper-button.ytd-toggle-button-renderer { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + ytd-toggle-button-renderer[vertically-aligned] paper-button.ytd-toggle-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #button.ytd-toggle-button-renderer { + color: var(--yt-button-color); + background-color: var(--yt-button-background-color); + } + + ytd-toggle-button-renderer #button.ytd-toggle-button-renderer { + color: var(--yt-button-color, inherit); + background-color: transparent; + text-transform: inherit; + } + + button.ytd-toggle-button-renderer,yt-icon-button.ytd-toggle-button-renderer { + padding: 1px 6px; + } + + yt-icon-button.ytd-toggle-button-renderer { + width: var(--yt-button-icon-size, 40px); + height: var(--yt-button-icon-size, 40px); + color: var(--yt-endpoint-color, var(--yt-luna-black)); + } + + yt-icon-button.ytd-toggle-button-renderer::-moz-focus-inner { + padding: 0; + margin: 0; + border: 0; + } + + yt-icon-button.ytd-toggle-button-renderer[disabled] { + color: var(--yt-button-disabled-color, rgba(17, 17, 17, 0.2)); + } + + yt-icon-button.ytd-toggle-button-renderer { + line-height: 1; + padding: var(--yt-button-icon-padding, 8px); + width: var(--yt-button-icon-size, var(--yt-icon-width, 40px)); + height: var(--yt-button-icon-size, var(--yt-icon-height, 40px)); + } + + yt-icon-button.ytd-toggle-button-renderer > yt-icon.ytd-toggle-button-renderer { + width: 100%; + height: 100%; + } + + #button.ytd-toggle-button-renderer yt-icon.ytd-toggle-button-renderer + yt-formatted-string.ytd-toggle-button-renderer { + margin-left: var(--yt-string-icon-padding, 8px); + } + + #button.ytd-toggle-button-renderer yt-formatted-string.ytd-toggle-button-renderer + yt-icon.ytd-toggle-button-renderer { + margin-left: var(--yt-button-icon-padding, 8px); + } + + ytd-toggle-button-renderer[vertically-aligned] #button.ytd-toggle-button-renderer yt-icon.ytd-toggle-button-renderer + yt-formatted-string.ytd-toggle-button-renderer { + margin-left: 0; + margin-top: var(--yt-string-icon-padding, 4px); + } + + ytd-toggle-button-renderer[vertically-aligned] #button.ytd-toggle-button-renderer yt-formatted-string.ytd-toggle-button-renderer + yt-icon.ytd-toggle-button-renderer { + margin-left: 0; + margin-top: var(--yt-button-icon-padding, 4px); + } + + yt-live-chat-kevlar-container { + display: block; + height: 100%; + border: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + padding-bottom: 30px; + margin-bottom: 24px; + } + + #chat.yt-live-chat-kevlar-container { + height: 100%; + } + + yt-live-chat-kevlar-container[chat-collapsed] { + padding-bottom: 0; + } + + yt-live-chat-kevlar-container[chat-collapsed] #chat.yt-live-chat-kevlar-container { + height: 0; + min-height: 0; + } + + #show-hide-button.yt-live-chat-kevlar-container > ytd-toggle-button-renderer.yt-live-chat-kevlar-container { + width: 100%; + color: var(--yt-live-chat-secondary-text-color); + background-color: var(--yt-spec-brand-background-primary); + font-size: 11px; + --yt-button-border-radius: 0; + --yt-button-padding: 8px 24px; + --yt-paper-button-width: 100%; + } + + #show-hide-button.yt-live-chat-kevlar-container > ytd-toggle-button-renderer.yt-live-chat-kevlar-container:hover { + color: var(--yt-live-chat-primary-text-color); + } + + ytd-backstage-comments-renderer { + --yt-next-continuation-button-margin-left: -8px; + display: block; + margin-left: 56px; + } + + .more-button.ytd-backstage-comments-renderer,.less-button.ytd-backstage-comments-renderer { + margin-top: -4px; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-expander.ytd-backstage-comments-renderer { + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + text-transform: none; + } + + .align-by-text.ytd-backstage-comments-renderer { + margin-left: -8px; + } + + paper-button.ytd-backstage-comments-renderer,yt-next-continuation.ytd-backstage-comments-renderer { + text-transform: none; + } + + yt-next-continuation.ytd-backstage-comments-renderer { + --paper-button_-_text-transform: none; --paper-button_-_min-width: initial; --paper-button_-_color: initial; --paper-button_-_border: initial; --paper-button_-_width: initial; --paper-button_-_margin: initial; --paper-button_-_background-color: initial;; + } + + yt-icon.ytd-backstage-comments-renderer { + --iron-icon-width: 20px; + --iron-icon-height: 20px; + margin-left: -12px; + } + + #teaser-comments.ytd-backstage-comments-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-expander.ytd-backstage-comments-renderer:not([hidden]).ytd-backstage-comments-renderer:not([collapsed]).ytd-backstage-comments-renderer + #teaser-comments.ytd-backstage-comments-renderer { + display: none; + } + + #expander.ytd-backstage-comments-renderer { + color: var(--yt-spec-text-primary); + } + + #loaded-comments.ytd-backstage-comments-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #loaded-comments.ytd-backstage-comments-renderer > ytd-comment-thread-renderer.ytd-backstage-comments-renderer:last-of-type,#teaser-comments.ytd-backstage-comments-renderer > ytd-comment-thread-renderer.ytd-backstage-comments-renderer:last-of-type { + margin-bottom: 0; + } + + #continuation.ytd-backstage-comments-renderer yt-next-continuation.ytd-backstage-comments-renderer { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + paper-button.ytd-backstage-comments-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + yt-sort-filter-sub-menu-renderer.ytd-backstage-comments-renderer { + --iron-icon-fill-color: var(--yt-spec-icon-inactive); + margin-bottom: 16px; + margin-left: -3px; + margin-right: 4px; + } + + ytd-expander.ytd-backstage-comments-renderer[collapsed] + yt-sort-filter-sub-menu-renderer.ytd-backstage-comments-renderer { + display: none; + } + + .reloading.ytd-backstage-comments-renderer { + opacity: 0.25; + pointer-events: none; + } + + #expander-contents.ytd-backstage-comments-renderer paper-spinner-lite.ytd-backstage-comments-renderer { + display: none; + } + + #expander-contents.ytd-backstage-comments-renderer paper-spinner-lite.ytd-backstage-comments-renderer[active] { + display: block; + margin: -16px auto 16px; + } + + #expander-contents.ytd-backstage-comments-renderer,#teaser-comments.ytd-backstage-comments-renderer > ytd-comment-thread-renderer.ytd-backstage-comments-renderer:first-of-type { + margin-top: 8px; + } + + ytd-menu-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-menu-renderer:not([condensed]) .ytd-menu-renderer[button-renderer] + .ytd-menu-renderer[button-renderer],.ytd-menu-renderer[button-renderer] + template.ytd-menu-renderer + #button.ytd-menu-renderer,#top-level-buttons.ytd-menu-renderer:not(:empty) + #button.ytd-menu-renderer { + margin-left: 8px; + } + + #button.ytd-menu-renderer { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + width: var(--yt-icon-width); + height: var(--yt-icon-height); + padding: var(--paper-icon-button_-_padding); width: var(--paper-icon-button_-_width, var(--yt-icon-width)); height: var(--paper-icon-button_-_height, var(--yt-icon-height)); + } + + #button.ytd-menu-renderer yt-icon.ytd-menu-renderer { + color: var(--ytd-menu-renderer-button-color, var(--yt-spec-icon-inactive)); + } + + .ytd-menu-renderer[button-renderer].ytd-menu-renderer:hover yt-icon.ytd-menu-renderer,#button.ytd-menu-renderer:hover yt-icon.ytd-menu-renderer { + color: var(--yt-spec-icon-active-other); + } + + #items.ytd-menu-renderer::after { + display: none; + } + + #top-level-buttons.ytd-menu-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-account-link-button-renderer { + display: inline-block; + } + + ytd-button-renderer.ytd-account-link-button-renderer { + width: var(--ytd-account-link-button-width, inherit); + } + + ytd-author-comment-badge-renderer { + --ytd-author-comment-badge-name-color: var(--yt-spec-text-primary); + height: 20px; + background-color: var(--ytd-author-comment-badge-background-color); + border-radius: 12px; + margin-bottom: 2px; + max-width: 100%; + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + ytd-author-comment-badge-renderer[enable-unified-verified-badge] { + border-radius: 0; + } + + ytd-author-comment-badge-renderer[verified] { + height: unset; + background-color: transparent; + } + + ytd-author-comment-badge-renderer[creator] { + padding-right: 6px; + padding-left: 6px; + } + + ytd-author-comment-badge-renderer:not([verified])[creator][enable-unified-verified-badge] { + background-color: var(--yt-spec-brand-icon-inactive); + height: unset; + padding-right: 4px; + padding-left: 4px; + } + + ytd-author-comment-badge-renderer[creator] #icon.ytd-author-comment-badge-renderer { + height: 12px; + width: 12px; + margin-left: 4px; + } + + ytd-author-comment-badge-renderer[verified][creator] { + --ytd-channel-name-verified-background: var(--yt-spec-brand-icon-inactive); + padding: 0; + } + + ytd-author-comment-badge-renderer[icon-type=CHECK][creator] #icon.ytd-author-comment-badge-renderer { + stroke: var(--yt-spec-static-brand-white); + stroke-width: 2pt; + height: 10px; + width: 10px; + } + + ytd-author-comment-badge-renderer:not([creator]) #icon.ytd-author-comment-badge-renderer { + height: 13px; + width: 13px; + margin-left: 4px; + margin-bottom: 1px; + fill: var(--yt-spec-icon-inactive); + } + + #icon.ytd-author-comment-badge-renderer { + color: var(--ytd-author-comment-badge-icon-color); + background-color: var(--ytd-author-comment-badge-icon-background-color); + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #name.ytd-author-comment-badge-renderer { + --ytd-channel-name-text-display: block; + color: var(--ytd-author-comment-badge-name-color); + overflow: hidden; + -webkit-line-clamp: 1; + max-height: 1.8rem; + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + ytd-author-comment-badge-renderer[verified] #name.ytd-author-comment-badge-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-author-comment-badge-renderer[creator][enable-unified-verified-badge] #name.ytd-author-comment-badge-renderer { + color: var(--yt-spec-text-primary-inverse); + } + + ytd-badge-supported-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .badge.ytd-badge-supported-renderer { + border-radius: 2px; + display: var(--ytd-badge-display, block); + padding: 3px 4px; + white-space: var(--ytd-badge-white-space, inherit); + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + .badge.ytd-badge-supported-renderer:not(:last-of-type) { + margin: var(--ytd-badge-margin, 0); + } + + yt-icon.ytd-badge-supported-renderer { + width: var(--ytd-badge-icon-size, 13px); + height: var(--ytd-badge-icon-size, 13px); + color: var(--ytd-badge-icon-color, var(--yt-spec-text-secondary)); + } + + .badge-style-type-ad.ytd-badge-supported-renderer { + background: var(--yt-spec-static-ad-yellow); + color: var(--yt-spec-text-primary-inverse); + } + + .badge-style-type-ad-alternate.ytd-badge-supported-renderer { + color: var(--yt-spec-ad-indicator); + border: 1px solid var(--yt-spec-ad-indicator); + border-radius: 2px; + } + + .badge-style-type-simple.ytd-badge-supported-renderer { + background: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + } + + .badge-style-type-red.ytd-badge-supported-renderer { + background: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-brand-link-text); + } + + .badge-style-type-premium.ytd-badge-supported-renderer { + background: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + padding: 0; + } + + .badge-style-type-premium.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { + padding-top: 1px; + padding-left: 1px; + padding-bottom: 1px; + width: 14px; + height: 14px; + vertical-align: top; + } + + .badge-style-type-premium.ytd-badge-supported-renderer span.ytd-badge-supported-renderer { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + display: inline-block; + } + + .badge-style-type-ypc.ytd-badge-supported-renderer { + background: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-themed-green); + } + + .badge-style-type-simple-strikethrough.ytd-badge-supported-renderer { + background: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + text-decoration: line-through; + } + + .badge-style-type-verified.ytd-badge-supported-renderer { + background: none; + margin-bottom: 1px; + padding: 0; + padding-left: 4px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .badge-style-type-verified-artist.ytd-badge-supported-renderer { + background: none; + margin-bottom: 1px; + padding: 0; + padding-left: 4px; + color: var(--yt-spec-text-secondary); + } + + .badge-style-type-disabled.ytd-badge-supported-renderer { + background: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-disabled); + } + + .badge-style-type-collection.ytd-badge-supported-renderer { + background: none; + color: var(--yt-spec-text-secondary); + padding: 2px 0 8px 0; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + .badge-style-type-featured.ytd-badge-supported-renderer { + background: var(--yt-spec-themed-blue); + color: var(--yt-spec-text-primary-inverse); + } + + .badge-style-type-accelerator.ytd-badge-supported-renderer { + background: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + } + + .badge-style-type-live-now.ytd-badge-supported-renderer { + background: transparent; + color: var(--yt-spec-brand-link-text); + border: 1px solid var(--yt-spec-brand-link-text); + } + + .badge-style-type-medium-grey.ytd-badge-supported-renderer { + white-space: nowrap; + background: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + margin-right: 8px; + } + + .badge-style-type-medium-grey.ytd-badge-supported-renderer span.ytd-badge-supported-renderer { + vertical-align: middle; + } + + .badge-style-type-ypc-transparent.ytd-badge-supported-renderer { + background: none; + color: var(--yt-spec-text-secondary); + padding-left: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .badge.ytd-badge-supported-renderer:not(:first-of-type) { + margin-left: 4px; + } + + ytd-channel-name { + z-index: 300; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + ytd-badge-supported-renderer.ytd-channel-name { + display: var(--ytd-channel-name-badges-display, flex); + margin-right: var(--ytd-channel-name-badges-margin-right); + } + + #container.ytd-channel-name { + display: var(--ytd-channel-name-container-display, inline-block); + overflow: hidden; + } + + ytd-channel-name[verified] #container.ytd-channel-name { + display: inline-block; + } + + #text-container.ytd-channel-name { + display: var(--ytd-channel-name-text-container-display, block); + } + + ytd-channel-name[verified] #text-container.ytd-channel-name { + z-index: 1; + box-sizing: border-box; + margin-right: 11px; + padding: 0 1px 0 4px; + display: block; + position: relative; + } + + ytd-channel-name[verified] #text-container.ytd-channel-name::after { + content: ""; + background-color: var(--ytd-channel-name-verified-background, var(--yt-spec-verified-badge-background)); + transform: skewX(-30deg); + transform-origin: bottom; + z-index: -1; + position: absolute; + top: 0; + left: -60px; + bottom: 0; + right: 0; + } + + [dir="rtl"] ytd-channel-name #text-container.ytd-channel-name::after, ytd-channel-name[dir="rtl"] #text-container.ytd-channel-name::after { + transform: skewX(30deg); + } + + #text.ytd-channel-name { + display: var(--ytd-channel-name-text-display); + -webkit-box-orient: vertical; + -webkit-line-clamp: var(--ytd-channel-name-text-line-clamp, inherit); + font-size: var(--ytd-channel-name-text_-_font-size); font-weight: var(--ytd-channel-name-text_-_font-weight); line-height: var(--ytd-channel-name-text_-_line-height); + } + + #text.complex-string.ytd-channel-name { + display: var(--ytd-channel-name-text-complex-display); + } + + ytd-channel-name[verified] #text.ytd-channel-name { + display: block; + } + + ytd-channel-name[verified][wrap-text] #text.ytd-channel-name { + display: -webkit-box; + } + + ytd-channel-name[verified]:not([wrap-text]) #text.ytd-channel-name { + overflow: hidden; + } + + ytd-backstage-post-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #author-thumbnail.ytd-backstage-post-dialog-renderer { + width: 40px; + height: 40px; + margin-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #dialog-header.ytd-backstage-post-dialog-renderer { + padding: 16px 8px 0 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #dialog-header.ytd-backstage-post-dialog-renderer #header-author-thumbnail.ytd-backstage-post-dialog-renderer { + width: 32px; + height: 32px; + margin-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #dialog-header.ytd-backstage-post-dialog-renderer #header-channel-name.ytd-backstage-post-dialog-renderer { + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #dialog-header.ytd-backstage-post-dialog-renderer #header-visibility-label.ytd-backstage-post-dialog-renderer { + color: var(--yt-spec-text-secondary); + margin-left: auto; + -webkit-font-smoothing: antialiased; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #dialog-header.ytd-backstage-post-dialog-renderer #header-default-visibility.ytd-backstage-post-dialog-renderer { + color: var(--yt-spec-text-secondary); + margin-left: 16px; + margin-right: 16px; + -webkit-font-smoothing: antialiased; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #dialog-header.ytd-backstage-post-dialog-renderer #access-restrictions-selector.ytd-backstage-post-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #unopened-dialog.ytd-backstage-post-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #main.ytd-backstage-post-dialog-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #commentbox-placeholder.ytd-backstage-post-dialog-renderer { + display: block; + color: var(--yt-spec-text-secondary); + outline: none; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #placeholder-area.ytd-backstage-post-dialog-renderer { + cursor: text; + padding-bottom: 4px; + margin-bottom: 7px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #attachments.ytd-backstage-post-dialog-renderer { + margin-left: -10px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #disabled-message.ytd-backstage-post-dialog-renderer { + border: 2px solid var(--yt-commentbox-border-inactive); + padding: 16px; + margin-bottom: 24px; + } + + #disabled-message-annotation.ytd-backstage-post-dialog-renderer { + color: var(--ytd-comment-metadata-text-color); + margin-bottom: 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #disabled-message-text.ytd-backstage-post-dialog-renderer { + color: var(--ytd-comment-text-color); + margin-bottom: 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-button-renderer.ytd-backstage-post-dialog-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-button-renderer.ytd-backstage-post-dialog-renderer { + --yt-button-icon-size: 36px; + } + + ytd-commentbox.ytd-backstage-post-dialog-renderer { + --ytd-commentbox-textarea-margin-bottom: 2px; + } + + #option-menu.ytd-backstage-post-dialog-renderer ytd-menu-renderer.ytd-backstage-post-dialog-renderer { + --yt-icon-width: 32px; + --yt-icon-height: 36px; + --ytd-menu-renderer-button-color: var(--yt-spec-text-primary-inverse); + border-left: 1px solid var(--yt-spec-10-percent-layer); + } + + #option-menu.ytd-backstage-post-dialog-renderer { + border-bottom-right-radius: var(--yt-button-border-radius, 3px); + border-top-right-radius: var(--yt-button-border-radius, 3px); + background: var(--yt-spec-icon-disabled); + } + + #post-buttons-wrapper.ytd-backstage-post-dialog-renderer { + border-radius: 6px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer #post-buttons-wrapper.ytd-backstage-post-dialog-renderer { + margin-left: auto; + background: var(--yt-spec-icon-disabled); + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] { + background: var(--yt-spec-general-background-a); + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 2px; + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] #disabled-message.ytd-backstage-post-dialog-renderer { + border: none; + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] #author-thumbnail.ytd-backstage-post-dialog-renderer { + display: none; + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] #placeholder-area.ytd-backstage-post-dialog-renderer { + padding-top: 20px; + margin-left: 16px; + border-bottom: none; + margin-bottom: 0; + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer { + margin-left: -6px; + padding: 16px; + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog][is-creation-dialog-with-header_] #attachments.ytd-backstage-post-dialog-renderer { + margin-left: -12px; + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer ytd-button-renderer.ytd-backstage-post-dialog-renderer { + --yt-button-icon-padding: 6px; + color: var(--ytd-backstage-creationbox-text-color); + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer ytd-button-renderer.ytd-backstage-post-dialog-renderer:hover { + color: var(--ytd-backstage-attachment-icon-hover-color); + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog][is-creation-dialog-with-header_] #video-link-button.ytd-backstage-post-dialog-renderer > ytd-button-renderer.ytd-backstage-post-dialog-renderer,#poll-button.ytd-backstage-post-dialog-renderer > ytd-button-renderer.ytd-backstage-post-dialog-renderer,#image-button.ytd-backstage-post-dialog-renderer > ytd-button-renderer.ytd-backstage-post-dialog-renderer { + --yt-button-padding: 6px 12px; + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer #post-button.ytd-backstage-post-dialog-renderer { + margin-left: auto; + background: var(--yt-spec-icon-disabled); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-backstage-post-dialog-renderer[is-creation-dialog][is-open_] #dialog-header.ytd-backstage-post-dialog-renderer { + background: var(--yt-spec-brand-background-primary); + } + + div.ytd-backstage-post-dialog-renderer[slot=repost-preview] { + margin-top: 16px; + margin-bottom: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-flat-dropdown-renderer { + display: inline-block; + max-width: 100%; + } + + paper-menu-button.ytd-flat-dropdown-renderer { + color: var(--yt-spec-text-secondary); + } + + paper-menu-button.ytd-flat-dropdown-renderer,#label-text.ytd-flat-dropdown-renderer { + max-width: 100%; + } + + #label-text.ytd-flat-dropdown-renderer { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + paper-menu-button.ytd-flat-dropdown-renderer { + padding: 0; + } + + paper-listbox.ytd-flat-dropdown-renderer { + background-color: var(--yt-spec-brand-background-primary); + } + + paper-listbox.ytd-flat-dropdown-renderer ytd-privacy-dropdown-item-renderer.ytd-flat-dropdown-renderer { + cursor: pointer; + } + + paper-listbox.ytd-flat-dropdown-renderer ytd-privacy-dropdown-item-renderer.ytd-flat-dropdown-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + #label.ytd-flat-dropdown-renderer { + cursor: pointer; + text-transform: var(--yt-dropdown-menu-label-transform, none); + padding: 0; + margin: 0; + min-width: 0; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #label-text.ytd-flat-dropdown-renderer { + color: var(--yt-spec-text-primary); + color: var(--yt-dropdown-menu-label-text_-_color, var(--yt-spec-text-primary)); font-size: var(--yt-dropdown-menu-label-text_-_font-size); font-weight: var(--yt-dropdown-menu-label-text_-_font-weight); line-height: var(--yt-dropdown-menu-label-text_-_line-height); letter-spacing: var(--yt-dropdown-menu-label-text_-_letter-spacing); + } + + #label.keyboard-focus.ytd-flat-dropdown-renderer #label-text.ytd-flat-dropdown-renderer { + font-weight: 500; + } + + #label-icon.ytd-flat-dropdown-renderer { + flex-shrink: 0; + margin-right: 8px; + color: var(--yt-spec-icon-inactive); + } + + ytd-flat-dropdown-renderer.text-secondary-style #label-text.ytd-flat-dropdown-renderer { + color: var(--yt-spec-text-secondary); + margin-left: 16px; + margin-right: 8px; + -webkit-font-smoothing: antialiased; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-privacy-dropdown-item-renderer { + display: block; + outline: none; + } + + ytd-privacy-dropdown-item-renderer:hover { + cursor: pointer; + background-color: var(--yt-spec-10-percent-layer); + } + + #label.ytd-privacy-dropdown-item-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #description.ytd-privacy-dropdown-item-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #dropdown-icon.ytd-privacy-dropdown-item-renderer { + color: var(--yt-spec-brand-icon-inactive); + margin-left: -8px; + margin-right: 8px; + } + + paper-item-body.ytd-privacy-dropdown-item-renderer { + min-height: 0; + max-width: 100%; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-backstage-image-renderer { + --yt-img-max-height: 420px; + display: block; + } + + ytd-backstage-image-renderer[surface=BACKSTAGE_SURFACE_TYPE_STREAM] { + --yt-img-max-height: none; + } + + yt-img-shadow.ytd-backstage-image-renderer { + --yt-img-border-radius: 2px; + } + + ytd-backstage-image-select-renderer { + --ytd-cancel-button-right: -12px; + --ytd-cancel-button-top: -12px; + --ytd-cancel-button-size: 24px; + --ytd-image-preview-max-height: 420px; + --ytd-image-preview-picker-max-height: 482px; + margin: 12px 12px 8px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + #dropzone.ytd-backstage-image-select-renderer { + flex-basis: 100%; + border: 1px dashed var(--yt-opalescence-grey-opacity-lighten-2); + border-radius: 2px; + min-height: 100px; + padding: 32px 8px 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #dropzone.dragover.ytd-backstage-image-select-renderer { + border: 2px dashed var(--yt-blue-light); + } + + #dropzone.error.ytd-backstage-image-select-renderer { + border-color: var(--yt-spec-brand-link-text); + } + + .cancel.ytd-backstage-image-select-renderer > ytd-button-renderer.ytd-backstage-image-select-renderer { + --yt-button-icon-size: var(--ytd-cancel-button-size); + --yt-button-icon-padding: 4px; + position: absolute; + right: var(--ytd-cancel-button-right); + top: var(--ytd-cancel-button-top); + width: var(--ytd-cancel-button-size); + height: var(--ytd-cancel-button-size); + z-index: 1; + cursor: pointer; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2); + border-radius: 50%; + background-color: var(--ytd-backstage-cancel-background-color); + color: var(--ytd-backstage-cancel-color); + } + + #drop-icon.ytd-backstage-image-select-renderer { + --iron-icon-width: 48px; + --iron-icon-height: 48px; + color: var(--ytd-backstage-metadata-text-color); + } + + #prompt.ytd-backstage-image-select-renderer { + padding-top: 8px; + padding-bottom: 12px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #license-text.ytd-backstage-image-select-renderer,#aspect-ratio-message.ytd-backstage-image-select-renderer { + color: var(--yt-spec-text-secondary); + } + + #error-message.ytd-backstage-image-select-renderer { + margin-top: 16px; + color: var(--yt-spec-brand-link-text); + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + .messages.ytd-backstage-image-select-renderer { + padding-top: 48px; + margin-top: auto; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #image-preview.ytd-backstage-image-select-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #preview.ytd-backstage-image-select-renderer { + max-width: 100%; + max-height: var(--ytd-image-preview-max-height); + } + + #image-preview.ytd-backstage-image-select-renderer { + flex-grow: 1; + } + + #preview-picker.ytd-backstage-image-select-renderer { + width: 100%; + max-width: 100%; + height: var(--ytd-image-preview-picker-max-height); + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 2px; + } + + ytd-backstage-image-select-renderer[is-backstage-post] { + margin: 16px 0 0 0; + } + + ytd-backstage-image-select-renderer[is-backstage-post] #dropzone.ytd-backstage-image-select-renderer { + border-color: var(--ytd-backstage-creationbox-inactive-color); + background: var(--yt-spec-general-background-a); + } + + ytd-backstage-image-select-renderer[is-backstage-post] #dropzone.dragover.ytd-backstage-image-select-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + background: var(--yt-spec-general-background-a); + } + + ytd-backstage-image-select-renderer[is-backstage-post] #dropzone.error.ytd-backstage-image-select-renderer { + border-color: var(--yt-spec-brand-link-text); + } + + ytd-backstage-image-select-renderer[is-backstage-post] #drop-icon.ytd-backstage-image-select-renderer { + color: var(--yt-spec-icon-disabled); + } + + yt-img-crop-picker { + --yt-img-crop-height: 482px; + + --yt-img-crop-default-margin: var(--ytd-margin-4x); + --yt-img-crop-picker-border-width: 2px; + --yt-img-crop-preview-size: 300px; + --yt-img-crop-picker-size: calc(var(--yt-img-crop-preview-size) - 2 * var(--yt-img-crop-picker-border-width)); + --yt-img-crop-instruction-panel-width: 260px; + + height: 100%; + min-height: var(--yt-img-crop-height); + + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #left-container.yt-img-crop-picker { + height: calc(100% - 2 * var(--yt-img-crop-default-margin)); + flex: 560px 1; + border: var(--yt-img-crop-default-margin) solid var(--yt-spec-static-overlay-background-medium); + border-width: var(--yt-img-crop-default-margin); + background-color: var(--yt-spec-brand-background-solid); + position: relative; + } + + #left-container.preview.yt-img-crop-picker { + border-color: var(--yt-spec-general-background-a); + } + + #picker-container.yt-img-crop-picker { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; + } + + .preview.yt-img-crop-picker #picker-container.yt-img-crop-picker { + opacity: 0; + } + + #image-in-picker-background.yt-img-crop-picker,#picker.yt-img-crop-picker,#overlay.yt-img-crop-picker { + position: absolute; + } + + #image-in-picker.yt-img-crop-picker { + pointer-events: none; + user-select: none; + } + + #picker.yt-img-crop-picker { + width: var(--yt-img-crop-picker-size); + height: var(--yt-img-crop-picker-size); + overflow: hidden; + user-select: none; + pointer-events: none; + border: solid; + border-width: var(--yt-img-crop-picker-border-width); + border-color: var(--yt-spec-static-brand-white); + position: absolute; + left: calc(0px - var(--yt-img-crop-picker-border-width)); + top: calc(0px - var(--yt-img-crop-picker-border-width)); + } + + #overlay.yt-img-crop-picker { + background-color: var(--yt-spec-static-overlay-background-medium); + width: 100%; + height: 100%; + cursor: all-scroll; + } + + #preview-container.yt-img-crop-picker { + position: absolute; + top: 0px; + left: 0px; + z-index: 1; + background-color: var(--yt-spec-general-background-a); + width: 100% ; + height: 100%; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #preview-clipper.yt-img-crop-picker { + position: relative; + width: var(--yt-img-crop-preview-size); + height: var(--yt-img-crop-preview-size); + min-width: var(--yt-img-crop-preview-size); + min-height: var(--yt-img-crop-preview-size); + overflow: hidden; + margin: 35px auto 0 auto; + } + + #image-in-preview-clipper.yt-img-crop-picker { + position: absolute; + width: 100%; + height: 100%; + } + + #image-in-preview-clipper.PORTRAIT.yt-img-crop-picker { + height: auto; + width: 100%; + } + + #image-in-preview-clipper.LANDSCAPE.yt-img-crop-picker { + width: auto; + height: 100%; + } + + #edit-button.yt-img-crop-picker { + margin: var(--ytd-margin-7x) auto 0 auto; + } + + #right-container.yt-img-crop-picker { + border-left: 1px solid var(--yt-spec-10-percent-layer); + width: var(--yt-img-crop-instruction-panel-width); + background-color: var(--yt-spec-general-background-a); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #right-container.edit.yt-img-crop-picker { + background-color: var(--yt-spec-general-background-a); + } + + #full-image-container.yt-img-crop-picker { + width: calc(var(--yt-img-crop-instruction-panel-width) - 2 * var(--yt-img-crop-default-margin)); + height: calc(var(--yt-img-crop-instruction-panel-width) - 2 * var(--yt-img-crop-default-margin)); + max-width: calc(var(--yt-img-crop-instruction-panel-width) - 2 * var(--yt-img-crop-default-margin)); + max-height: calc(var(--yt-img-crop-instruction-panel-width) - 2 * var(--yt-img-crop-default-margin)); + align-items: center; + justify-content: center; + margin-top: 50px; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #full-image-as-preview.LANDSCAPE.yt-img-crop-picker { + height: auto; + width: 100%; + } + + #full-image-as-preview.PORTRAIT.yt-img-crop-picker { + width: auto; + height: 100%; + } + + #full-image-as-preview.yt-img-crop-picker { + width: 100%; + height: 100%; + max-width: 100%; + max-height: 100%; + object-fit: contain; + } + + #edit-instruction.yt-img-crop-picker,#preview-instruction.yt-img-crop-picker { + margin: var(--ytd-margin-4x); + + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #edit-instruction.yt-img-crop-picker { + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + .instruction-container.yt-img-crop-picker { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #edit-instruction.yt-img-crop-picker .instruction-container.yt-img-crop-picker { + flex-grow: 1; + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + .details.yt-img-crop-picker { + color: var(--yt-spec-text-secondary); + word-break: normal; + font-size: var(--ytd-conversation-metadata_-_font-size); font-weight: var(--ytd-conversation-metadata_-_font-weight); line-height: var(--ytd-conversation-metadata_-_line-height); + } + + .header.yt-img-crop-picker { + color: var(--yt-spec-text-primary); + margin: var(--ytd-margin-base) 0; + font-size: var(--ytd-comment-link_-_font-size); font-weight: var(--ytd-comment-link_-_font-weight); line-height: var(--ytd-comment-link_-_line-height); + } + + .edit.yt-img-crop-picker .details.yt-img-crop-picker { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .edit.yt-img-crop-picker .header.yt-img-crop-picker { + margin: var(--ytd-margin-2x) 0; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #learnmore-text.yt-img-crop-picker { + --yt-endpoint-color: var(--yt-spec-call-to-action); + margin-top: var(--ytd-margin-4x); + color: var(--yt-spec-call-to-action); + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #open-in-new.yt-img-crop-picker { + --iron-icon-width: 16px; + --iron-icon-height: 16px; + padding-left: 6px; + padding-bottom: 2px; + } + + #open-with.yt-img-crop-picker { + width: 24px; + height: 24px; + padding: 0 10px 0 2px; + } + + #save-button.yt-img-crop-picker { + width: calc(var(--yt-img-crop-instruction-panel-width) - 2 * var(--yt-img-crop-default-margin)); + } + + ytd-backstage-poll-renderer { + --ytd-backstage-poll-choice-height: 36px; + display: block; + } + + paper-button.ytd-backstage-poll-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + #vote-info.ytd-backstage-poll-renderer { + display: block; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #poll-votes.ytd-backstage-poll-renderer { + --paper-listbox-background-color: transparent; + --paper-listbox-selected-item_-_background: transparent;; + --paper-listbox-focused-item-after_-_background: transparent;; + --paper-listbox-disabled-color: currentColor; + --disabled-text-color: currentColor; + padding: 12px 0 0 0; + } + + .vote-choice.ytd-backstage-poll-renderer { + --paper-item-focused_-_background-color: transparent;; + --paper-item-focused-before_-_background: transparent;; + height: var(--ytd-backstage-poll-choice-height); + min-height: var(--ytd-backstage-poll-choice-height); + padding: 0; + width: 100%; + } + + #sign-in.yt-simple-endpoint.ytd-backstage-poll-renderer { + width: auto; + height: var(--ytd-backstage-poll-choice-height); + padding-bottom: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .check-icons.ytd-backstage-poll-renderer { + min-width: 36px; + padding: 0; + margin: 0; + margin-left: -10px; + border-radius: 18px; + } + + yt-icon.ytd-backstage-poll-renderer { + --iron-icon-width: 16px; + --iron-icon-height: 16px; + padding: 10px; + color: var(--yt-spec-icon-inactive); + } + + yt-icon.checked.ytd-backstage-poll-renderer { + color: var(--yt-spec-call-to-action); + } + + .choice-info.ytd-backstage-poll-renderer { + display: inline-block; + position: relative; + width: 100%; + height: var(--ytd-backstage-poll-choice-height); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .progress-bar.ytd-backstage-poll-renderer { + border-radius: 4px; + height: var(--ytd-backstage-poll-choice-height); + background-color: var(--yt-spec-10-percent-layer); + display: inline-block; + } + + paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer { + background-color: var(--yt-spec-suggested-action); + } + + .text-area.ytd-backstage-poll-renderer { + color: var(--yt-spec-text-primary); + margin: 8px 0; + position: absolute; + z-index: 1; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .vote-percentage.ytd-backstage-poll-renderer,.choice-text.ytd-backstage-poll-renderer { + z-index: 1; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .vote-percentage.ytd-backstage-poll-renderer { + margin-right: 8px; + } + + .choice-text.ytd-backstage-poll-renderer { + margin: 0 8px; + } + + .owner-no-vote.ytd-backstage-poll-renderer .choice-text.ytd-backstage-poll-renderer { + margin-left: 0; + } + + ytd-child-video-renderer { + display: block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-child-video-renderer { + overflow: hidden; + } + + #video-title.ytd-child-video-renderer,#length.ytd-child-video-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #length.ytd-child-video-renderer:before { + content: "•"; + margin: 4px 4px 0; + } + + ytd-playlist-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-playlist-renderer:not([use-prominent-thumbs]) ytd-playlist-thumbnail.ytd-playlist-renderer { + width: 246px; + height: 138px; + margin-right: 16px; + } + + ytd-playlist-renderer[is-backstage-playlist] ytd-playlist-thumbnail.ytd-playlist-renderer { + width: 210px; + height: 118px; + margin-right: 8px; + } + + ytd-playlist-renderer[is-post-compact-playlist] ytd-playlist-thumbnail.ytd-playlist-renderer { + width: 128px; + height: 72px; + margin-right: 8px; + } + + #content.ytd-playlist-renderer { + overflow: hidden; + max-width: 600px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-playlist-renderer[is-post-compact-playlist] #content.ytd-playlist-renderer { + margin: 8px 8px 0 0; + } + + #list.ytd-playlist-renderer { + list-style-type: none; + padding: 0; + margin: 12px 0 8px 0; + } + + #list.ytd-playlist-renderer li.ytd-playlist-renderer { + padding-bottom: 4px; + } + + #view-more.ytd-playlist-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-playlist-renderer[is-post-compact-playlist] #view-more.ytd-playlist-renderer { + display: none; + } + + #video-title.ytd-playlist-renderer { + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-playlist-renderer[is-post-compact-playlist] #video-title.ytd-playlist-renderer { + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + h3.ytd-playlist-renderer { + color: var(--yt-spec-text-primary); + } + + #description-text.ytd-playlist-renderer { + color: var(--yt-spec-text-secondary); + padding-top: 8px; + -webkit-line-clamp: 2; + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer:before { + display: block; + content: ""; + padding-top: 56.11%; + } + + ytd-playlist-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer { + margin-right: 16px; + max-width: 360px; + min-width: 240px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-playlist-renderer[prominent-thumb-style=BIG1] ytd-playlist-thumbnail.ytd-playlist-renderer { + max-width: 340px; + } + + ytd-playlist-renderer[prominent-thumb-style=BIG2] ytd-playlist-thumbnail.ytd-playlist-renderer { + max-width: 320px; + } + + ytd-playlist-renderer[prominent-thumb-style=MEDIUM1] ytd-playlist-thumbnail.ytd-playlist-renderer { + max-width: 300px; + } + + ytd-playlist-renderer[prominent-thumb-style=MEDIUM2] ytd-playlist-thumbnail.ytd-playlist-renderer { + max-width: 280px; + } + + ytd-playlist-custom-thumbnail-renderer { + display: block; + } + + ytd-playlist-custom-thumbnail-renderer[watch-feed-thumbnail] { + height: 100%; + width: 67%; + background-color: #000; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-playlist-custom-thumbnail-renderer[watch-feed-thumbnail] yt-img-shadow.ytd-playlist-custom-thumbnail-renderer { + height: 100%; + width: 83.51%; + } + + ytd-playlist-video-thumbnail-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + yt-img-shadow.ytd-playlist-video-thumbnail-renderer { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-show-custom-thumbnail-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + yt-img-shadow.ytd-show-custom-thumbnail-renderer { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-thumbnail-overlay-bottom-panel-renderer { + position: absolute; + right: 0; + left: 0; + bottom: 0; + height: 24px; + background-color: var(--yt-spec-static-overlay-background-heavy); + color: var(--yt-spec-static-overlay-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-thumbnail-overlay-bottom-panel-renderer[overlay-style] { + padding-right: 8px; + padding-left: 8px; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-thumbnail-overlay-bottom-panel-renderer[overlay-style] yt-icon.ytd-thumbnail-overlay-bottom-panel-renderer { + height: 20px; + width: 20px; + } + + ytd-thumbnail-overlay-hover-text-renderer { + opacity: 0; + color: var(--yt-spec-static-overlay-text-primary); + background-color: var(--yt-spec-static-overlay-background-heavy); + text-align: center; + transition: opacity 0.3s; + z-index: 1; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-thumbnail-overlay-now-playing-renderer { + opacity: 0; + color: #fff; + background-color: var(--yt-spec-static-overlay-background-heavy); + text-align: center; + transition: opacity 0.3s; + z-index: 1; + pointer-events: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-thumbnail-overlay-playback-status-renderer { + position: absolute; + bottom: 0; + left: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer { + margin: 4px 0 4px 4px; + color: var(--yt-spec-static-brand-white); + background-color: var(--yt-spec-static-overlay-background-heavy); + padding: 3px 4px; + height: 12px; + border-radius: 2px; + letter-spacing: 0.5px; + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-thumbnail-overlay-resume-playback-renderer { + display: block; + position: absolute; + bottom: 0; + right: 0; + left: 0; + height: 4px; + background-color: var(--yt-spec-icon-inactive); + z-index: 1; + } + + #progress.ytd-thumbnail-overlay-resume-playback-renderer { + background-color: var(--yt-spec-static-brand-red); + height: 100%; + } + + ytd-thumbnail-overlay-side-panel-renderer { + position: absolute; + right: 0; + top: 0; + bottom: 0; + background-color: var(--yt-spec-static-overlay-background-heavy); + color: var(--yt-spec-static-overlay-text-primary); + text-align: center; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] { + bottom: 0; + height: 40px; + top: auto; + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-thumbnail-overlay-side-panel-renderer[watch-feed-overlay],ytd-thumbnail-overlay-side-panel-renderer[rich-grid-overlay] { + width: 33%; + } + + yt-icon.ytd-thumbnail-overlay-side-panel-renderer { + margin: 4px 0 0; + } + + ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] yt-icon.ytd-thumbnail-overlay-side-panel-renderer { + margin: 0 8px 0 0; + } + + ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] yt-formatted-string.ytd-thumbnail-overlay-side-panel-renderer { + margin-right: 8px; + } + + yt-formatted-string.ytd-thumbnail-overlay-side-panel-renderer { + color: var(--yt-spec-static-overlay-text-primary); + } + + ytd-thumbnail-overlay-time-status-renderer { + display: inline-block; + position: absolute; + bottom: 0; + right: 0; + margin: 4px; + color: var(--yt-spec-static-brand-white); + background-color: var(--yt-spec-static-overlay-background-heavy); + padding: 3px 4px; + height: 12px; + border-radius: 2px; + letter-spacing: 0.5px; + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + ytd-thumbnail-overlay-time-status-renderer yt-icon.ytd-thumbnail-overlay-time-status-renderer { + --iron-icon-height: 16px; + --iron-icon-width: 16px; + margin-right: 4px; + } + + ytd-thumbnail-overlay-time-status-renderer[overlay-style=LIVE] { + background-color: var(--yt-spec-static-overlay-background-brand); + } + + ytd-thumbnail-overlay-time-status-renderer[overlay-style=HERO] { + margin: 16px; + padding: 6px; + z-index: 1; + } + + ytd-thumbnail-overlay-time-status-renderer[overlay-type=WATCH_CARD_HERO] { + margin: 16px; + padding: 6px; + z-index: 1; + } + + ytd-thumbnail-overlay-time-status-renderer[overlay-type=CLIP] { + margin-right: 8px; + } + + ytd-thumbnail-overlay-time-status-renderer[overlay-type=CLIP] yt-icon.ytd-thumbnail-overlay-time-status-renderer { + height: 12px; + width: 12px; + } + + ytd-playlist-thumbnail { + display: block; + position: relative; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-thumbnail-overlay-hover-text-renderer.ytd-playlist-thumbnail { + opacity: 1; + } + + #length.ytd-playlist-thumbnail { + position: absolute; + bottom: 0; + right: 0; + margin: 4px; + color: var(--yt-spec-static-brand-white); + background-color: var(--yt-spec-static-overlay-background-heavy); + padding: 3px 4px; + height: 12px; + border-radius: 2px; + letter-spacing: 0.5px; + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + } + + ytd-playlist-thumbnail #thumbnail.ytd-playlist-thumbnail { + height: 100%; + position: relative; + margin-left: auto; + margin-right: auto; + overflow: hidden; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + ytd-playlist-thumbnail #thumbnail.ytd-playlist-thumbnail yt-img-shadow.ytd-playlist-thumbnail { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-playlist-thumbnail { + display: block; + } + + ytd-playlist-thumbnail[now-playing] ytd-thumbnail-overlay-now-playing-renderer.ytd-playlist-thumbnail { + opacity: 1; + } + + #thumbnail.ytd-playlist-thumbnail,#playlist-thumbnails.ytd-playlist-thumbnail { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + ytd-video-meta-block,.ytd-video-meta-block[meta-block] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-video-meta-block.grid #metadata.ytd-video-meta-block,ytd-video-meta-block.compact #metadata.ytd-video-meta-block,.ytd-video-meta-block[meta-block].grid.ytd-video-meta-block #metadata.ytd-video-meta-block,.ytd-video-meta-block[meta-block].compact.ytd-video-meta-block #metadata.ytd-video-meta-block { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-video-meta-block[watch-feed-big-thumbs].compact { + min-width: 0; + } + + ytd-video-meta-block[watch-feed-big-thumbs].compact #metadata.ytd-video-meta-block { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-video-meta-block.light #byline.ytd-video-meta-block,.ytd-video-meta-block[meta-block].light.ytd-video-meta-block #byline.ytd-video-meta-block { + color: var(--yt-spec-text-secondary); + } + + #metadata.ytd-video-meta-block { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #additional-metadata-line.ytd-video-meta-block > .ytd-video-meta-block:not(:last-of-type):after { + content: "•"; + margin: 4px 4px 0; + } + + #metadata-line.ytd-video-meta-block { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + max-width: 100%; + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + ytd-video-meta-block[truncate-metadata-line] #metadata-line.ytd-video-meta-block { + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + + #additional-metadata-line.ytd-video-meta-block { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #byline-container.ytd-video-meta-block { + max-width: 100%; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-video-meta-block[radio-meta] #byline-container.ytd-video-meta-block { + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-video-meta-block[rich-meta] #channel-name.ytd-video-meta-block,ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block { + font-size: 1.4rem; + font-weight: 400; + line-height: 1.8rem; + } + + ytd-video-meta-block[rich-meta][miniMode] #channel-name.ytd-video-meta-block,ytd-video-meta-block[rich-meta][miniMode] #metadata-line.ytd-video-meta-block { + font-size: 1.2rem; + line-height: 1.6rem; + } + + #separator.ytd-video-meta-block { + display: none; + } + + ytd-video-meta-block[watch-feed-big-thumbs]:not(.grid).byline-separated #separator.ytd-video-meta-block,ytd-video-meta-block:not(.grid):not(.compact).byline-separated #separator.ytd-video-meta-block,.ytd-video-meta-block[meta-block].ytd-video-meta-block:not(.grid):not(.compact).byline-separated #separator.ytd-video-meta-block { + display: inline-block; + color: var(--yt-spec-text-secondary); + margin: 0 4px; + } + + #channel-name.ytd-video-meta-block { + --ytd-channel-name-badges-margin-right: 8px; + --ytd-channel-name-text-display: block; + --ytd-channel-name-text-complex-display: flex; + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + max-width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #channel-name.long-byline.ytd-video-meta-block { + --ytd-channel-name-container-display: -webkit-box; + --ytd-channel-name-text-display: -webkit-box; + --ytd-channel-name-text-line-clamp: 2; + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + display: -webkit-box; + -webkit-box-orient: vertical; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #channel-name.ytd-video-meta-block[verified] { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + --yt-endpoint-visited-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + margin-right: 8px; + } + + #channel-name.ytd-video-meta-block[verified].long-byline.ytd-video-meta-block { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + --yt-endpoint-visited-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + } + + ytd-video-meta-block.grid #channel-name.ytd-video-meta-block,.ytd-video-meta-block[meta-block].grid.ytd-video-meta-block #channel-name.ytd-video-meta-block { + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + } + + ytd-video-meta-block.grid #channel-name.ytd-video-meta-block[verified],.ytd-video-meta-block[meta-block].grid.ytd-video-meta-block #channel-name.ytd-video-meta-block[verified] { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + --yt-endpoint-visited-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + } + + #metadata-line.ytd-video-meta-block > .ytd-video-meta-block:not(:last-of-type):after { + content: "•"; + margin: 0 4px; + } + + #metadata-line.ytd-video-meta-block span.ytd-video-meta-block { + display: inline-block; + } + + ytd-badge-supported-renderer.ytd-video-meta-block { + margin-right: 8px; + } + + #video-badges.ytd-video-meta-block { + margin-top: 4px; + } + + ytd-video-renderer { + --yt-button-compact-background-color: var(--yt-spec-10-percent-layer); + --yt-button-compact-text-color: var(--yt-spec-text-secondary); + display: block; + } + + ytd-video-renderer[is-hidden] #dismissable.ytd-video-renderer,ytd-video-renderer[is-dismissed] #dismissable.ytd-video-renderer,ytd-video-renderer:not([is-dismissed]) #dismissed.ytd-video-renderer { + display: none; + } + + #dismissable.ytd-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + position: relative; + } + + #dismissed.ytd-video-renderer:focus { + outline: none; + } + + ytd-video-renderer:not(:hover) ytd-menu-renderer.ytd-video-renderer:not([menu-active]).ytd-video-renderer:not(:focus-within) { + opacity: 0; + } + + ytd-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-video-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + width: 246px; + height: 138px; + margin-right: 16px; + } + + ytd-video-renderer[is-backstage-video] ytd-thumbnail.ytd-video-renderer { + width: 210px; + height: 118px; + margin-right: 8px; + } + + ytd-video-renderer[is-post-compact-video] ytd-thumbnail.ytd-video-renderer { + width: 128px; + height: 72px; + margin-right: 8px; + } + + #description-text.ytd-video-renderer { + color: var(--yt-spec-text-secondary); + padding-top: 8px; + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .text-wrapper.ytd-video-renderer { + max-width: 600px; + min-width: 0; + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .text-wrapper.ytd-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #title-wrapper.ytd-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #menu.ytd-video-renderer { + height: 2.4rem; + } + + ytd-menu-renderer.ytd-video-renderer { + margin-top: -11px; + } + + #video-title.ytd-video-renderer { + color: var(--yt-spec-text-primary); + -webkit-line-clamp: 2; + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + #inline-title-icon.ytd-video-renderer { + color: var(--yt-spec-icon-active-other); + height: 18px; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-video-renderer[is-backstage-video] #video-title.ytd-video-renderer { + color: var(--yt-spec-text-primary); + white-space: var(--ytd-subheadline-one-line-ellipsis_-_white-space); text-overflow: var(--ytd-subheadline-one-line-ellipsis_-_text-overflow); display: var(--ytd-subheadline-one-line-ellipsis_-_display); max-height: var(--ytd-subheadline-one-line-ellipsis_-_max-height); overflow: var(--ytd-subheadline-one-line-ellipsis_-_overflow); font-size: var(--ytd-subheadline-one-line-ellipsis_-_font-size); font-weight: var(--ytd-subheadline-one-line-ellipsis_-_font-weight); line-height: var(--ytd-subheadline-one-line-ellipsis_-_line-height); letter-spacing: var(--ytd-subheadline-one-line-ellipsis_-_letter-spacing); + } + + ytd-video-renderer[is-post-compact-video] #video-title.ytd-video-renderer { + color: var(--yt-spec-text-primary); + white-space: var(--ytd-subheadline-one-line-ellipsis_-_white-space); text-overflow: var(--ytd-subheadline-one-line-ellipsis_-_text-overflow); display: var(--ytd-subheadline-one-line-ellipsis_-_display); max-height: var(--ytd-subheadline-one-line-ellipsis_-_max-height); overflow: var(--ytd-subheadline-one-line-ellipsis_-_overflow); font-size: var(--ytd-subheadline-one-line-ellipsis_-_font-size); font-weight: var(--ytd-subheadline-one-line-ellipsis_-_font-weight); line-height: var(--ytd-subheadline-one-line-ellipsis_-_line-height); letter-spacing: var(--ytd-subheadline-one-line-ellipsis_-_letter-spacing); + } + + ytd-video-renderer.blue-links #video-title.ytd-video-renderer { + color: #167ac6; + } + + .title-and-badge.ytd-video-renderer { + min-width: 0; + color: var(--yt-spec-text-primary); + margin-right: 8px; + overflow: hidden; + } + + #buttons.ytd-video-renderer > *.ytd-video-renderer { + margin-top: 4px; + } + + ytd-video-renderer[is-post-compact-video] #description-text.ytd-video-renderer,ytd-video-renderer[is-post-compact-video] #buttons.ytd-video-renderer { + display: none; + } + + ytd-video-renderer[is-post-compact-video] .text-wrapper.ytd-video-renderer { + margin-top: 8px; + margin-right: 8px; + } + + #channel-info.ytd-video-renderer { + display: none; + } + + ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer:before { + display: block; + content: ""; + padding-top: 56.11%; + } + + ytd-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-video-renderer { + margin-right: 16px; + max-width: 360px; + min-width: 240px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-video-renderer[prominent-thumb-style=BIG1] ytd-thumbnail.ytd-video-renderer { + max-width: 340px; + } + + ytd-video-renderer[prominent-thumb-style=BIG2] ytd-thumbnail.ytd-video-renderer { + max-width: 320px; + } + + ytd-video-renderer[prominent-thumb-style=MEDIUM1] ytd-thumbnail.ytd-video-renderer { + max-width: 300px; + } + + ytd-video-renderer[prominent-thumb-style=MEDIUM2] ytd-thumbnail.ytd-video-renderer { + max-width: 280px; + } + + ytd-video-renderer[use-prominent-thumbs] #channel-info.ytd-video-renderer { + padding: 12px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + yt-img-shadow.ytd-video-renderer { + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + ytd-video-renderer[use-prominent-thumbs] .text-wrapper.ytd-video-renderer { + max-width: none; + } + + ytd-video-renderer[use-prominent-thumbs] #description-text.ytd-video-renderer { + padding-top: 0; + } + + @media (min-width: 0) and (max-width: 691px) { + ytd-video-renderer[use-prominent-thumbs] #description-text.ytd-video-renderer { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + } + + ytd-video-renderer[prominent-thumb-style=MEDIUM2] #description-text.ytd-video-renderer { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + @media (min-width: 0) and (max-width: 627px) { + ytd-video-renderer[use-prominent-thumbs] #description-text.ytd-video-renderer { + display: none; + } + + } + + #channel-name.ytd-video-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + padding-left: 8px; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-upcoming-event-reminder-button-renderer { + display: block; + } + + ytd-notification-multi-action-renderer { + display: block; + text-align: center; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #text.ytd-notification-multi-action-renderer { + color: var(--yt-spec-text-secondary); + display: block; + margin: 8px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-notification-multi-action-renderer[shelf-dismissal] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-notification-multi-action-renderer[shelf-dismissal] #text.ytd-notification-multi-action-renderer { + margin: var(--ytd-margin-3x) var(--ytd-margin-4x) var(--ytd-margin-3x) 0; + font-size: 1.4rem; + font-weight: 400; + line-height: 1.8rem; + } + + #buttons.ytd-notification-multi-action-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-button-renderer.ytd-notification-multi-action-renderer { + max-width: 100%; + } + + ytd-notification-text-renderer { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + yt-formatted-string.ytd-notification-text-renderer { + color: var(--yt-spec-text-secondary); + display: block; + padding: 8px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #undo.ytd-notification-text-renderer { + cursor: pointer; + color: var(--yt-spec-call-to-action); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + ytd-moving-thumbnail-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #player-container.loading.ytd-moving-thumbnail-renderer { + transition: opacity 0.25s; + opacity: 0.5; + display: block; + } + + #player-container.playing.ytd-moving-thumbnail-renderer { + transition: opacity 0.25s; + opacity: 1; + display: block; + } + + #player-container.ytd-moving-thumbnail-renderer { + transition: opacity 0.5s; + opacity: 0; + display: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #thumbnail.ytd-moving-thumbnail-renderer { + transition: opacity 0.5s; + opacity: 0; + width: 100%; + height: 100%; + max-height: var(--yt-img-max-height, none); + max-width: var(--yt-img-max-width, 100%); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #thumbnail.fade-in.ytd-moving-thumbnail-renderer { + opacity: 1; + } + + #play.fade-in.ytd-moving-thumbnail-renderer { + transition: opacity 0.5s; + } + + #play.fade-in.ytd-moving-thumbnail-renderer,#play.show.ytd-moving-thumbnail-renderer { + opacity: 0.8; + } + + #play.ytd-moving-thumbnail-renderer { + height: 48px; + width: 48px; + margin: auto; + opacity: 0; + fill: var(--yt-spec-static-brand-white); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + ytd-thumbnail-overlay-button-renderer { + --paper-tooltip-background: var(--yt-spec-static-overlay-background-heavy); + position: absolute; + top: 0; + right: 0; + cursor: pointer; + color: var(--yt-spec-static-overlay-text-primary); + outline: none; + background-color: var(--ytd-thumbnail-overlay-button-background, var(--yt-spec-static-overlay-background-heavy)); + transition: opacity 0.3s; + width: 28px; + height: 28px; + border-radius: 2px; + margin: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-thumbnail-overlay-button-renderer:focus yt-icon.ytd-thumbnail-overlay-button-renderer { + outline: #5b9dd9 auto 5px; + } + + ytd-thumbnail-overlay-endorsement-renderer { + background-color: var(--yt-spec-general-background-b); + color: var(--yt-spec-text-secondary); + padding: 8px 12px; + position: absolute; + bottom: 0; + left: 0; + right: 0; + z-index: 1; + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -moz-box-orient: horizontal; + -moz-box-direction: normal; + flex-direction: row; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #bottom-right-corner.ytd-thumbnail-overlay-endorsement-renderer { + border-bottom: 24px solid var(--yt-spec-badge-chip-background); + border-left: 24px solid transparent; + position: absolute; + height: 0; + width: 0; + bottom: 0; + right: 0; + } + + ytd-thumbnail-overlay-pinking-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + .pinking-left.ytd-thumbnail-overlay-pinking-renderer { + position: absolute; + + left: 0; + width: 4px; + height: 100%; + } + + .pinking-right.ytd-thumbnail-overlay-pinking-renderer { + position: absolute; + + right: 0; + width: 4px; + height: 100%; + } + + .pinking.ytd-thumbnail-overlay-pinking-renderer { + fill: var(--ytd-thumbnail-overlay-pinking-renderer-background, var(--yt-spec-general-background-b)); + } + + ytd-thumbnail-overlay-toggle-button-renderer { + --paper-tooltip-background: var(--yt-spec-static-overlay-background-heavy); + position: absolute; + top: 0; + right: 0; + cursor: pointer; + color: var(--yt-spec-static-overlay-text-primary); + outline: none; + background-color: var(--yt-spec-static-overlay-background-heavy); + transition: opacity 0.3s; + width: 28px; + height: 28px; + border-radius: 2px; + margin: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-thumbnail-overlay-toggle-button-renderer:focus yt-icon.ytd-thumbnail-overlay-toggle-button-renderer { + outline: #5b9dd9 auto 5px; + } + + #label-container.ytd-thumbnail-overlay-toggle-button-renderer { + display: none; + } + + ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] #label-container.ytd-thumbnail-overlay-toggle-button-renderer { + display: block; + position: absolute; + width: auto; + right: 28px; + height: 28px; + overflow: hidden; + } + + ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] #label.ytd-thumbnail-overlay-toggle-button-renderer { + padding: 0 2px 0 8px; + white-space: nowrap; + height: 100%; + border-radius: 2px 0 0 2px; + will-change: transform; + transform: translateX(100%); + background-color: var(--yt-spec-static-overlay-background-heavy); + transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][hovered] { + border-radius: 0 2px 2px 0; + background-color: var(--yt-spec-static-overlay-background-solid); + } + + ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][hovered] #label.ytd-thumbnail-overlay-toggle-button-renderer { + transform: translateX(0); + background-color: var(--yt-spec-static-overlay-background-solid); + transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1); + } + + ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][toggled] yt-icon.ytd-thumbnail-overlay-toggle-button-renderer,ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][toggled] #label.ytd-thumbnail-overlay-toggle-button-renderer { + color: var(--yt-spec-static-overlay-call-to-action); + } + + ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip]:focus yt-icon.ytd-thumbnail-overlay-toggle-button-renderer { + outline: none; + } + + ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] paper-tooltip.ytd-thumbnail-overlay-toggle-button-renderer { + display: none; + } + + ytd-thumbnail { + display: block; + position: relative; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-thumbnail-overlay-hover-text-renderer.ytd-thumbnail { + opacity: 1; + } + + #length.ytd-thumbnail { + position: absolute; + bottom: 0; + right: 0; + margin: 4px; + color: var(--yt-spec-static-brand-white); + background-color: var(--yt-spec-static-overlay-background-heavy); + padding: 3px 4px; + height: 12px; + border-radius: 2px; + letter-spacing: 0.5px; + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + } + + ytd-thumbnail #thumbnail.ytd-thumbnail { + height: 100%; + position: relative; + margin-left: auto; + margin-right: auto; + overflow: hidden; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-thumbnail #thumbnail.ytd-thumbnail { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + ytd-thumbnail[add-background] yt-img-shadow.ytd-thumbnail { + --yt-img-shadow-placeholder-color: var(--yt-spec-10-percent-layer); + --yt-img-shadow-min-height: 100%; + --yt-img-shadow-min-width: 100%; + } + + ytd-thumbnail[queued] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail { + display: none; + } + + ytd-thumbnail-overlay-now-playing-renderer.ytd-thumbnail { + opacity: 0; + pointer-events: none; + } + + ytd-thumbnail[now-playing] ytd-thumbnail-overlay-now-playing-renderer.ytd-thumbnail { + opacity: 1; + pointer-events: auto; + } + + #overlays.ytd-thumbnail { + display: none; + } + + .ytd-thumbnail[top-right-overlay] ~ .ytd-thumbnail[top-right-overlay] { + top: 32px; + } + + yt-img-shadow.ytd-thumbnail[loaded] + #overlays.ytd-thumbnail { + display: block; + } + + ytd-date-time-picker-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #hint.ytd-date-time-picker-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #picker-component.ytd-date-time-picker-renderer > *.ytd-date-time-picker-renderer { + margin-left: 16px; + } + + ytd-calendar-date-picker.ytd-date-time-picker-renderer { + width: 140px; + } + + .dropdown-trigger.ytd-date-time-picker-renderer { + background-color: var(--yt-spec-brand-background-solid); + border: 1px solid var(--yt-spec-inactive-text-button-focus-outline); + border-radius: 2px; + color: var(--yt-spec-text-secondary); + height: 36px; + margin: 0; + padding: 0 12px; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #timezone-picker.ytd-date-time-picker-renderer { + width: 224px; + } + + #time-picker.ytd-date-time-picker-renderer { + width: 124px; + } + + #time-listbox.ytd-date-time-picker-renderer { + width: 106px; + } + + #timezone-listbox.ytd-date-time-picker-renderer { + width: 206px; + } + + paper-item.ytd-date-time-picker-renderer { + --paper-item-min-height: 36px; + cursor: pointer; + background-color: var(--yt-spec-brand-background-solid); + color: var(--yt-spec-text-primary); + height: 36px; + width: calc(100% - 12px); + padding: 0 0 0 12px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + paper-item.ytd-date-time-picker-renderer:hover { + background: var(--yt-spec-general-background-a); + } + + paper-listbox.ytd-date-time-picker-renderer { + background-color: var(--yt-spec-brand-background-solid); + padding-left: 1px; + max-height: 360px; + } + + paper-menu-button.ytd-date-time-picker-renderer { + padding: 0px; + --paper-menu-button-dropdown-background: var(--yt-spec-brand-background-solid); + } + + yt-formatted-string.ytd-date-time-picker-renderer { + color: var(--yt-spec-text-secondary); + padding: 2px 0 17px 16px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #cancel-button-wrapper.ytd-date-time-picker-renderer ytd-button-renderer.ytd-date-time-picker-renderer { + color: var(--yt-spec-icon-inactive); + position: absolute; + z-index: 10; + right: 8px; + top: -8px; + } + + #cancel-button-wrapper.ytd-date-time-picker-renderer { + width: 100%; + position: relative; + } + + ytd-calendar-date-picker { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + paper-menu-button.ytd-calendar-date-picker { + padding: 0; + } + + paper-dialog.ytd-calendar-date-picker > *.ytd-calendar-date-picker { + padding: 0; + margin: 0; + } + + #date-picker.ytd-calendar-date-picker { + background-color: var(--yt-spec-brand-background-solid); + border: 1px solid var(--yt-spec-icon-disabled); + border-radius: 2px; + color: var(--yt-spec-text-secondary); + width: 144px; + height: 36px; + padding: 0 12px; + margin: 0; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #control-area.ytd-calendar-date-picker { + margin: 6px 8px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #date-input.ytd-calendar-date-picker { + margin-left: 8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + paper-input-container.ytd-calendar-date-picker { + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-invalid-color: var(--yt-spec-brand-link-text); + --paper-input-container-input_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --paper-input-container-input_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform); --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial;; + } + + input.ytd-calendar-date-picker { + position: var(--paper-input-container-shared-input-style_-_position); outline: var(--paper-input-container-shared-input-style_-_outline); box-shadow: var(--paper-input-container-shared-input-style_-_box-shadow); padding: var(--paper-input-container-shared-input-style_-_padding); margin: var(--paper-input-container-shared-input-style_-_margin); width: var(--paper-input-container-shared-input-style_-_width); max-width: var(--paper-input-container-shared-input-style_-_max-width); background: var(--paper-input-container-shared-input-style_-_background); border: var(--paper-input-container-shared-input-style_-_border); color: var(--paper-input-container-shared-input-style_-_color); -webkit-appearance: var(--paper-input-container-shared-input-style_-_-webkit-appearance); text-align: var(--paper-input-container-shared-input-style_-_text-align); vertical-align: var(--paper-input-container-shared-input-style_-_vertical-align); font-family: var(--paper-input-container-shared-input-style_-_font-family); -webkit-font-smoothing: var(--paper-input-container-shared-input-style_-_-webkit-font-smoothing); font-size: var(--paper-input-container-shared-input-style_-_font-size); font-weight: var(--paper-input-container-shared-input-style_-_font-weight); line-height: var(--paper-input-container-shared-input-style_-_line-height); + font-size: var(--ytd-thumbnail-attribution_-_font-size, var(--paper-input-container-shared-input-style_-_font-size)); font-weight: var(--ytd-thumbnail-attribution_-_font-weight, var(--paper-input-container-shared-input-style_-_font-weight)); line-height: var(--ytd-thumbnail-attribution_-_line-height, var(--paper-input-container-shared-input-style_-_line-height)); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #month-controller.ytd-calendar-date-picker { + width: 40px; + margin: 0 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #prev-month.ytd-calendar-date-picker,#next-month.ytd-calendar-date-picker { + color: var(--yt-spec-icon-inactive); + width: 16px; + height: 16px; + margin: auto; + } + + #calendar-dialog.ytd-calendar-date-picker { + width: 277px; + height: 370px; + background-color: var(--yt-spec-brand-background-solid); + margin: 0; + } + + .calendar-container.ytd-calendar-date-picker { + max-height: calc(100% - 38px - 8px); + background-color: var(--yt-spec-brand-background-solid); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .calendar-header.ytd-calendar-date-picker { + height: 32px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #calendar-main.ytd-calendar-date-picker { + overflow-y: auto; + overflow-x: hidden; + max-height: 288px; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + #calendar-main.ytd-calendar-date-picker:focus { + outline: none; + } + + .calendar-header-day.ytd-calendar-date-picker { + color: var(--yt-spec-text-secondary); + display: inline-block; + max-height: 100%; + width: 36px; + padding-top: 7px; + text-align: center; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .calendar-header-day.ytd-calendar-date-picker:first-of-type { + margin-left: 8px; + } + + .calendar-month.ytd-calendar-date-picker { + display: inline-block; + } + + .calendar-month-label.ytd-calendar-date-picker { + color: var(--yt-spec-text-secondary); + margin-left: 16px; + max-height: 36px; + padding: 8px 0; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + .calendar-month-label.shift-down-label.ytd-calendar-date-picker { + position: absolute; + } + + .calendar-week.ytd-calendar-date-picker { + margin-left: 8px; + width: 252px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .calendar-day.ytd-calendar-date-picker { + color: var(--yt-spec-text-primary); + cursor: pointer; + position: relative; + display: inline-block; + width: 36px; + max-height: 36px; + padding: 9px 0; + text-align: center; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .calendar-day.ytd-calendar-date-picker:hover:not(.disabled)::after,.calendar-day.today.ytd-calendar-date-picker::after,.calendar-day.selected.ytd-calendar-date-picker::after { + content: ""; + position: absolute; + z-index: -1; + top: 2px; + left: 2px; + right: 2px; + bottom: 2px; + border-radius: 100%; + } + + .calendar-day.today.ytd-calendar-date-picker::after { + box-shadow: inset 0 0 0 1px var(--yt-spec-icon-inactive); + } + + .calendar-day.ytd-calendar-date-picker:hover:not(.disabled) { + color: var(--yt-spec-text-primary); + } + + .calendar-day.ytd-calendar-date-picker:hover:not(.disabled)::after { + background: var(--yt-spec-general-background-a); + } + + .calendar-day.selected.ytd-calendar-date-picker { + color: var(--yt-spec-static-brand-white); + } + + .calendar-day.selected.ytd-calendar-date-picker::after { + background: var(--yt-spec-themed-blue); + } + + .calendar-day.disabled.ytd-calendar-date-picker { + color: var(--yt-spec-text-disabled); + cursor: default; + pointer-events: none; + } + + .invisible.ytd-calendar-date-picker { + visibility: hidden; + } + + ytd-backstage-dismissable-attachment { + display: block; + margin: 16px 0 0 0; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + ytd-backstage-dismissable-attachment[attachment-type=image] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-button-renderer.ytd-backstage-dismissable-attachment { + --yt-button-icon-size: 24px; + --yt-button-icon-padding: 4px; + position: absolute; + right: -12px; + top: -12px; + width: 24px; + height: 24px; + z-index: 1; + cursor: pointer; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2); + border-radius: 50%; + background-color: var(--ytd-backstage-cancel-background-color); + color: var(--ytd-backstage-cancel-color); + } + + #attachment-preview-container.ytd-backstage-dismissable-attachment { + position: relative; + } + + ytd-backstage-dismissable-attachment[attachment-type=image] #attachment-preview-container.ytd-backstage-dismissable-attachment { + max-width: 100%; + max-height: 420px; + } + + ytd-backstage-dismissable-attachment[attachment-type=video] #attachment-preview-container.ytd-backstage-dismissable-attachment { + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 2px; + padding: 8px; + background-color: var(--yt-spec-brand-background-solid); + } + + ytd-video-renderer.ytd-backstage-dismissable-attachment { + --ytd-metadata-line-color: var(--yt-spec-text-secondary); + --yt-metadata-color: var(--yt-spec-text-secondary); + } + + ytd-backstage-video-link-attachment { + --paper-input-container-input-align: baseline; + --ytd-cancel-button-right: -12px; + --ytd-cancel-button-top: -12px; + --ytd-cancel-button-size: 24px; + display: block; + position: relative; + padding: 0; + margin: 20px 0 0 0; + } + + #cancel-button.ytd-backstage-video-link-attachment { + position: absolute; + right: var(--ytd-cancel-button-right); + top: var(--ytd-cancel-button-top); + width: var(--ytd-cancel-button-size); + height: var(--ytd-cancel-button-size); + z-index: 1; + } + + #cancel-button.ytd-backstage-video-link-attachment > ytd-button-renderer.ytd-backstage-video-link-attachment { + --yt-button-icon-size: var(--ytd-cancel-button-size); + --yt-button-icon-padding: 4px; + position: absolute; + width: var(--ytd-cancel-button-size); + height: var(--ytd-cancel-button-size); + z-index: 1; + cursor: pointer; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2); + border-radius: 50%; + background-color: var(--ytd-backstage-cancel-background-color); + color: var(--ytd-backstage-cancel-color); + } + + #video-preview.ytd-backstage-video-link-attachment { + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 2px; + padding: 8px; + background-color: var(--yt-spec-general-background-a); + } + + ytd-video-renderer.ytd-backstage-video-link-attachment { + --ytd-metadata-line-color: var(--ytd-backstage-creationbox-text-color); + } + + paper-item.ytd-emoji-suggestion { + font-size: 15px; + min-height: 40px; + color: var(--yt-live-chat-text-input-field-suggestion-text-color, #666); + cursor: pointer; + } + + ytd-emoji-suggestion:hover paper-item.ytd-emoji-suggestion,ytd-emoji-suggestion[active] paper-item.ytd-emoji-suggestion { + background-color: var(--yt-live-chat-text-input-field-suggestion-background-color-hover, #eee); + color: var(--yt-live-chat-text-input-field-suggestion-text-color-hover, #333); + } + + img.ytd-emoji-suggestion { + width: 24px; + height: 24px; + margin-right: 8px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + img.ytd-emoji-suggestion[author] { + border-radius: 12px; + } + + ytd-emoji-input { + display: block; + position: relative; + } + + #dropdown.ytd-emoji-input { + background-color: var(--yt-live-chat-text-input-field-suggestion-background-color, #fff); + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + #dropdown-content.ytd-emoji-input { + max-height: 200px; + padding: 8px 0; + } + + ytd-poll-attachment paper-input.ytd-poll-attachment { + --paper-input-container-underline-color: var( + --ytd-paper-input-container-underline-color, + var(--ytd-backstage-creationbox-inactive-color) + ); + --paper-input-container-underline-legacy-height: 0; + --paper-input-container-underline-focus-color: var(--ytd-backstage-creationbox-input-text-color); + --paper-input-char-counter_-_color: var(--ytd-backstage-creationbox-inactive-color); --paper-input-char-counter_-_margin-top: 2px; --paper-input-char-counter_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --paper-input-char-counter_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --paper-input-char-counter_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --paper-input-char-counter_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --paper-input-char-counter_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform); --paper-input-char-counter_-_margin-right: initial; --paper-input-char-counter_-_height: initial;; + height: 54px; + } + + ytd-poll-attachment { + --paper-input-container-underline_-_box-sizing: border-box; --paper-input-container-underline_-_display: initial; --paper-input-container-underline_-_background: initial; --paper-input-container-underline_-_height: initial; --paper-input-container-underline_-_border-bottom: initial;; + } + + #poll-options.ytd-poll-attachment { + margin: 12px 16px 0 16px; + width: auto; + } + + .poll-option.ytd-poll-attachment { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .poll-option-input.ytd-poll-attachment { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .remove-button.ytd-poll-attachment { + width: 24px; + height: 24px; + margin-right: 12px; + margin-top: 6px; + color: var(--yt-spec-icon-inactive); + } + + .remove-button.ytd-poll-attachment:hover { + color: var(--yt-spec-icon-active-other); + } + + .remove-option.ytd-poll-attachment { + width: 16px; + height: 16px; + } + + #add-option.ytd-poll-attachment ytd-button-renderer.ytd-poll-attachment { + margin-left: 20px; + } + + #add-option.ytd-poll-attachment { + margin-bottom: -16px; + } + + ytd-poll-attachment[has-max-options] .poll-option.ytd-poll-attachment:last-of-type { + margin-bottom: 16px; + } + + yt-user-mention-suggestions-dropdown { + display: inline-block; + background: var(--yt-spec-brand-background-solid); + max-height: 31rem; + padding: var(--ytd-margin-2x) 0; + white-space: nowrap; + } + + yt-user-mention-suggestions-dropdown::-webkit-scrollbar-thumb { + height: var(--ytd-scrollbar-scrubber_-_height); background: var(--ytd-scrollbar-scrubber_-_background); + } + + yt-user-mention-suggestions-dropdown::-webkit-scrollbar { + width: var(--ytd-scrollbar-width); + } + + yt-user-mention-autosuggest-input { + display: block; + } + + #dropdown.yt-user-mention-autosuggest-input { + z-index: var(--ytd-z-index-user-mention-suggestions-container); + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + yt-user-mention-suggestion-renderer { + display: block; + box-sizing: border-box; + width: min-content; + min-width: 100%; + padding: var(--ytd-margin-2x) var(--ytd-margin-4x); + } + + yt-user-mention-suggestion-renderer[focused] { + background: var(--yt-spec-button-chip-background-hover); + } + + #thumbnail.yt-user-mention-suggestion-renderer { + display: inline-block; + vertical-align: middle; + width: 40px; + height: 40px; + border-radius: var(--yt-circular_-_border-radius); background-color: var(--yt-circular_-_background-color); overflow: var(--yt-circular_-_overflow); + } + + #info.yt-user-mention-suggestion-renderer { + display: inline-block; + vertical-align: middle; + margin: 0 var(--ytd-margin-4x); + } + + #display-name.yt-user-mention-suggestion-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #channel-info.yt-user-mention-suggestion-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-commentbox { + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-input_-_line-height: 20px; --paper-input-container-input_-_font-size: 14px; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial;; + --ytd-commentbox-user-mentions-chip_-_background: var(--yt-spec-badge-chip-background); --ytd-commentbox-user-mentions-chip_-_border-radius: .2em; --ytd-commentbox-user-mentions-chip_-_color: var(--yt-spec-text-primary); --ytd-commentbox-user-mentions-chip_-_cursor: default; --ytd-commentbox-user-mentions-chip_-_max-width: 100%; --ytd-commentbox-user-mentions-chip_-_white-space: nowrap; --ytd-commentbox-user-mentions-chip_-_overflow: hidden; --ytd-commentbox-user-mentions-chip_-_text-overflow: ellipsis; --ytd-commentbox-user-mentions-chip_-_vertical-align: top; --ytd-commentbox-user-mentions-chip_-_pointer-events: none;; + word-break: break-all; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-commentbox[is-backstage-post] paper-input-container.ytd-commentbox { + --paper-input-container-input_-_line-height: 20px; --paper-input-container-input_-_font-size: 16px; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial;; + } + + ytd-commentbox[is-backstage-comment] { + margin-top: 12px; + } + + #contenteditable-textarea.ytd-commentbox[aria-label].ytd-commentbox:empty:before { + color: var(--yt-spec-text-secondary); + -webkit-font-smoothing: subpixel-antialiased; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + content: attr(aria-label); + cursor: text; + } + + yt-formatted-string#contenteditable-textarea.ytd-commentbox { + --contenteditable-root-style_-_outline: none; --contenteditable-root-style_-_max-height: initial; --contenteditable-root-style_-_overflow: initial;; + --contenteditable-root-style-placeholder-with-aria_-_color: var(--yt-spec-text-secondary); --contenteditable-root-style-placeholder-with-aria_-_content: attr(aria-label); --contenteditable-root-style-placeholder-with-aria_-_cursor: text;; + --ytd-emoji-style_-_width: var(--yt-formatted-string-emoji-size, 24px); --ytd-emoji-style_-_height: var(--yt-formatted-string-emoji-size, 24px); --ytd-emoji-style_-_margin: -1px 2px 1px; --ytd-emoji-style_-_vertical-align: middle; --ytd-emoji-style_-_padding-right: .2em;; + --ytd-small-emoji-style_-_width: var(--yt-formatted-string-small-emoji-size, 16px); --ytd-small-emoji-style_-_height: var(--yt-formatted-string-small-emoji-size, 16px); --ytd-small-emoji-style_-_margin: -1px 2px 1px; --ytd-small-emoji-style_-_vertical-align: middle; --ytd-small-emoji-style_-_padding-right: .2em;; + display: block; + word-break: normal; + word-wrap: break-word; + --paper-input-container-input_-_white-space: pre-wrap; + } + + ytd-commentbox:not([is-backstage-post]) yt-formatted-string#contenteditable-textarea.ytd-commentbox { + margin-bottom: 0.25em; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-commentbox[is-backstage-post] #contenteditable-textarea.ytd-commentbox[aria-label].ytd-commentbox:empty:before { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + paper-input-container.ytd-commentbox { + padding-top: 0; + } + + #input-container.ytd-commentbox { + --paper-input-container-underline-color: var(--yt-commentbox-border-inactive); + --paper-input-container-underline-focus-color: var(--yt-commentbox-border-active); + } + + #author-thumbnail.ytd-commentbox,ytd-commentbox[is-reply][is-backstage-comment] #author-thumbnail.ytd-commentbox { + width: 40px; + height: 40px; + margin-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + ytd-commentbox[is-reply] #author-thumbnail.ytd-commentbox { + width: 24px; + height: 24px; + margin-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #main.ytd-commentbox { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + min-width: 0; + } + + #footer.ytd-commentbox { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #attachments.ytd-commentbox { + margin-left: -10px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-button-renderer.ytd-commentbox { + --yt-button-icon-size: 36px; + } + + #footer-text.ytd-commentbox { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .footer-error-message.ytd-commentbox { + color: var(--yt-spec-brand-link-text); + } + + .footer-alert-message.ytd-commentbox { + color: var(--ytd-backstage-image-alert-color); + } + + #footer-message.ytd-commentbox { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #zero-step-footer-text.ytd-commentbox { + color: var(--yt-copyright-text); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #buttons.ytd-commentbox { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #cancel-button.ytd-commentbox,#submit-button.ytd-commentbox { + margin-left: 8px; + } + + paper-spinner-lite.ytd-commentbox { + margin: auto; + display: none; + } + + paper-spinner-lite.ytd-commentbox[active] { + display: block; + } + + #poll-attachment.ytd-commentbox { + --ytd-paper-input-container-underline-color: var(--yt-commentbox-border-inactive); + } + + #access-restrictions-selector.ytd-commentbox { + overflow: hidden; + } + + ytd-commentbox[is-backstage-post] paper-spinner-lite.ytd-commentbox { + padding: 24px 0; + } + + ytd-commentbox[is-backstage-post][is-creation-box] { + background: var(--yt-spec-brand-background-primary); + } + + ytd-commentbox[is-backstage-post][is-creation-box] #author-thumbnail.ytd-commentbox { + display: none; + } + + ytd-commentbox[is-backstage-post][is-creation-box] #input-container.ytd-commentbox { + --paper-input-container-underline-display: none; + --paper-input-container-underline-focus-display: none; + padding: 0; + } + + ytd-commentbox[is-creation-box] #contenteditable-textarea.ytd-commentbox { + color: var(--ytd-backstage-creationbox-input-text-color); + } + + ytd-commentbox[is-backstage-post][is-creation-box] #contenteditable-textarea.ytd-commentbox { + margin-bottom: 0; + } + + ytd-commentbox[is-backstage-post][is-creation-box] #creation-box.ytd-commentbox { + padding: 20px 16px 4px 16px; + } + + ytd-commentbox[is-backstage-post][is-creation-box] #submit-button.ytd-commentbox[disabled] { + background: var(--yt-spec-icon-disabled); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-commentbox[is-backstage-post][is-creation-box] #cancel-button.ytd-commentbox { + color: var(--ytd-backstage-creationbox-text-color); + } + + ytd-commentbox[is-backstage-post][is-creation-box] #attachments.ytd-commentbox { + margin-left: -6px; + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-post-creation-dialog-v2] #attachments.ytd-commentbox { + margin-left: -12px; + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-post-creation-dialog-v2] #video-link-button.ytd-commentbox > ytd-button-renderer.ytd-commentbox,#poll-button.ytd-commentbox > ytd-button-renderer.ytd-commentbox,#image-button.ytd-commentbox > ytd-button-renderer.ytd-commentbox { + --yt-button-padding: 6px 12px; + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-post-creation-dialog-v2] #access-restrictions-selector.ytd-commentbox { + display: none; + } + + ytd-commentbox[is-backstage-post][is-creation-box] #footer.ytd-commentbox { + margin: 16px; + } + + ytd-commentbox[is-backstage-post][is-creation-box] #attachments.ytd-commentbox ytd-button-renderer.ytd-commentbox { + --yt-button-icon-padding: 6px; + color: var(--ytd-backstage-creationbox-text-color); + } + + ytd-commentbox[is-backstage-post][is-creation-box] #attachments.ytd-commentbox ytd-button-renderer.ytd-commentbox:hover { + color: var(--ytd-backstage-attachment-icon-hover-color); + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-post-creation-dialog-v2] #submit-button.ytd-commentbox:not([disabled]).ytd-commentbox:hover { + color: var(--yt-spec-text-primary-inverse); + } + + ytd-commentbox:not([is-popup-box])[prefilled-attachment_=video] ytd-backstage-dismissable-attachment.ytd-commentbox { + display: block; + margin-top: 20px; + } + + #option-menu.ytd-commentbox ytd-menu-renderer.ytd-commentbox { + --yt-icon-width: 32px; + --yt-icon-height: 36px; + --ytd-menu-renderer-button-color: var(--yt-spec-text-primary-inverse); + border-left: 1px solid var(--yt-spec-static-overlay-icon-disabled); + } + + #option-menu.ytd-commentbox { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + background: var(--yt-spec-call-to-action); + } + + #scheduling-panel.ytd-commentbox ytd-date-time-picker-renderer.ytd-commentbox { + border-top: 1px solid var(--yt-spec-10-percent-layer); + background: var(--yt-spec-general-background-a); + padding: 16px 0; + } + + #poll-preview-edit-dialog.ytd-commentbox > yt-formatted-string.ytd-commentbox { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #buttons.with-options.ytd-commentbox #submit-button.ytd-commentbox { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + #submit-button.ytd-commentbox[disabled] + #option-menu.ytd-commentbox { + background: var(--yt-spec-icon-disabled); + } + + #submit-button.ytd-commentbox[disabled] + #option-menu.ytd-commentbox > ytd-menu-renderer.ytd-commentbox { + border-left: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] { + background: var(--ytd-backstage-attachment-background-color); + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] ytd-backstage-dismissable-attachment.ytd-commentbox { + margin-top: 12px; + margin-bottom: 12px; + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #creation-box.ytd-commentbox { + padding: 0; + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #creation-box.ytd-commentbox #contenteditable-textarea.ytd-commentbox { + --contenteditable-root-style_-_max-height: 86px; --contenteditable-root-style_-_overflow: auto; --contenteditable-root-style_-_outline: none;; + max-height: 86px; + overflow: auto; + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #creation-box.ytd-commentbox #contenteditable-textarea.ytd-commentbox { + max-height: 86px; + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #footer.ytd-commentbox { + margin: 24px 0 0 0; + } + + ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #submit-button.ytd-commentbox[disabled] { + background: var(--yt-spec-icon-disabled); + } + + #contenteditable-textarea.ytd-commentbox { + margin-bottom: var(--ytd-commentbox-textarea-margin-bottom, 4px); + padding: 0; + } + + #emoji-button.ytd-commentbox { + margin-left: calc(-1 * var(--yt-button-icon-padding, 8px)); + } + + ytd-commentbox[is-emoji-picker-displayed] #emoji-button.ytd-commentbox > ytd-button-renderer.ytd-commentbox { + color: var(--yt-spec-icon-active-other); + } + + #emojis.ytd-commentbox { + width: 424px; + padding: 16px; + margin-bottom: 20px; + margin-top: 2px; + position: absolute; + z-index: 2; + background: var(--yt-spec-brand-background-primary); + border-radius: 4px; + box-shadow: var(--shadow-elevation-16dp_-_box-shadow); + } + + .emoji.ytd-commentbox,.small-emoji.ytd-commentbox { + margin: -1px 2px 1px; + vertical-align: middle; + padding-right: 0.2em; + } + + .emoji.ytd-commentbox { + width: var(--yt-formatted-string-emoji-size, 24px); + height: var(--yt-formatted-string-emoji-size, 24px); + } + + .emoji.small-emoji.ytd-commentbox { + width: var(--yt-formatted-string-small-emoji-size, 16px); + height: var(--yt-formatted-string-small-emoji-size, 16px); + } + + #char-count.ytd-commentbox { + color: var(--yt-spec-text-secondary); + } + + ytd-commentbox[above-char-limit_] #char-count.ytd-commentbox { + color: var(--yt-spec-brand-link-text); + } + + ytd-commentbox[is-backstage-post] #divider-line.ytd-commentbox { + height: 1px; + width: 690px; + margin-left: -24px; + } + + ytd-commentbox[is-backstage-post][text-requires-scrolling] #divider-line.ytd-commentbox { + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-commentbox:not([is-backstage-post]) #divider-line.ytd-commentbox { + display: hidden; + } + + ytd-comment-action-buttons-renderer { + display: block; + color: var(--yt-spec-text-secondary); + min-height: 16px; + } + + #toolbar.ytd-comment-action-buttons-renderer { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-comment-action-buttons-renderer[action-buttons-style=desktop-toolbar] ytd-comment-reply-dialog-renderer.ytd-comment-action-buttons-renderer { + padding-top: 4px; + } + + ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]).ytd-comment-action-buttons-renderer,ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]).ytd-comment-action-buttons-renderer { + --yt-button-padding: 8px 16px; + color: var(--yt-spec-text-secondary); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-comment-action-buttons-renderer[use-comment-icon] #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer { + background-color: transparent; + } + + #vote-count-left.ytd-comment-action-buttons-renderer { + display: inline-block; + margin-left: 4px; + margin-right: 16px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #vote-count-middle.ytd-comment-action-buttons-renderer { + display: inline-block; + margin-right: 8px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #like-button.ytd-comment-action-buttons-renderer,#dislike-button.ytd-comment-action-buttons-renderer { + --yt-button-icon-size: var(--ytd-comment-thumb-dimension); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #share-button.ytd-comment-action-buttons-renderer { + margin-left: 16px; + margin-right: 8px; + } + + ytd-comment-action-buttons-renderer[use-comment-icon] #share-button.ytd-comment-action-buttons-renderer { + margin-left: auto; + margin-right: 8px; + } + + ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer #reply-button-end.ytd-comment-action-buttons-renderer { + --yt-button-icon-size: 32px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button],ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button] { + color: var(--yt-spec-text-secondary); + } + + ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button].ytd-comment-action-buttons-renderer:hover,ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button].ytd-comment-action-buttons-renderer:hover,ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer #like-button.ytd-comment-action-buttons-renderer[is-icon-button].ytd-comment-action-buttons-renderer:hover,ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer #dislike-button.ytd-comment-action-buttons-renderer[is-icon-button].ytd-comment-action-buttons-renderer:hover { + color: var(--yt-spec-text-primary); + } + + ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button].style-default-active.ytd-comment-action-buttons-renderer,ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button].style-default-active.ytd-comment-action-buttons-renderer { + color: var(--yt-spec-call-to-action); + } + + ytd-comment-action-buttons-renderer[use-comment-icon] #share-button.ytd-comment-action-buttons-renderer[hidden] + #reply-button-end.ytd-comment-action-buttons-renderer { + margin-left: auto; + } + + #like-button.ytd-comment-action-buttons-renderer:hover,#dislike-button.ytd-comment-action-buttons-renderer:hover,#share-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover,ytd-comment-action-buttons-renderer[use-comment-icon] #reply-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover,ytd-comment-action-buttons-renderer[use-comment-icon] #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover,ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover { + color: var(--yt-spec-text-primary); + } + + #vote-count-left.ytd-comment-action-buttons-renderer[hidden] + #like-button.ytd-comment-action-buttons-renderer { + margin-left: -8px; + } + + ytd-comment-reply-dialog-renderer { + --paper-input-container-input-align: baseline; + --yt-basic-foreground-title-color: var(--yt-spec-text-secondary); + } + + #unopened-dialog.ytd-comment-reply-dialog-renderer { + margin-top: 12px; + margin-bottom: 30px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #author-thumbnail.ytd-comment-reply-dialog-renderer { + width: 40px; + height: 40px; + margin-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #placeholder-area.ytd-comment-reply-dialog-renderer { + cursor: text; + margin-bottom: 12px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #placeholder-text.ytd-comment-reply-dialog-renderer { + color: var(--yt-spec-text-secondary); + outline: none; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-creator-heart-renderer { + display: inline-block; + } + + #creator-heart-button.ytd-creator-heart-renderer { + position: relative; + width: 36px; + height: 36px; + } + + #creator-heart-button.ytd-creator-heart-renderer[disabled] { + pointer-events: auto; + } + + #hearted-thumbnail.ytd-creator-heart-renderer { + width: 14px; + height: 14px; + margin: 10px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.12); + } + + #hearted.ytd-creator-heart-renderer { + position: absolute; + right: 4px; + bottom: 5px; + width: 13px; + height: 13px; + color: var(--yt-spec-static-brand-red); + z-index: 1; + } + + #hearted-border.ytd-creator-heart-renderer { + position: absolute; + right: 3px; + bottom: 4px; + width: 15px; + height: 15px; + color: var(--yt-spec-static-brand-white); + } + + #unhearted.ytd-creator-heart-renderer { + width: 16px; + height: 16px; + padding: 10px; + color: var(--yt-spec-icon-inactive); + } + + #unhearted.ytd-creator-heart-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + paper-tooltip.ytd-creator-heart-renderer { + white-space: nowrap; + } + + ytd-comment-dialog-renderer { + --paper-input-container-input-align: baseline; + } + + ytd-comment-moderation-buttons-renderer { + display: block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + margin-left: -8px; + } + + ytd-button-renderer.ytd-comment-moderation-buttons-renderer { + --yt-button-icon-size: 32px; + --yt-icon-color: var(--yt-spec-icon-inactive); + } + + ytd-button-renderer.ytd-comment-moderation-buttons-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-comment-renderer { + --ytd-comment-thumb-dimension: 32px; + --ytd-pinned-comment-badge-margin-left: -2px; + display: block; + margin-bottom: 8px; + } + + ytd-comment-renderer[comment-style=backstage-comment] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer { + width: 40px; + height: 40px; + } + + ytd-comment-renderer[comment-style=backstage-comment] { + margin-bottom: 16px; + } + + #body.ytd-comment-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #main.ytd-comment-renderer { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #header.ytd-comment-renderer { + margin-bottom: 2px; + } + + #header-badge.ytd-comment-renderer { + margin-bottom: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #linked-comment-badge.ytd-comment-renderer { + margin-right: 8px; + } + + #pinned-comment-badge.ytd-comment-renderer { + margin-left: var(--ytd-pinned-comment-badge-margin-left); + } + + #header-author.ytd-comment-renderer { + -ms-flex-align: baseline; + -webkit-align-items: baseline; + align-items: baseline; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #sponsor-comment-badge.ytd-comment-renderer { + align-self: start; + } + + #author-thumbnail.ytd-comment-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer { + width: 40px; + height: 40px; + margin-right: 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + ytd-comment-renderer:not([comment-style=backstage-comment])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer,ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer { + width: 24px; + height: 24px; + } + + #author-text.yt-simple-endpoint.ytd-comment-renderer { + margin-right: 4px; + color: var(--yt-spec-text-primary); + margin-bottom: 2px; + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + .channel-owner.ytd-comment-renderer { + background-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-primary-inverse); + } + + #author-comment-badge.ytd-comment-renderer,#sponsor-comment-badge.ytd-comment-renderer { + max-width: 100%; + box-sizing: border-box; + padding-right: 4px; + } + + .published-time-text.ytd-comment-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + white-space: nowrap; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .published-time-text.below-comment.ytd-comment-renderer { + height: 20px; + margin-top: 2px; + } + + #moderation-reason-divider.ytd-comment-renderer { + color: var(--yt-spec-text-secondary); + margin-right: 4px; + margin-left: 4px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #moderation-reason-text.ytd-comment-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #voted-option.ytd-comment-renderer { + display: block; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #content-text.ytd-comment-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + line-height: 2rem; + } + + #expander.ytd-comment-renderer { + --ytd-expander-button-margin: 4px 0 0 0; + } + + .more-button.ytd-comment-renderer,.less-button.ytd-comment-renderer { + text-transform: none; + color: var(--yt-spec-text-secondary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .more-button.ytd-comment-renderer:hover,.more-button.ytd-comment-renderer:focus,.less-button.ytd-comment-renderer:hover,.less-button.ytd-comment-renderer:focus { + text-decoration: underline; + } + + #view-threaded-replies.ytd-comment-renderer,#hide-threaded-replies.ytd-comment-renderer { + --yt-button-padding: 2px 0 10px 0; + --yt-button-padding-minus-focus-outline-width: 2px; + --yt-button-icon-padding: 0; + --yt-button-padding-minus-focus-outline: 0 0 8px 0; + --iron-icon-width: 20px; + --iron-icon-height: 20px; + display: flex; + text-transform: none; + color: var(--yt-spec-call-to-action); + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-comment-renderer[is-creator-reply] { + margin-left: 56px; + margin-top: 8px; + } + + #body.ytd-comment-renderer:not(:hover) ytd-menu-renderer.ytd-comment-renderer:not([menu-active]).ytd-comment-renderer:not(:focus-within) { + opacity: 0; + } + + #action-buttons.ytd-comment-renderer { + margin-top: 4px; + } + + ytd-comment-renderer[no-actions] #action-buttons.ytd-comment-renderer { + display: none; + } + + paper-spinner-lite.ytd-comment-renderer { + margin: auto; + display: none; + } + + paper-spinner-lite.ytd-comment-renderer[active] { + display: block; + } + + ytd-pinned-comment-badge-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #label.ytd-pinned-comment-badge-renderer { + color: var(--yt-spec-text-secondary); + } + + yt-icon.ytd-pinned-comment-badge-renderer { + --iron-icon-height: 12px; + --iron-icon-width: 12px; + margin-right: 4px; + margin-bottom: 1px; + fill: var(--yt-spec-icon-active-other); + } + + ytd-sponsor-comment-badge-renderer { + display: inline-block; + margin-top: 1px; + } + + #custom-badge.ytd-sponsor-comment-badge-renderer yt-img-shadow.ytd-sponsor-comment-badge-renderer,#icon.ytd-sponsor-comment-badge-renderer yt-icon.ytd-sponsor-comment-badge-renderer { + width: var(--ytd-sponsor-comment-badge-width, 14px); + height: var(--ytd-sponsor-comment-badge-height, 14px); + } + + ytd-sponsors-only-badge-renderer { + background-color: var(--yt-spec-badge-chip-background); + border-radius: 2px; + height: 16px; + margin-top: 1px; + margin-left: 4px; + padding-right: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + #icon.ytd-sponsors-only-badge-renderer { + width: 14px; + height: 14px; + padding-right: 2px; + padding-left: 2px; + } + + #label.ytd-sponsors-only-badge-renderer { + color: var(--yt-spec-text-secondary); + white-space: nowrap; + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + ytd-comment-replies-renderer { + --yt-next-continuation-button-margin-left: -8px; + display: block; + margin-left: 56px; + } + + ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer,ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer { + --yt-button-padding: 2px 0 10px 0; + --yt-button-padding-minus-focus-outline-width: 2px; + --yt-button-icon-padding: 0; + --yt-button-padding-minus-focus-outline: 0 0 8px 0; + text-transform: none; + --iron-icon-width: 20px; + --iron-icon-height: 20px; + } + + ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer:focus,ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer:focus { + outline: -webkit-focus-ring-color auto 5px; + } + + ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer:focus:hover,ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer:focus:hover { + outline: none; + } + + .more-button.ytd-comment-replies-renderer,.less-button.ytd-comment-replies-renderer { + color: var(--yt-spec-call-to-action); + --iron-icon_-_margin-left: -6px; --iron-icon_-_margin-bottom: initial; --iron-icon_-_margin-right: initial; --iron-icon_-_width: initial; --iron-icon_-_height: initial; --iron-icon_-_margin-top: initial;; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + #expander.ytd-comment-replies-renderer { + display: block; + text-transform: none; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-expander.ytd-comment-replies-renderer paper-button.ytd-comment-replies-renderer { + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + yt-next-continuation.ytd-comment-replies-renderer { + --iron-icon-width: 20px; + --iron-icon-height: 20px; + --paper-button_-_text-transform: none; --paper-button_-_min-width: initial; --paper-button_-_color: initial; --paper-button_-_border: initial; --paper-button_-_width: initial; --paper-button_-_margin: initial; --paper-button_-_background-color: initial;; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + .cont-button.ytd-comment-replies-renderer { + color: var(--yt-spec-call-to-action); + --iron-icon_-_margin-left: 8px; --iron-icon_-_margin-right: 8px; --iron-icon_-_margin-top: -8px; --iron-icon_-_margin-bottom: initial; --iron-icon_-_width: initial; --iron-icon_-_height: initial;; + } + + yt-icon.ytd-comment-replies-renderer { + --iron-icon-width: 20px; + --iron-icon-height: 20px; + margin-bottom: 4px; + } + + #teaser-replies.ytd-comment-replies-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #loaded-replies.ytd-comment-replies-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #loaded-replies.ytd-comment-replies-renderer > ytd-comment-renderer.ytd-comment-replies-renderer:last-of-type,#teaser-replies.ytd-comment-replies-renderer > ytd-comment-renderer.ytd-comment-replies-renderer:last-of-type { + margin-bottom: 0; + } + + .reloading.ytd-comment-replies-renderer { + opacity: 0.25; + pointer-events: none; + } + + #expander-contents.ytd-comment-replies-renderer paper-spinner-lite.ytd-comment-replies-renderer { + display: none; + } + + #expander-contents.ytd-comment-replies-renderer paper-spinner-lite.ytd-comment-replies-renderer[active] { + display: block; + margin: -8px auto 8px; + } + + #expander.ytd-comment-replies-renderer[hidden] + #teaser-replies.ytd-comment-replies-renderer > ytd-comment-renderer.ytd-comment-replies-renderer:first-of-type { + margin-top: 8px; + } + + yt-next-continuation { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + paper-button.yt-next-continuation { + display: inline-block; + text-align: center; + font-family: inherit; + } + + paper-spinner.yt-next-continuation { + margin: 16px 0; + } + + paper-button.yt-next-continuation { + margin-left: var(--yt-next-continuation-button-margin-left); + ; + } + + ytd-comment-thread-renderer { + display: block; + margin-bottom: var(--ytd-comment-thread-margin-bottom, 16px); + } + + #comment.ytd-comment-thread-renderer { + margin-bottom: 0; + } + + ytd-backstage-post-renderer { + --ytd-comment-thumb-dimension: 32px; + display: block; + } + + #body.ytd-backstage-post-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #main.ytd-backstage-post-renderer { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #header.ytd-backstage-post-renderer { + margin-bottom: 2px; + } + + #content-attachment.ytd-backstage-post-renderer { + margin-top: 4px; + } + + #content-attachment.ytd-backstage-post-renderer ytd-video-renderer.ytd-backstage-post-renderer,#content-attachment.ytd-backstage-post-renderer ytd-playlist-renderer.ytd-backstage-post-renderer { + padding: 8px; + background-color: var(--yt-spec-general-background-a); + } + + #header-author.ytd-backstage-post-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #author-thumbnail.ytd-backstage-post-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #author-thumbnail.ytd-backstage-post-renderer yt-img-shadow.ytd-backstage-post-renderer { + width: 40px; + height: 40px; + margin-right: 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #author-text.yt-simple-endpoint.ytd-backstage-post-renderer { + margin-right: 8px; + color: var(--yt-spec-text-primary); + margin-bottom: 2px; + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + #author-comment-badge.ytd-backstage-post-renderer { + margin-right: 8px; + } + + #published-time-text.ytd-backstage-post-renderer { + --yt-endpoint-color: var(--ytd-comment-metadata-text-color); + color: var(--ytd-comment-metadata-text-color); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #voted-option.ytd-backstage-post-renderer { + display: block; + color: var(--ytd-comment-text-color); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #content-text.ytd-backstage-post-renderer { + color: var(--ytd-comment-text-color); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + yt-formatted-string.ytd-backstage-post-renderer { + word-break: break-word; + } + + .more-button.ytd-backstage-post-renderer,.less-button.ytd-backstage-post-renderer { + text-transform: none; + color: var(--ytd-comment-text-color); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #body.ytd-backstage-post-renderer:not(:hover) ytd-menu-renderer.ytd-backstage-post-renderer:not([menu-active]).ytd-backstage-post-renderer { + opacity: 0; + } + + #action-buttons.ytd-backstage-post-renderer { + margin-top: 4px; + } + + paper-spinner-lite.ytd-backstage-post-renderer { + margin: auto; + display: none; + } + + paper-spinner-lite.ytd-backstage-post-renderer[active] { + display: block; + } + + ytd-backstage-post-thread-renderer { + display: block; + margin-bottom: 24px; + } + + ytd-backstage-post-thread-renderer[enable-borders-on-community] { + border: 1px solid var(--yt-spec-10-percent-layer); + padding: 16px; + } + + ytd-comment-moderation-panel-renderer.ytd-backstage-post-thread-renderer { + margin-left: 56px; + margin-top: 10px; + margin-bottom: 16px; + } + + #comments-disabled.ytd-backstage-post-thread-renderer { + margin-left: 56px; + margin-top: 4px; + color: var(--ytd-comment-text-color); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-backstage-post-thread-renderer[enable-improved-community-tab] { + border: 1px solid var(--yt-spec-10-percent-layer); + padding: 16px 0; + max-width: 638px; + } + + #comment-dialog.ytd-backstage-post-thread-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px 8px 0 8px; + margin: 8px 8px 0 8px; + } + + ytd-backstage-post-thread-renderer[enable-improved-community-tab] ytd-backstage-comments-renderer.ytd-backstage-post-thread-renderer { + margin-left: 16px; + } + + ytd-backstage-post-thread-renderer[enable-improved-community-tab] ytd-comment-moderation-panel-renderer.ytd-backstage-post-thread-renderer { + margin-left: 16px; + } + + ytd-backstage-post-thread-renderer[enable-improved-community-tab] #comments-disabled.ytd-backstage-post-thread-renderer { + margin-left: 16px; + } + + ytd-post-renderer { + --ytd-comment-thumb-dimension: 36px; + --yt-icon-button-icon-width: 20px; + --yt-icon-button-icon-height: 20px; + display: block; + max-width: 638px; + } + + #dismissable.ytd-post-renderer,#body.ytd-post-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #dismissed.ytd-post-renderer:focus { + outline: none; + } + + #header.ytd-post-renderer { + align-items: center; + margin-bottom: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #author-thumbnail.ytd-post-renderer { + height: 32px; + font-size: 0; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #author-thumbnail.ytd-post-renderer yt-img-shadow.ytd-post-renderer { + width: 32px; + height: 32px; + margin-right: 12px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #author.ytd-post-renderer { + margin-right: 4px; + } + + #author-text.yt-simple-endpoint.ytd-post-renderer { + color: var(--yt-spec-text-primary); + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + #author-badge.ytd-post-renderer { + margin-right: 8px; + } + + #published-time-text.ytd-post-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #author-divider.ytd-post-renderer { + color: var(--ytd-comment-metadata-text-color); + margin-right: 4px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #post-text.ytd-post-renderer { + min-width: 0; + } + + #content-text.ytd-post-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #vote-count-text.ytd-post-renderer { + display: none; + } + + .more-button.ytd-post-renderer,.less-button.ytd-post-renderer { + text-transform: none; + color: var(--ytd-comment-text-color); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #content-attachment.ytd-post-renderer { + margin-top: 12px; + } + + #content-attachment.ytd-post-renderer ytd-backstage-image-renderer.ytd-post-renderer { + width: 100%; + } + + #content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer { + padding: 8px; + background-color: var(--yt-spec-general-background-b); + } + + #content-attachment.ytd-post-renderer ytd-playlist-renderer.ytd-post-renderer { + padding: 8px; + background-color: var(--yt-spec-general-background-b); + } + + #toolbar.ytd-post-renderer { + margin-top: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #action-menu.ytd-post-renderer { + margin-right: -12px; + color: var(--yt-spec-icon-inactive); + } + + #dismissable.ytd-post-renderer:not(:hover) ytd-menu-renderer.ytd-post-renderer:not([menu-active]).ytd-post-renderer { + opacity: 0; + } + + paper-spinner-lite.ytd-post-renderer { + margin: auto; + display: none; + } + + paper-spinner-lite.ytd-post-renderer[active] { + display: block; + } + + ytd-post-renderer[surface_=backstage-surface-type-stream] #header.ytd-post-renderer,ytd-post-renderer[surface_=backstage-surface-type-stream] #post-text.ytd-post-renderer,ytd-post-renderer[surface_=backstage-surface-type-stream] #toolbar.ytd-post-renderer,ytd-post-renderer[surface_=backstage-surface-type-stream] ytd-video-renderer.ytd-post-renderer,ytd-post-renderer[surface_=backstage-surface-type-stream] ytd-playlist-renderer.ytd-post-renderer,ytd-post-renderer[surface_=backstage-surface-type-stream] ytd-backstage-poll-renderer.ytd-post-renderer { + margin-left: 16px; + margin-right: 16px; + } + + ytd-post-renderer[uses-compact-lockup_] { + --yt-img-border-radius: 2px; + padding: 12px 24px 0 24px; + border: 1px solid var(--yt-spec-10-percent-layer); + max-width: 386px; + width: 386px; + height: 196px; + background-color: var(--yt-spec-brand-background-solid); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-post-renderer[uses-compact-lockup_][show-without-toolbar_] { + height: auto; + padding-bottom: 12px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-post-renderer[uses-compact-lockup_][enable-taller-height_] { + padding-top: 16px; + height: 200px; + } + + ytd-post-renderer[uses-compact-lockup_][is-rich-grid_][reduce-side-paddings_],ytd-post-renderer[uses-compact-lockup_][is-rich-grid-repost_][reduce-side-paddings_] { + padding-left: 16px; + padding-right: 16px; + } + + ytd-post-renderer[uses-compact-lockup_] #toolbar.ytd-post-renderer { + margin: 2px 0; + } + + ytd-post-renderer[uses-compact-lockup_][show-without-toolbar_] #toolbar.ytd-post-renderer { + margin: 2px 0; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-post-renderer[uses-compact-lockup_] #header.ytd-post-renderer { + margin-bottom: 12px; + } + + ytd-post-renderer[uses-compact-lockup_][show-without-toolbar_] #header.ytd-post-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-post-renderer[uses-compact-lockup_][enable-taller-height_] #header.ytd-post-renderer { + margin-bottom: 16px; + } + + ytd-post-renderer[uses-compact-lockup_] #body.ytd-post-renderer { + max-height: 116px; + } + + ytd-post-renderer[uses-compact-lockup_][show-without-toolbar_] #body.ytd-post-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-post-renderer[uses-compact-lockup_] #dismissable.ytd-post-renderer { + cursor: pointer; + outline: none; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-post-renderer[uses-compact-lockup_][show-without-toolbar_] #dismissable.ytd-post-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-post-renderer[uses-compact-lockup_] #body.ytd-post-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-post-renderer[uses-compact-lockup_] #author-thumbnail.ytd-post-renderer { + height: 24px; + } + + ytd-post-renderer[uses-compact-lockup_] #author-thumbnail.ytd-post-renderer yt-img-shadow.ytd-post-renderer { + width: 24px; + height: 24px; + } + + ytd-post-renderer[uses-compact-lockup_] #author-text.yt-simple-endpoint.ytd-post-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-post-renderer[uses-compact-lockup_] #author-text.yt-simple-endpoint.ytd-post-renderer:hover { + color: var(--yt-spec-text-primary); + } + + ytd-post-renderer[uses-compact-lockup_] #published-time-text.ytd-post-renderer { + --yt-endpoint-visited-color: var(--ytd-comment-metadata-text-color); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-post-renderer[uses-compact-lockup_][is-dismissed] #dismissable.ytd-post-renderer,ytd-post-renderer #dismissed.ytd-post-renderer { + display: none; + } + + ytd-post-renderer[uses-compact-lockup_][is-dismissed] #dismissed.ytd-post-renderer { + display: flex; + justify-content: center; + align-items: center; + flex: 1; + } + + ytd-post-renderer[uses-compact-lockup_][is-dismissed][show-without-toolbar_] #dismissed.ytd-post-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-post-renderer[uses-compact-lockup_] #home-content-text.ytd-post-renderer { + color: var(--yt-spec-text-primary); + display: -webkit-box; + max-height: 4rem; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: pre-wrap; + -webkit-line-clamp: 2; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + line-height: 2rem; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=image] #home-content-text.ytd-post-renderer,ytd-post-renderer[uses-compact-lockup_][attachment=none] #home-content-text.ytd-post-renderer { + display: -webkit-box; + max-height: 10rem; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: pre-wrap; + -webkit-line-clamp: 5; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + line-height: 2rem; + } + + ytd-post-renderer[uses-compact-lockup_] #dismissable.ytd-post-renderer:not(:hover) ytd-menu-renderer.ytd-post-renderer:not([menu-active]).ytd-post-renderer { + opacity: 1; + } + + ytd-post-renderer[uses-compact-lockup_] ytd-comment-action-buttons-renderer.ytd-post-renderer,ytd-post-renderer[surface_=backstage-surface-type-stream] ytd-comment-action-buttons-renderer.ytd-post-renderer { + flex-grow: 1; + } + + ytd-post-renderer[uses-compact-lockup_] #content-attachment.ytd-post-renderer { + margin-top: 0; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=image] #body.ytd-post-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=image] #attachments.ytd-post-renderer { + margin-left: auto; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=video] #content-attachment.ytd-post-renderer,ytd-post-renderer[uses-compact-lockup_][attachment=playlist] #content-attachment.ytd-post-renderer,ytd-post-renderer[uses-compact-lockup_][attachment=poll] #content-attachment.ytd-post-renderer { + margin-top: 4px; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=video] #content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer,ytd-post-renderer[uses-compact-lockup_][attachment=playlist] #content-attachment.ytd-post-renderer ytd-playlist-renderer.ytd-post-renderer { + padding: 0; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=image] #content-attachment.ytd-post-renderer ytd-backstage-image-renderer.ytd-post-renderer { + width: 116px; + max-height: 116px; + overflow: hidden; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=image] #post-text.ytd-post-renderer { + margin-right: 16px; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=image-only] #content-attachment.ytd-post-renderer { + background-color: var(--yt-spec-general-background-a); + } + + ytd-post-renderer[uses-compact-lockup_][attachment=image-only] #content-attachment.ytd-post-renderer ytd-backstage-image-renderer.ytd-post-renderer { + width: 116px; + height: 116px; + margin-left: auto; + margin-right: auto; + overflow: hidden; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=video] #post-text.ytd-post-renderer,ytd-post-renderer[uses-compact-lockup_][attachment=playlist] #post-text.ytd-post-renderer,ytd-post-renderer[uses-compact-lockup_][attachment=poll] #post-text.ytd-post-renderer { + min-height: 40px; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=poll] #attachments.ytd-post-renderer ytd-backstage-poll-renderer.ytd-post-renderer { + display: none; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=poll] #vote-count-text.ytd-post-renderer { + display: block; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + line-height: 2rem; + } + + ytd-post-renderer[uses-compact-lockup_][attachment=poll] #vote-button.ytd-post-renderer { + margin: 16px 0 0 0; + } + + ytd-post-renderer[uses-compact-lockup_][is-rich-grid_] { + max-width: 100%; + width: 100%; + overflow: hidden; + } + + ytd-post-renderer[uses-compact-lockup_][is-rich-grid-repost_] { + max-width: calc(100% - 48px - 2px); + width: calc(100% - 48px - 2px); + overflow: hidden; + } + + ytd-post-renderer[uses-compact-lockup_][show-without-toolbar_] #edit-dialog.ytd-post-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-shared-post-renderer[uses-compact-lockup_] { + padding: 0; + } + + #repost-context.ytd-shared-post-renderer { + margin-bottom: 16px; + padding-bottom: 16px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-shared-post-renderer[uses-compact-lockup_] #repost-context.ytd-shared-post-renderer { + cursor: pointer; + background-color: var(--yt-spec-brand-background-solid); + align-items: center; + border-top: 1px solid var(--yt-spec-10-percent-layer); + border-left: 1px solid var(--yt-spec-10-percent-layer); + border-right: 1px solid var(--yt-spec-10-percent-layer); + border-bottom: none; + padding: 12px 24px; + margin-bottom: 0; + } + + ytd-shared-post-renderer[uses-compact-lockup_]:not([is-rich-grid_]) #repost-context.ytd-shared-post-renderer { + max-width: 386px; + width: 386px; + } + + ytd-shared-post-renderer[uses-compact-lockup_] #original-post.ytd-shared-post-renderer ytd-post-renderer.ytd-shared-post-renderer { + border-top: none; + } + + #repost-main.ytd-shared-post-renderer,#repost-main-compact.ytd-shared-post-renderer { + word-wrap: break-word; + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #repost-author-thumbnail.ytd-shared-post-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #repost-author-thumbnail.ytd-shared-post-renderer yt-img-shadow.ytd-shared-post-renderer { + width: 40px; + height: 40px; + margin-right: 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + ytd-shared-post-renderer[uses-compact-lockup_] #repost-author-thumbnail.ytd-shared-post-renderer yt-img-shadow.ytd-shared-post-renderer { + width: 24px; + height: 24px; + margin-right: 12px; + } + + #repost-header-author.ytd-shared-post-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + margin-bottom: 4px; + } + + #repost-author-text.yt-simple-endpoint.ytd-shared-post-renderer { + margin-right: 8px; + color: var(--yt-spec-text-primary); + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + #repost-published-time-text.ytd-shared-post-renderer { + --yt-endpoint-color: var(--ytd-comment-metadata-text-color); + color: var(--ytd-comment-metadata-text-color); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #repost-content-text.ytd-shared-post-renderer { + color: var(--ytd-comment-text-color); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-shared-post-renderer[show-full-content-text_] #repost-content-text.ytd-shared-post-renderer { + display: -webkit-box; + -webkit-box-orient: vertical; + max-height: calc(3 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 3; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #repost-content-text.ytd-shared-post-renderer[split-lines] { + white-space: pre-line; + } + + #condensed-repost-content-text.ytd-shared-post-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #repost-context.ytd-shared-post-renderer:not(:hover) #action-menu.ytd-shared-post-renderer ytd-menu-renderer.ytd-shared-post-renderer:not([menu-active]).ytd-shared-post-renderer { + opacity: 0; + } + + #action-menu.ytd-shared-post-renderer { + margin-top: 4px; + } + + #more.ytd-shared-post-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + #more.ytd-shared-post-renderer { + text-transform: none; + color: var(--ytd-comment-text-color); + margin: 0; + padding: 0; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #more.ytd-shared-post-renderer:focus { + outline: -webkit-focus-ring-color auto 5px; + } + + #more.ytd-shared-post-renderer:focus:hover { + outline: none; + } + + #divider-line-container.ytd-shared-post-renderer { + background-color: var(--yt-spec-brand-background-solid); + border-left: 1px solid var(--yt-spec-10-percent-layer); + border-right: 1px solid var(--yt-spec-10-percent-layer); + } + + #divider-line.ytd-shared-post-renderer { + width: 95%; + margin: auto; + background: var(--yt-spec-10-percent-layer); + height: 1px; + } + + #original-post-deleted-message.ytd-shared-post-renderer { + color: var(--ytd-comment-metadata-text-color); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-comment-moderation-panel-renderer { + --ytd-comment-text-color: var(--ytd-moderation-panel-comment-text); + --ytd-comment-metadata-text-color: var( + --ytd-moderation-panel-comment-metadata-text + ); + --ytd-expander-button-scrolling-box-shadow: 0 1px 3px 0 + var(--yt-luna-black-opacity-lighten-4); + --ytd-expander-button-border-radius: 0; + display: block; + background-color: var(--ytd-moderation-panel-background); + max-width: 504px; + } + + ytd-button-renderer.ytd-comment-moderation-panel-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-expander.ytd-comment-moderation-panel-renderer:hover { + width: auto; + } + + .expander-text.ytd-comment-moderation-panel-renderer { + align-self: center; + text-transform: none; + color: var(--yt-spec-text-primary); + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + .more-button.ytd-comment-moderation-panel-renderer,.less-button.ytd-comment-moderation-panel-renderer { + margin: 8px 24px 8px 24px; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #expander-icon.ytd-comment-moderation-panel-renderer { + --iron-icon-width: 24px; + --iron-icon-height: 24px; + color: var(--yt-spec-icon-inactive); + } + + #expander-icon.ytd-comment-moderation-panel-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-button-renderer.ytd-comment-moderation-panel-renderer { + --yt-button-icon-size: 32px; + --yt-icon-color: var(--yt-spec-icon-inactive); + } + + #moderation-contents.ytd-comment-moderation-panel-renderer { + overflow-y: hidden; + padding-left: 24px; + padding-right: 24px; + max-height: 336px; + } + + #moderation-contents.ytd-comment-moderation-panel-renderer:hover { + overflow-y: auto; + } + + #held-comments.ytd-comment-moderation-panel-renderer,#likely-spam-comments.ytd-comment-moderation-panel-renderer { + margin-top: 16px; + } + + #likely-spam-header.ytd-comment-moderation-panel-renderer { + color: var(--yt-spec-text-primary); + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + #likely-spam-divider.ytd-comment-moderation-panel-renderer { + height: 1px; + background: var(--yt-spec-text-secondary); + margin: 20px -24px 20px -24px; + } + + ytd-comment-history-entry-renderer { + margin: 24px 40px 32px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-comment-history-entry-renderer[is-dismissed] { + display: none; + } + + .main.ytd-comment-history-entry-renderer { + min-width: 0; + word-wrap: break-word; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .summary.ytd-comment-history-entry-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + --yt-endpoint-visited-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .content-expander.ytd-comment-history-entry-renderer { + margin-top: 8px; + } + + .content.ytd-comment-history-entry-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .more-button.ytd-comment-history-entry-renderer { + color: var(--yt-spec-text-secondary); + text-transform: none; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .less-button.ytd-comment-history-entry-renderer { + color: var(--yt-spec-text-secondary); + text-transform: none; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .timestamp.ytd-comment-history-entry-renderer { + color: var(--yt-spec-text-secondary); + margin-top: 8px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-menu-renderer.ytd-comment-history-entry-renderer { + margin-left: 8px; + margin-right: 8px; + padding: 8px; + } + + ytd-comment-history-entry-renderer:not(:hover) ytd-menu-renderer.ytd-comment-history-entry-renderer:not([menu-active]).ytd-comment-history-entry-renderer { + opacity: 0; + } + + ytd-continuation-item-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + paper-spinner.ytd-continuation-item-renderer { + margin: 16px 0; + } + + #button.ytd-continuation-item-renderer { + width: 100%; + } + + #button.ytd-continuation-item-renderer ytd-button-renderer.ytd-continuation-item-renderer { + width: 100%; + } + + #ghost-cards.ytd-continuation-item-renderer { + width: 100%; + } + + #content.ytd-ghost-grid-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .ghost-grid.ytd-ghost-grid-renderer { + display: flex; + flex-wrap: wrap; + width: 100%; + } + + .ghost-card.ytd-ghost-grid-renderer { + margin-left: calc(var(--ytd-rich-grid-item-margin) / 2); + margin-right: calc(var(--ytd-rich-grid-item-margin) / 2); + margin-bottom: 40px; + max-width: var(--ytd-rich-grid-item-max-width); + width: calc( 100% / var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - 0.01px ); + } + + ytd-ghost-grid-renderer[mini-mode] .ghost-card.ytd-ghost-grid-renderer { + max-width: var(--ytd-rich-grid-mini-item-max-width); + } + + .skeleton-bg-color.ytd-ghost-grid-renderer { + background-color: var(--yt-spec-10-percent-layer); + } + + .rich-thumbnail.ytd-ghost-grid-renderer { + height: 0px; + padding-top: 56.25%; + width: 100%; + } + + .details.ytd-ghost-grid-renderer { + display: flex; + } + + .channel-avatar.ytd-ghost-grid-renderer { + border-radius: 50%; + height: 36px; + margin-top: 12px; + margin-right: 12px; + width: 36px; + } + + .rich-video-title.ytd-ghost-grid-renderer { + height: 12px; + } + + .details-text-shell.ytd-ghost-grid-renderer { + display: flex; + flex: 1 1 auto; + flex-direction: column; + height: 100%; + } + + .text-shell.ytd-ghost-grid-renderer { + border-radius: 2px; + margin-top: 12px; + padding-bottom: 4px; + height: 12px; + } + + .rich-video-title.ytd-ghost-grid-renderer { + width: 90%; + } + + .video-meta.ytd-ghost-grid-renderer { + width: 60%; + } + + ytd-toggle-theme-compact-link-renderer { + --paper-item-min-height: 40px; + height: var(--paper-item-min-height, 48px); + color: var(--yt-spec-text-primary); + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #label.ytd-toggle-theme-compact-link-renderer { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-font-smoothing: antialiased; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + yt-icon.ytd-toggle-theme-compact-link-renderer { + color: var(--yt-spec-icon-inactive); + } + + .content-icon.ytd-toggle-theme-compact-link-renderer { + margin-right: 16px; + } + + ytd-toggle-theme-compact-link-renderer,.paper-item.ytd-toggle-theme-compact-link-renderer { + display: block; + position: relative; + min-height: var(--paper-item-min-height, 48px); + padding: 0px 16px; + } + + .paper-item.ytd-toggle-theme-compact-link-renderer { + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + border:none; + outline: none; + background: white; + width: 100%; + text-align: left; + } + + ytd-toggle-theme-compact-link-renderer[hidden],.paper-item.ytd-toggle-theme-compact-link-renderer[hidden] { + display: none !important; + } + + ytd-toggle-theme-compact-link-renderer.iron-selected,.paper-item.iron-selected.ytd-toggle-theme-compact-link-renderer { + font-weight: var(--paper-item-selected-weight, bold); + + background-color: var(--paper-item-selected_-_background-color); font-weight: var(--paper-item-selected_-_font-weight, var(--paper-item-selected-weight, bold)); + } + + ytd-toggle-theme-compact-link-renderer[disabled],.paper-item.ytd-toggle-theme-compact-link-renderer[disabled] { + color: var(--paper-item-disabled-color, var(--disabled-text-color)); + + ; + } + + ytd-toggle-theme-compact-link-renderer:focus,.paper-item.ytd-toggle-theme-compact-link-renderer:focus { + position: relative; + outline: 0; + + background-color: var(--paper-item-focused_-_background-color); + } + + ytd-toggle-theme-compact-link-renderer:focus:before,.paper-item.ytd-toggle-theme-compact-link-renderer:focus:before { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + + background: currentColor; + content: ''; + opacity: var(--dark-divider-opacity); + pointer-events: none; + + background: var(--paper-item-focused-before_-_background, currentColor); + } + + ytd-toggle-theme-compact-link-renderer { + display: var(--layout-horizontal_-_display, flex); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction, row); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction, row); flex-direction: var(--layout-horizontal_-_flex-direction, row); + } + + ytd-notification-renderer { + position: relative; + padding: 16px 16px 16px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-notification-renderer:not(:hover) ytd-menu-renderer.ytd-notification-renderer:not([menu-active]).ytd-notification-renderer { + opacity: 0; + } + + .yt-simple-endpoint.ytd-notification-renderer { + min-width: 0; + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-notification-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-notification-renderer { + margin-right: 24px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #new.ytd-notification-renderer { + width: 4px; + height: 4px; + border-radius: 2px; + margin: 22px 6px 0; + } + + ytd-notification-renderer.unread #new.ytd-notification-renderer { + background-color: var(--yt-spec-themed-blue); + } + + ytd-notification-renderer.high-priority-notification.unread #new.ytd-notification-renderer { + background-color: transparent; + } + + yt-img-shadow#avatar.ytd-notification-renderer { + height: 48px; + width: 48px; + } + + ytd-notification-renderer.high-priority-notification yt-img-shadow#avatar.ytd-notification-renderer { + height: 32px; + width: 32px; + margin-top: auto; + margin-bottom: auto; + } + + ytd-notification-renderer.high-priority-notification > a.ytd-notification-renderer { + margin-right: 0px; + } + + ytd-notification-renderer.high-priority-notification > a.ytd-notification-renderer > .text.ytd-notification-renderer > .metadata.ytd-notification-renderer { + display: none; + } + + ytd-notification-renderer.high-priority-notification yt-formatted-string.message.ytd-notification-renderer { + margin-bottom: 0px; + } + + .thumbnail.ytd-notification-renderer { + margin-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .text.ytd-notification-renderer { + color: var(--yt-spec-text-primary); + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .message.ytd-notification-renderer { + margin-bottom: 8px; + display: block; + max-height: 12.6rem; + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #call-to-action.ytd-notification-renderer { + margin-right: auto; + margin-bottom: 10px; + } + + .metadata.ytd-notification-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .metadata.ytd-notification-renderer > yt-formatted-string.ytd-notification-renderer:not(:last-child):after { + content: "•"; + margin-left: 4px; + } + + .thumbnail-container.ytd-notification-renderer { + margin: 0 16px; + width: 86px; + height: 48px; + position: relative; + overflow: hidden; + display: block; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .thumbnail-container.ytd-notification-renderer > yt-img-shadow.ytd-notification-renderer { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-menu-renderer.ytd-notification-renderer { + position: absolute; + top: 8px; + right: 8px; + } + + ytd-playlist-segment-renderer { + display: block; + margin: 16px 0 32px 0; + max-width: 1180px; + } + + #trailer.ytd-playlist-segment-renderer { + margin: 32px 64px 16px 36px; + } + + ytd-playlist-segment-renderer[collapsed] #trailer.ytd-playlist-segment-renderer { + margin: 0; + } + + ytd-playlist-segment-renderer[collapsed] ytd-playlist-video-list-renderer.ytd-playlist-segment-renderer { + display: none; + } + + ytd-playlist-video-list-renderer.ytd-playlist-segment-renderer { + margin-right: 64px; + } + + #header.ytd-playlist-segment-renderer { + margin-right: 64px; + margin-left: 36px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-playlist-segment-renderer[collapsible] #header.ytd-playlist-segment-renderer { + cursor: pointer; + } + + #index.ytd-playlist-segment-renderer { + margin-right: 16px; + } + + .light-text.ytd-playlist-segment-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-playlist-segment-renderer { + color: var(--yt-spec-text-primary); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: block; + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-subheadline-line-height, 2rem)); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #title-container.ytd-playlist-segment-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding-bottom: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-playlist-segment-renderer:not[collapsible] #expand-button.ytd-playlist-segment-renderer { + display: none; + } + + #expand-button.ytd-playlist-segment-renderer { + color: var(--yt-spec-icon-active-other); + margin-left: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-player,#container.ytd-player { + display: block; + width: 100%; + height: 100%; + } + + ytd-playlist-video-player-renderer { + display: block; + margin: 0 auto; + max-width: 1080px; + } + + #player-container.ytd-playlist-video-player-renderer { + padding-top: 56.25%; + position: relative; + } + + ytd-playlist-video-player-renderer[video-hidden] #player-container.ytd-playlist-video-player-renderer { + margin-bottom: -56.25%; + visibility: hidden; + } + + #player.ytd-playlist-video-player-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + ytd-playlist-video-list-renderer { + margin-right: 24px; + margin-top: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #sort-filter-menu.ytd-playlist-video-list-renderer { + padding: 16px 0 8px 36px; + } + + #spinner-container.ytd-playlist-video-list-renderer { + height: 0; + } + + .reloading.ytd-playlist-video-list-renderer { + opacity: 0.25; + pointer-events: none; + } + + paper-spinner-lite.ytd-playlist-video-list-renderer { + margin: auto; + display: none; + } + + paper-spinner-lite.ytd-playlist-video-list-renderer[active] { + display: block; + } + + ytd-playlist-video-renderer { + cursor: default; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-playlist-video-renderer[is-dismissed] { + display: none; + } + + ytd-playlist-video-renderer[is-editable][can-reorder]:hover,ytd-playlist-video-renderer[is-editable][can-reorder][menu-opened],ytd-playlist-video-renderer[is-editable][can-reorder].dragging { + box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); + } + + ytd-playlist-video-renderer[is-editable][can-reorder][persistent-drag-handle] { + box-shadow: none; + } + + ytd-playlist-video-renderer[is-editable][can-reorder][persistent-drag-handle][handle-is-hovered],ytd-playlist-video-renderer[is-editable][can-reorder][persistent-drag-handle].dragging { + box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); + transition: box-shadow 0.2s ease; + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + } + + #index-container.ytd-playlist-video-renderer { + -ms-align-self: stretch; + -webkit-align-self: stretch; + align-self: stretch; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-playlist-video-renderer[is-editable][can-reorder]:not([persistent-drag-handle]):hover { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + } + + ytd-playlist-video-renderer[is-editable][can-reorder]:hover.dragging,ytd-playlist-video-renderer[is-editable][can-reorder].dragging { + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; + z-index: 2; + background-color: var(--yt-spec-badge-chip-background); + } + + ytd-playlist-video-renderer:hover:not(.dragging) { + background-color: var(--yt-spec-badge-chip-background); + } + + #menu.ytd-playlist-video-renderer { + min-width: 40px; + } + + ytd-playlist-video-renderer:not(:hover) ytd-menu-renderer.ytd-playlist-video-renderer:not([menu-active]).ytd-playlist-video-renderer:not(:focus-within) { + opacity: 0; + } + + @media (any-pointer: coarse) { + ytd-menu-renderer.ytd-playlist-video-renderer { + opacity: 1; + } + + } + + ytd-playlist-video-renderer[is-editable][can-reorder].dragging a.ytd-playlist-video-renderer { + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; + } + + ytd-menu-renderer.ytd-playlist-video-renderer { + display: block; + } + + .yt-simple-endpoint.ytd-playlist-video-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-playlist-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-playlist-video-renderer { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #contributor.ytd-playlist-video-renderer,#index.ytd-playlist-video-renderer,#content.ytd-playlist-video-renderer { + padding: 16px 0; + } + + #contributor.ytd-playlist-video-renderer,#index.ytd-playlist-video-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: none; + -webkit-flex: none; + flex: none; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #index.ytd-playlist-video-renderer { + text-align: center; + } + + #contributor.ytd-playlist-video-renderer { + text-align: right; + } + + #index.ytd-playlist-video-renderer { + width: 36px; + } + + ytd-playlist-video-renderer[can-reorder][is-editable]:hover #index.ytd-playlist-video-renderer,ytd-playlist-video-renderer[persistent-drag-handle] #index.ytd-playlist-video-renderer { + display: none; + } + + ytd-playlist-video-renderer[can-reorder][is-editable]:hover #reorder.ytd-playlist-video-renderer,ytd-playlist-video-renderer[persistent-drag-handle] #reorder.ytd-playlist-video-renderer { + color: var(--yt-spec-icon-inactive); + padding: 0 6px; + display: block; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #reorder.ytd-playlist-video-renderer { + display: none; + } + + #content.ytd-playlist-video-renderer { + min-width: 0; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-playlist-video-renderer:hover #content.ytd-playlist-video-renderer { + border-bottom: 1px solid transparent; + } + + ytd-thumbnail.ytd-playlist-video-renderer { + margin-right: 8px; + height: 68px; + width: 120px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #meta.ytd-playlist-video-renderer { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #contributor.ytd-playlist-video-renderer { + margin-right: 12px; + } + + #badges.ytd-playlist-video-renderer { + margin: 0 40px 4px 12px; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #offer-button.ytd-playlist-video-renderer { + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #video-title.ytd-playlist-video-renderer { + display: block; + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-subheadline-line-height, 2rem)); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + h3.ytd-playlist-video-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-playlist-show-metadata-renderer { + margin: 24px 64px 16px 40px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #content-desc.ytd-playlist-show-metadata-renderer { + margin-right: 40px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #dropdown.ytd-playlist-show-metadata-renderer { + margin-bottom: 12px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + yt-sort-filter-sub-menu-renderer.ytd-playlist-show-metadata-renderer { + --yt-dropdown-menu-label-transform: uppercase; + color: var(--yt-spec-text-primary); + } + + .vertical-buttons.ytd-playlist-show-metadata-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .vertical-buttons.ytd-playlist-show-metadata-renderer > ytd-button-renderer.ytd-playlist-show-metadata-renderer { + margin-bottom: 16px; + } + + .vertical-buttons.ytd-playlist-show-metadata-renderer > ytd-button-renderer.ytd-playlist-show-metadata-renderer:last-of-type { + margin-bottom: 0px; + } + + .horizontal-buttons.ytd-playlist-show-metadata-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .horizontal-buttons.ytd-playlist-show-metadata-renderer > ytd-button-renderer.ytd-playlist-show-metadata-renderer { + margin-right: 16px; + } + + .horizontal-buttons.ytd-playlist-show-metadata-renderer > ytd-button-renderer.ytd-playlist-show-metadata-renderer:last-of-type { + margin-right: 0px; + } + + #description.ytd-playlist-show-metadata-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .more-button.ytd-playlist-show-metadata-renderer,.less-button.ytd-playlist-show-metadata-renderer { + color: var(--yt-spec-text-secondary); + display: inline-block; + margin-top: 8px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-purchase-item-renderer { + margin: 16px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .thumb-container.ytd-purchase-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: 246px; + height: 138px; + margin-right: 16px; + } + + yt-img-shadow.ytd-purchase-item-renderer { + width: 138px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .details.ytd-purchase-item-renderer { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .manage-subscription-text.ytd-purchase-item-renderer { + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .title.ytd-purchase-item-renderer { + color: var(--yt-spec-text-primary); + display: block; + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-subheadline-line-height, 2rem)); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + .price-text.ytd-purchase-item-renderer { + color: var(--yt-spec-text-secondary); + padding-top: 8px; + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .yt-simple-endpoint.ytd-purchase-item-renderer { + display: block; + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-purchase-item-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.purchase-endpoint.yt-simple-endpoint.ytd-purchase-item-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-simple-text-section-renderer { + padding: 48px 0; + width: 100%; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .text.ytd-simple-text-section-renderer { + color: var(--yt-spec-text-primary); + width: 50%; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-simple-text-section-renderer[layout-style=paid-subscription-title] { + display: block; + margin: 32px 0 16px; + padding: 0; + } + + ytd-simple-text-section-renderer[layout-style=paid-subscription-title] .text.ytd-simple-text-section-renderer { + width: auto; + color: var(--yt-spec-text-secondary); + } + + ytd-simple-text-section-renderer[layout-style=premium-restrictions] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-simple-text-section-renderer[layout-style=premium-restrictions] .text.ytd-simple-text-section-renderer { + width: auto; + padding: 8px 16px; + } + + ytd-unlimited-page-feature-info-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin: 0 auto; + max-width: 1003px; + min-height: 317px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + @media (max-width: 800px) { + ytd-unlimited-page-feature-info-renderer { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + } + + .content.ytd-unlimited-page-feature-info-renderer { + padding: 24px 0; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .info-head.ytd-unlimited-page-feature-info-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 24px; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + .info-desc.ytd-unlimited-page-feature-info-renderer { + color: var(--yt-spec-text-secondary); + width: 385px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + .icon-thumbnail.ytd-unlimited-page-feature-info-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + ytd-redeem-code-renderer { + background-color: var(--yt-spec-brand-background-solid); + background-size: cover; + border: 1px solid var(--yt-spec-10-percent-layer); + box-shadow: 0px 4px 8px -3px var(--yt-spec-10-percent-layer); + color: var(--yt-spec-text-primary); + margin: 48px auto; + width: 600px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-redeem-code-renderer[is-loading] { + opacity: 0.4; + pointer-events: none; + } + + #main.ytd-redeem-code-renderer { + margin: 40px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .title.ytd-redeem-code-renderer { + margin-bottom: 24px; + font-size: 2.4rem; + font-weight: 400; + line-height: 2.8rem; + } + + input.ytd-redeem-code-renderer { + -webkit-font-smoothing: antialiased; + border: 1px solid var(--yt-spec-10-percent-layer); + margin-bottom: 24px; + padding: 16px; + width: 486px; + font-size: 1.6rem; + font-weight: 400; + line-height: 1.6rem; + } + + #terms.ytd-redeem-code-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #error-message.ytd-redeem-code-renderer { + color: var(--yt-spec-brand-link-text); + margin-bottom: 12px; + font-size: 1.2rem; + font-weight: 400; + line-height: 2rem; + } + + #redeem-button.ytd-redeem-code-renderer { + margin-top: 8px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-align-self: flex-end; + -webkit-align-self: flex-end; + align-self: flex-end; + } + + paper-spinner-lite.ytd-redeem-code-renderer { + display: none; + margin: auto; + } + + paper-spinner-lite.ytd-redeem-code-renderer[active] { + display: block; + left: 50%; + margin: -28px; + position: absolute; + top: 50%; + } + + ytd-post-redemption-section-renderer { + background-position: center center; + background-repeat: no-repeat; + background-size: contain; + padding: 48px 24px 0; + margin-bottom: 24px; + width: 472px; + height: 129px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .container.ytd-post-redemption-section-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .title.ytd-post-redemption-section-renderer { + color: var(--yt-spec-static-brand-white); + width: 65%; + font-size: 2.6rem; + font-weight: 400; + font-family: "YT Sans"; + line-height: 3rem; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + } + + .img-container.ytd-post-redemption-section-renderer { + height: 25px; + margin-bottom: 24px; + } + + #logo.ytd-post-redemption-section-renderer { + background-repeat: no-repeat; + background-size: contain; + border-radius: 2px; + } + + #redeem-button.ytd-post-redemption-section-renderer { + -ms-align-self: flex-end; + -webkit-align-self: flex-end; + align-self: flex-end; + } + + ytd-ypc-post-redemption-renderer { + color: var(--yt-spec-text-primary); + padding: 40px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #store-value-balance.ytd-ypc-post-redemption-renderer { + margin-bottom: 24px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-background-promo-renderer { + --ytd-icon-promo-width-default: 120px; + --ytd-icon-promo-height-default: 120px; + --ytd-icon-color: var(--yt-spec-icon-disabled); + text-align: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + yt-icon.ytd-background-promo-renderer { + color: var(--ytd-icon-color); + height: var(--ytd-background-promo-renderer-icon-height, var(--ytd-icon-promo-height-default)); + width: var(--ytd-background-promo-renderer-icon-width, var(--ytd-icon-promo-width-default)); + margin-bottom: 24px; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + #button.ytd-background-promo-renderer { + padding-bottom: 16px; + } + + .promo-message.ytd-background-promo-renderer { + color: var(--yt-spec-text-secondary); + margin: 0 auto 24px; + } + + ytd-background-promo-renderer:not([renderer-style=full-height]) .promo-message.ytd-background-promo-renderer { + width: 280px; + } + + .promo-title.ytd-background-promo-renderer { + display: block; + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-subheadline-line-height, 2rem)); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + .promo-body-text.ytd-background-promo-renderer { + margin-top: 8px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-background-promo-renderer[renderer-style=full-height] { + --ytd-icon-color: var(--yt-spec-icon-inactive); + padding-top: 140px; + } + + ytd-background-promo-renderer[renderer-style=full-height] yt-icon.ytd-background-promo-renderer { + margin-bottom: 0; + } + + ytd-background-promo-renderer[renderer-style=full-height] .promo-message.ytd-background-promo-renderer { + margin-top: 24px; + margin-bottom: 24px; + } + + ytd-background-promo-renderer[renderer-style=full-height] .promo-title.ytd-background-promo-renderer:not([hidden]).ytd-background-promo-renderer { + color: var(--yt-message-renderer-text-color, var(--yt-spec-text-primary)); + margin-bottom: 16px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + ytd-background-promo-renderer[renderer-style=full-height] .promo-body-text.ytd-background-promo-renderer:not([hidden]).ytd-background-promo-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + @media (max-width: 424px) { + ytd-background-promo-renderer[renderer-style=full-height] yt-icon.ytd-background-promo-renderer { + width: 100%; + } + + } + + ytd-background-promo-renderer[renderer-style=no-icon] yt-icon.ytd-background-promo-renderer { + display: none; + } + + ytd-channel-about-metadata-renderer { + padding-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .subheadline.ytd-channel-about-metadata-renderer { + display: block; + margin: 24px 0; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #left-column.ytd-channel-about-metadata-renderer { + color: var(--yt-spec-text-primary); + padding-right: 96px; + min-width: 0; + word-wrap: break-word; + -ms-flex: 2; + -webkit-flex: 2; + flex: 2; + } + + #description-container.ytd-channel-about-metadata-renderer,#bio-container.ytd-channel-about-metadata-renderer,#photos-container.ytd-channel-about-metadata-renderer,#details-container.ytd-channel-about-metadata-renderer,#links-container.ytd-channel-about-metadata-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding-bottom: 32px; + } + + #description-container.ytd-channel-about-metadata-renderer { + margin-top: 0; + } + + #description.ytd-channel-about-metadata-renderer,#bio.ytd-channel-about-metadata-renderer { + min-width: 0; + word-wrap: break-word; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #photos.ytd-channel-about-metadata-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #photos.ytd-channel-about-metadata-renderer a.ytd-channel-about-metadata-renderer { + margin: 0 4px 4px 0; + } + + #photos.ytd-channel-about-metadata-renderer img.ytd-channel-about-metadata-renderer { + height: 150px; + } + + #divider.ytd-channel-about-metadata-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + .yt-simple-endpoint.ytd-channel-about-metadata-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-channel-about-metadata-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #link-list-container.ytd-channel-about-metadata-renderer a.yt-simple-endpoint.ytd-channel-about-metadata-renderer { + display: inline-block; + margin-bottom: 24px; + width: 40%; + color: var(--yt-spec-themed-blue); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #details-container.ytd-channel-about-metadata-renderer .subheadline.ytd-channel-about-metadata-renderer { + margin-bottom: 12px; + } + + #details-container.ytd-channel-about-metadata-renderer table.ytd-channel-about-metadata-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #details-container.ytd-channel-about-metadata-renderer tr.ytd-channel-about-metadata-renderer { + height: 42px; + } + + #details-container.ytd-channel-about-metadata-renderer td.ytd-channel-about-metadata-renderer { + padding-bottom: 4px; + } + + #details-container.ytd-channel-about-metadata-renderer td.label.ytd-channel-about-metadata-renderer { + padding-right: 32px; + } + + #right-column.ytd-channel-about-metadata-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #right-column.ytd-channel-about-metadata-renderer > yt-formatted-string.ytd-channel-about-metadata-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: block; + padding: 12px 0; + } + + #right-column.ytd-channel-about-metadata-renderer .subheadline.ytd-channel-about-metadata-renderer { + margin: 12px 0 0; + } + + #action-buttons.ytd-channel-about-metadata-renderer { + margin-top: 8px; + margin-left: -8px; + } + + #action-buttons.ytd-channel-about-metadata-renderer > *.ytd-channel-about-metadata-renderer { + margin-right: 16px; + } + + #email.ytd-channel-about-metadata-renderer,#email-container.ytd-channel-about-metadata-renderer a.ytd-channel-about-metadata-renderer { + color: var(--yt-spec-themed-blue); + cursor: pointer; + } + + ytd-channel-featured-content-renderer { + display: block; + padding: 12px 0 24px; + } + + #header.ytd-channel-featured-content-renderer { + margin: 12px 0; + } + + #title.ytd-channel-featured-content-renderer { + color: var(--yt-spec-text-primary); + margin-right: 8px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #subtitle.ytd-channel-featured-content-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #contents.ytd-channel-featured-content-renderer > *.ytd-channel-featured-content-renderer:not(:last-child) { + padding-bottom: 16px; + } + + ytd-channel-renderer { + display: block; + } + + ytd-channel-renderer[channel-renderer-style=CHANNEL_RENDERER_STYLE__PREMIUM_CHANNEL_MEMBERSHIPS] { + padding: 0 0 24px 0; + max-width: 862px; + } + + ytd-channel-renderer[channel-renderer-style=CHANNEL_RENDERER_STYLE__PREMIUM_CHANNEL_MEMBERSHIPS] #avatar.ytd-channel-renderer { + padding: 24px 0 0; + } + + #content-section.ytd-channel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .channel-link.ytd-channel-renderer { + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + yt-img-shadow.ytd-channel-renderer { + border-radius: 50%; + background-color: transparent; + overflow: hidden; + height: 136px; + width: 136px; + margin-right: 16px; + } + + #info-section.ytd-channel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #channel-user-state.ytd-channel-renderer { + padding-top: 16px; + color: var(--yt-spec-text-primary); + margin: 20px 0 4px 48px; + text-overflow: ellipsis; + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #avatar.ytd-channel-renderer { + width: 246px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #info.ytd-channel-renderer { + padding: 0 16px 16px 16px; + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #channel-title.ytd-channel-renderer { + --ytd-badge-icon-size: 16px; + --ytd-channel-name-container-display: -webkit-box; + --ytd-channel-name-text-display: -webkit-box; + --ytd-channel-name-text-line-clamp: 2; + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #metadata.ytd-channel-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #description.ytd-channel-renderer { + color: var(--yt-spec-text-secondary); + word-break: break-word; + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #metadata.ytd-channel-renderer { + margin-bottom: 4px; + } + + #dot.ytd-channel-renderer { + margin: 0 4px; + } + + #subscribe-button.ytd-channel-renderer { + padding-bottom: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #navigation-icon.ytd-channel-renderer { + flex: 0; + padding-right: 48px; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #navigation-icon.ytd-channel-renderer yt-icon.ytd-channel-renderer { + color: var(--yt-spec-icon-active-other); + } + + @media (min-width: 0) and (max-width: 662px) { + #subscribe-button.ytd-channel-renderer { + display: none; + } + + #navigation-icon.ytd-channel-renderer { + display: none; + } + + #info.ytd-channel-renderer { + padding: 0 0 0 16px; + } + + } + + ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer { + margin-right: 16px; + max-width: 360px; + min-width: 240px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-channel-renderer[prominent-thumb-style=BIG1] #avatar-section.ytd-channel-renderer { + max-width: 340px; + } + + ytd-channel-renderer[prominent-thumb-style=BIG2] #avatar-section.ytd-channel-renderer { + max-width: 320px; + } + + ytd-channel-renderer[prominent-thumb-style=MEDIUM1] #avatar-section.ytd-channel-renderer { + max-width: 300px; + } + + ytd-channel-renderer[prominent-thumb-style=MEDIUM2] #avatar-section.ytd-channel-renderer { + max-width: 280px; + } + + ytd-channel-renderer[use-prominent-thumbs] #avatar-section.ytd-channel-renderer .channel-link.ytd-channel-renderer { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-channel-renderer[use-prominent-thumbs] yt-img-shadow.ytd-channel-renderer { + margin: 0; + } + + ytd-channel-renderer[use-prominent-thumbs] #info-section.ytd-channel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-channel-renderer[use-prominent-thumbs] #info.ytd-channel-renderer { + padding-left: 0; + } + + ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button] { + color: var(--yt-spec-icon-inactive); + } + + ytd-subscription-notification-toggle-button-renderer { + --paper-button-ink-color: var(--yt-paper-button-ink-color); + --yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white); + + + --yt-formatted-string-deemphasize_-_margin-left: var(--ytd-margin-base); --yt-formatted-string-deemphasize_-_display: initial;; + } + + ytd-subscription-notification-toggle-button-renderer { + vertical-align: middle; + white-space: nowrap; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button](:not[button-raised]),ytd-subscription-notification-toggle-button-renderer[is-paper-button](:not[button-raised]) a.ytd-subscription-notification-toggle-button-renderer { + overflow: hidden; + } + + ytd-subscription-notification-toggle-button-renderer[disabled][is-paper-button] a.ytd-subscription-notification-toggle-button-renderer { + cursor: initial; + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button] yt-icon.ytd-subscription-notification-toggle-button-renderer { + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + ytd-subscription-notification-toggle-button-renderer yt-formatted-string.ytd-subscription-notification-toggle-button-renderer { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + paper-button.ytd-subscription-notification-toggle-button-renderer { + min-width: var(--yt-paper-button-min-width, var(--ytd-paper-button-min-width, 5.14em)); + font-size: var(--yt-paper-button-font-size, inherit); + } + + paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer { + font-weight: inherit; + } + + ytd-subscription-notification-toggle-button-renderer[is-icon-button]:not([style-action-button]) { + font-size: var(--ytd-caption_-_font-size); line-height: var(--ytd-caption_-_line-height); font-weight: var(--ytd-caption_-_font-weight); letter-spacing: var(--ytd-caption_-_letter-spacing); text-transform: var(--ytd-caption_-_text-transform); + } + + ytd-subscription-notification-toggle-button-renderer.force-icon-button a.ytd-subscription-notification-toggle-button-renderer { + padding-right: var(--yt-button-icon-padding, var(--ytd-margin-2x)); + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button] { + background-color: var(--yt-basic-background-color, var(--yt-button-background-color)); + color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); + border-color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button-with-icon] { + --yt-button-padding-minus-focus-outline: var(--yt-button-with-icon-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] { + --yt-button-padding: 6px 12px; + --yt-button-padding-minus-border: 5px 11px; + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button-with-icon] { + --yt-button-padding: 6px 16px; + --yt-button-padding-minus-border: 5px 15px; + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button-with-icon][button-size="size-large"] { + --yt-button-padding: 10px 16px; + --yt-button-padding-minus-border: 9px 15px; + --yt-button-padding-minus-focus-outline: 9px 15px; + } + + ytd-subscription-notification-toggle-button-renderer[is-icon-button] { + color: var(--yt-button-color, var(--yt-spec-icon-inactive)); + } + + ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button],ytd-subscription-notification-toggle-button-renderer.style-default[is-icon-button],ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button] { + color: var(--yt-spec-icon-inactive); + } + + ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button] #text.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-default[is-icon-button] #text.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button] #text.ytd-subscription-notification-toggle-button-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-subscription-notification-toggle-button-renderer.style-black[is-icon-button] { + color: var(--yt-spec-text-primary); + } + + ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button][disabled] { + color: var(--yt-spec-icon-disabled); + } + + ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-icon-button] { + color: var(--yt-spec-call-to-action); + } + + ytd-subscription-notification-toggle-button-renderer.style-visibly-disabled[is-icon-button] { + color: var(--yt-spec-icon-disabled); + } + + paper-tooltip.ytd-subscription-notification-toggle-button-renderer { + white-space: nowrap; + } + + ytd-subscription-notification-toggle-button-renderer.style-primary[is-paper-button] { + background-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-subscription-notification-toggle-button-renderer.style-primary[disabled][is-paper-button] { + background-color: var(--yt-spec-icon-disabled); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-subscription-notification-toggle-button-renderer.style-payment[is-paper-button] { + background-color: var(--yt-button-payment-background-color, var(--yt-spec-call-to-action)); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-subscription-notification-toggle-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button] { + --yt-formatted-string-deemphasize-color: var(--yt-blue-opacity-lighten-2); + background-color: transparent; + color: var(--yt-spec-call-to-action); + } + + ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: 1px solid var(--yt-spec-call-to-action); + padding: var(--yt-button-padding-minus-border); + } + + ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.palette-with-border[is-paper-button] paper-button.ytd-subscription-notification-toggle-button-renderer { + border-width: 1px; + border-style: solid; + padding: var(--yt-button-padding-minus-border); + } + + ytd-subscription-notification-toggle-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border-width: var(--yt-button-padding-minus-focus-outline-width); + border-style: solid; + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-paper-button] { + --yt-formatted-string-deemphasize-color: var(--yt-spec-icon-disabled); + color: var(--yt-spec-call-to-action); + } + + ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-destructive[is-paper-button] { + background-color: var(--yt-spec-brand-subscribe-button-background); + color: var(--yt-spec-static-brand-white); + } + + ytd-subscription-notification-toggle-button-renderer.style-destructive[new-subscribe-color][is-paper-button] { + background-color: var(--yt-spec-brand-button-background); + } + + ytd-subscription-notification-toggle-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-destructive[disabled][is-paper-button] { + background-color: + var(--yt-button-destructive-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-destructive-color, var(--yt-opalescence-grey-opacity-lighten-2)); + } + + ytd-subscription-notification-toggle-button-renderer.style-brand[is-paper-button] { + color: var(--yt-spec-brand-link-text); + } + + ytd-subscription-notification-toggle-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-text-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-default[is-paper-button] { + background-color: var(--yt-button-default-background-color, var(--yt-spec-badge-chip-background)); + color: var(--yt-button-default-text-color, var(--yt-spec-text-secondary)); + } + + ytd-subscription-notification-toggle-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button] { + color: var(--yt-spec-text-secondary); + } + + ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: 1px solid var(--yt-spec-text-secondary); + padding: var(--yt-button-padding-minus-border); + } + + ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-suggested-action[is-paper-button] { + background-color: var(--yt-spec-suggested-action); + color: var(--yt-spec-call-to-action); + } + + ytd-subscription-notification-toggle-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-compact-gray[is-paper-button] { + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + } + + ytd-subscription-notification-toggle-button-renderer.style-compact-gray[is-paper-button] paper-button.ytd-subscription-notification-toggle-button-renderer { + padding: var(--ytd-margin-base) var(--ytd-margin-2x); + } + + ytd-subscription-notification-toggle-button-renderer.style-text[is-paper-button] { + color: var(--yt-spec-text-secondary); + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-inactive-text-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-overlay[is-paper-button] { + background-color: var(--yt-spec-static-overlay-button-primary); + color: var(--yt-spec-static-overlay-text-primary); + } + + ytd-subscription-notification-toggle-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-text-secondary); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-white-with-border[is-paper-button] { + background-color: transparent; + border: 1px solid var(--yt-spec-static-brand-white); + color: var(--yt-spec-static-brand-white); + } + + ytd-subscription-notification-toggle-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-subscription-notification-toggle-button-renderer { + border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-brand-white); + padding: var(--yt-button-padding-minus-focus-outline); + } + + ytd-subscription-notification-toggle-button-renderer.style-alert-info[is-paper-button] { + color: var(--yt-blue); + } + + ytd-subscription-notification-toggle-button-renderer.style-alert-info[is-paper-button]:hover { + color: var(--yt-icon-hover-color); + } + + ytd-subscription-notification-toggle-button-renderer.style-dark[is-paper-button] { + background-color: var(--yt-button-dark-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-dark-text-color, var(--yt-luna-black)); + } + + ytd-subscription-notification-toggle-button-renderer.style-light[is-paper-button] { + background-color: var(--yt-button-light-background-color, var(--yt-opalescence-soft-grey)); + color: var(--yt-button-light-text-color, var(--yt-luna-black-opacity-lighten-2)); + } + + ytd-subscription-notification-toggle-button-renderer.style-light-text[is-paper-button] { + color: var(--yt-white); + } + + ytd-subscription-notification-toggle-button-renderer.style-black[is-paper-button] { + color: var(--yt-spec-text-primary); + } + + ytd-subscription-notification-toggle-button-renderer.style-visibly-disabled[is-paper-button] { + background-color: transparent; + color: var(--yt-spec-text-disabled); + } + + ytd-subscription-notification-toggle-button-renderer.style-black[disabled][is-paper-button] { + color: var(--yt-button-black-color, var(--yt-opalescence-soft-grey-opacity-lighten-1)); + } + + ytd-subscription-notification-toggle-button-renderer.style-dark-on-black[is-paper-button] { + background-color: var(--yt-playability-button-color); + border: none; + color: var(--yt-white-opacity-lighten-1); + } + + ytd-subscription-notification-toggle-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] { + color: var(--yt-spec-call-to-action-inverse); + } + + ytd-subscription-notification-toggle-button-renderer.style-count { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + paper-button.ytd-subscription-notification-toggle-button-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + ytd-subscription-notification-toggle-button-renderer { + display: inline-block; + text-transform: uppercase; + } + + ytd-subscription-notification-toggle-button-renderer.force-icon-button a.ytd-subscription-notification-toggle-button-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-subscription-notification-toggle-button-renderer[disabled] a.ytd-subscription-notification-toggle-button-renderer:focus { + outline: none; + } + + ytd-subscription-notification-toggle-button-renderer[is-icon-button][has-no-text] { + font-size: 0; + } + + a.ytd-subscription-notification-toggle-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + a.yt-simple-endpoint.ytd-subscription-notification-toggle-button-renderer { + color: inherit; + border-radius: inherit; + text-decoration: none; + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button] { + border-radius: var(--yt-button-border-radius, 3px); + margin: var(--yt-button-margin, 0 0.29em); + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button][disabled] { + color: var(--yt-spec-text-disabled); + background-color: transparent; + } + + ytd-subscription-notification-toggle-button-renderer[is-icon-button][disabled] { + color: #9b9b9b; + } + + ytd-subscription-notification-toggle-button-renderer[is-icon-button][style-action-button] { + --yt-button-icon-padding: 6px; + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button][align-by-text]:not(:empty) { + margin-left: -16px; + } + + ytd-subscription-notification-toggle-button-renderer[is-paper-button][button-size=size-large] { + line-height: 24px; + } + + paper-button.ytd-subscription-notification-toggle-button-renderer { + width: var(--yt-paper-button-width, auto); + height: var(--yt-paper-button-height, auto); + border-radius: inherit; + margin: 0; + padding: var(--yt-button-padding, 0.7em 0.57em); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + ; + } + + ytd-subscription-notification-toggle-button-renderer[start-justified] paper-button.ytd-subscription-notification-toggle-button-renderer { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + ytd-subscription-notification-toggle-button-renderer[vertically-aligned] paper-button.ytd-subscription-notification-toggle-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #button.ytd-subscription-notification-toggle-button-renderer { + color: var(--yt-button-color); + background-color: var(--yt-button-background-color); + } + + ytd-subscription-notification-toggle-button-renderer #button.ytd-subscription-notification-toggle-button-renderer { + color: var(--yt-button-color, inherit); + background-color: transparent; + text-transform: inherit; + } + + button.ytd-subscription-notification-toggle-button-renderer,yt-icon-button.ytd-subscription-notification-toggle-button-renderer { + padding: 1px 6px; + } + + yt-icon-button.ytd-subscription-notification-toggle-button-renderer { + width: var(--yt-button-icon-size, 40px); + height: var(--yt-button-icon-size, 40px); + color: var(--yt-endpoint-color, var(--yt-luna-black)); + } + + yt-icon-button.ytd-subscription-notification-toggle-button-renderer::-moz-focus-inner { + padding: 0; + margin: 0; + border: 0; + } + + yt-icon-button.ytd-subscription-notification-toggle-button-renderer[disabled] { + color: var(--yt-button-disabled-color, rgba(17, 17, 17, 0.2)); + } + + yt-icon-button.ytd-subscription-notification-toggle-button-renderer { + line-height: 1; + padding: var(--yt-button-icon-padding, 8px); + width: var(--yt-button-icon-size, var(--yt-icon-width, 40px)); + height: var(--yt-button-icon-size, var(--yt-icon-height, 40px)); + } + + yt-icon-button.ytd-subscription-notification-toggle-button-renderer > yt-icon.ytd-subscription-notification-toggle-button-renderer { + width: 100%; + height: 100%; + } + + #button.ytd-subscription-notification-toggle-button-renderer yt-icon.ytd-subscription-notification-toggle-button-renderer + yt-formatted-string.ytd-subscription-notification-toggle-button-renderer { + margin-left: var(--yt-string-icon-padding, 8px); + } + + #button.ytd-subscription-notification-toggle-button-renderer yt-formatted-string.ytd-subscription-notification-toggle-button-renderer + yt-icon.ytd-subscription-notification-toggle-button-renderer { + margin-left: var(--yt-button-icon-padding, 8px); + } + + ytd-subscription-notification-toggle-button-renderer[vertically-aligned] #button.ytd-subscription-notification-toggle-button-renderer yt-icon.ytd-subscription-notification-toggle-button-renderer + yt-formatted-string.ytd-subscription-notification-toggle-button-renderer { + margin-left: 0; + margin-top: var(--yt-string-icon-padding, 4px); + } + + ytd-subscription-notification-toggle-button-renderer[vertically-aligned] #button.ytd-subscription-notification-toggle-button-renderer yt-formatted-string.ytd-subscription-notification-toggle-button-renderer + yt-icon.ytd-subscription-notification-toggle-button-renderer { + margin-left: 0; + margin-top: var(--yt-button-icon-padding, 4px); + } + + ytd-subscribe-button-renderer { + --yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white); + --yt-formatted-string-deemphasize_-_margin-left: 4px; --yt-formatted-string-deemphasize_-_display: initial;; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + paper-button.ytd-subscribe-button-renderer { + background-color: var(--yt-spec-brand-button-background); + border-radius: 2px; + color: var(--yt-spec-static-brand-white); + padding: var(--yt-button-padding); + margin: auto var(--ytd-subscribe-button-margin, 4px); + white-space: nowrap; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + paper-button.keyboard-focus.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[use-keyboard-focus][keyboard-focused] paper-button.ytd-subscribe-button-renderer { + border: 2px solid var(--yt-spec-filled-button-focus-outline); + padding: var(--yt-button-padding-minus-focus-outline); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + ytd-subscribe-button-renderer[use-keyboard-focused]:not([keyboard-focused]) paper-button.keyboard-focus.ytd-subscribe-button-renderer { + border: none; + padding: 10px 16px; + } + + paper-button.ytd-subscribe-button-renderer[subscribed] { + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + } + + paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer { + --yt-formatted-string-deemphasize-color: var(--yt-spec-text-secondary); + --yt-formatted-string-deemphasize_-_margin-left: 4px; --yt-formatted-string-deemphasize_-_display: initial;; + } + + ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] { + --yt-button-icon-size: 24px; + --yt-button-icon-padding: 4px; + } + + ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] paper-button.ytd-subscribe-button-renderer { + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + } + + ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] paper-button.ytd-subscribe-button-renderer yt-formatted-string.ytd-subscribe-button-renderer { + --yt-formatted-string-deemphasize-color: var(--yt-spec-text-secondary); + } + + ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] paper-button.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[button-style=COMPACT_RED] paper-button.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[button-style=COMPACT_GRAY][use-keyboard-focused]:not([keyboard-focused]) paper-button.keyboard-focus.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[button-style=COMPACT_RED][use-keyboard-focused]:not([keyboard-focused]) paper-button.keyboard-focus.ytd-subscribe-button-renderer { + padding: 4px 8px; + margin: 0; + } + + ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] paper-button.keyboard-focus.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[button-style=COMPACT_RED] paper-button.keyboard-focus.ytd-subscribe-button-renderer { + padding: 2px 6px; + border: 2px solid var(--yt-spec-filled-button-focus-outline); + } + + ytd-subscribe-button-renderer[button-style=COMPACT_RED] { + max-width: 100%; + } + + ytd-subscribe-button-renderer[button-style=COMPACT_RED] yt-formatted-string.ytd-subscribe-button-renderer { + overflow: hidden; + text-overflow: ellipsis; + } + + ytd-subscribe-button-renderer[button-style=COMPACT_RED] ytd-toggle-button-renderer.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[button-style=COMPACT_RED] ytd-button-renderer.ytd-subscribe-button-renderer { + --yt-button-icon-size: 24px; + --yt-button-icon-padding: 0; + margin-left: 8px; + } + + ytd-subscribe-button-renderer[button-style=COMPACT_RED] paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer { + --yt-formatted-string-deemphasize_-_display: none; --yt-formatted-string-deemphasize_-_margin-left: initial;; + } + + ytd-subscribe-button-renderer[button-style=VISIBLY_DISABLED] paper-button.ytd-subscribe-button-renderer { + --yt-formatted-string-deemphasize-color: var(--yt-spec-text-primary-inverse); + background-color: var(--yt-spec-icon-disabled); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-radio-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-radio-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-radio-renderer { + width: 246px; + height: 138px; + margin-right: 16px; + } + + #content.ytd-radio-renderer { + overflow: hidden; + max-width: 600px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #list.ytd-radio-renderer { + list-style-type: none; + padding: 0; + margin: 12px 0 8px 0; + } + + #list.ytd-radio-renderer li.ytd-radio-renderer { + padding-bottom: 4px; + } + + #video-title.ytd-radio-renderer { + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + h3.ytd-radio-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-radio-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-radio-renderer:before { + display: block; + content: ""; + padding-top: 56.11%; + } + + ytd-radio-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-radio-renderer { + margin-right: 16px; + max-width: 360px; + min-width: 240px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-radio-renderer[prominent-thumb-style=BIG1] ytd-thumbnail.ytd-radio-renderer { + max-width: 340px; + } + + ytd-radio-renderer[prominent-thumb-style=BIG2] ytd-thumbnail.ytd-radio-renderer { + max-width: 320px; + } + + ytd-radio-renderer[prominent-thumb-style=MEDIUM1] ytd-thumbnail.ytd-radio-renderer { + max-width: 300px; + } + + ytd-radio-renderer[prominent-thumb-style=MEDIUM2] ytd-thumbnail.ytd-radio-renderer { + max-width: 280px; + } + + ytd-show-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-show-renderer:not(:hover) ytd-menu-renderer.ytd-show-renderer:not([menu-active]).ytd-show-renderer { + opacity: 0; + } + + ytd-playlist-thumbnail.ytd-show-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + width: 246px; + height: 138px; + margin-right: 16px; + } + + ytd-video-meta-block.ytd-show-renderer { + margin-right: 48px; + } + + #description-text.ytd-show-renderer { + color: var(--yt-spec-text-secondary); + padding-top: 8px; + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #badges.ytd-show-renderer { + padding-top: 8px; + } + + #bottom-standalone-badge.ytd-show-renderer { + padding-top: 8px; + } + + #content.ytd-show-renderer { + max-width: 600px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-menu-renderer.ytd-show-renderer { + position: absolute; + top: -8px; + right: 0; + } + + #video-title.ytd-show-renderer { + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + h3.ytd-show-renderer { + color: var(--yt-spec-text-primary); + padding-right: 24px; + } + + .yt-simple-endpoint.ytd-show-renderer { + display: block; + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-show-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + ytd-clarification-renderer { + display: block; + padding: 16px 0 16px 16px; + background: var(--yt-spec-general-background-b); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-clarification-renderer:not(:hover) ytd-menu-renderer.ytd-clarification-renderer:not([menu-active]).ytd-clarification-renderer { + opacity: 0; + } + + ytd-menu-renderer.ytd-clarification-renderer { + margin-top: -10px; + } + + .container.ytd-clarification-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .text.ytd-clarification-renderer { + color: var(--yt-spec-text-primary); + min-width: 0; + margin: 0 0 0 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .section-title.ytd-clarification-renderer { + display: none; + } + + #section-header.ytd-clarification-renderer yt-img-shadow.ytd-clarification-renderer,#section-header.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { + display: none; + } + + .content-title.ytd-clarification-renderer { + padding-bottom: 4px; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + .content-title.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { + display: none; + } + + .yt-simple-endpoint.ytd-clarification-renderer > yt-img-shadow.ytd-clarification-renderer,.yt-simple-endpoint.ytd-clarification-renderer > yt-icon.ytd-clarification-renderer { + display: block; + } + + .external-link-icon.ytd-clarification-renderer { + width: 12px; + height: 12px; + margin-bottom: 2px; + } + + .source.ytd-clarification-renderer { + padding-top: 4px; + color: var(--yt-spec-call-to-action); + } + + #menu.ytd-clarification-renderer { + margin-bottom: -10px; + } + + ytd-clarification-renderer[clarify-style=small] .container.ytd-clarification-renderer { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-clarification-renderer[clarify-style=small] .content-title.ytd-clarification-renderer { + display: none; + } + + ytd-clarification-renderer[clarify-style=small] .content-title.ytd-clarification-renderer { + margin: 0 0 0 12px; + } + + ytd-clarification-renderer[clarify-style=small] .description.ytd-clarification-renderer { + display: inline; + } + + ytd-clarification-renderer[clarify-style=small] .source.ytd-clarification-renderer { + display: inline; + padding: 0 0 0 3px; + } + + ytd-clarification-renderer[clarify-style=small] .text.ytd-clarification-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-clarification-renderer[clarify-style=medium] .description.ytd-clarification-renderer { + -webkit-line-clamp: 3; + display: block; + max-height: calc(3 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + ytd-clarification-renderer[clarify-style=large] .container.ytd-clarification-renderer { + display: block; + } + + ytd-clarification-renderer[clarify-style=large] .source.ytd-clarification-renderer { + color: var(--yt-spec-text-secondary); + padding-top: 12px; + } + + ytd-clarification-renderer[clarify-style=large] .source.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { + display: none; + } + + ytd-clarification-renderer[clarify-style=large] .content-title.ytd-clarification-renderer { + color: var(--yt-spec-call-to-action); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-clarification-renderer[clarify-style=large] .content-title.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { + display: inline-block; + } + + ytd-clarification-renderer[clarify-style=large] .section-title.ytd-clarification-renderer { + display: inline; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-clarification-renderer[clarify-style=large] .text.ytd-clarification-renderer { + margin-left: 0; + } + + ytd-clarification-renderer[clarify-style=large] #section-header.ytd-clarification-renderer { + margin-bottom: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-clarification-renderer[clarify-style=large] .yt-simple-endpoint.ytd-clarification-renderer > yt-img-shadow.ytd-clarification-renderer,ytd-clarification-renderer[clarify-style=large] .yt-simple-endpoint.ytd-clarification-renderer > yt-icon.ytd-clarification-renderer,ytd-clarification-renderer[clarify-style=large] .container.ytd-clarification-renderer > a.ytd-clarification-renderer { + display: none; + } + + ytd-clarification-renderer[clarify-style=large] #section-header.ytd-clarification-renderer yt-img-shadow.ytd-clarification-renderer,ytd-clarification-renderer[clarify-style=large] #section-header.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { + display: block; + margin-right: 8px; + } + + ytd-clarification-renderer[clarify-style=large] #section-header.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { + color: var(--yt-spec-icon-active-other); + } + + .content.ytd-clarification-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-clarification-renderer[has-action-button] .content.ytd-clarification-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding-bottom: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-clarification-renderer[has-action-button] .content-title.ytd-clarification-renderer { + padding-bottom: 8px; + } + + ytd-clarification-renderer[has-action-button] .content.ytd-clarification-renderer > .yt-simple-endpoint.ytd-clarification-renderer { + padding-right: 8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-clarification-renderer[has-action-button] .source.ytd-clarification-renderer { + padding-top: 12px; + } + + ytd-clarification-renderer[has-action-button] #action-button.ytd-clarification-renderer { + padding-right: 8px; + } + + ytd-clarification-renderer[has-action-button] #menu.ytd-clarification-renderer { + margin-left: -12px; + margin-right: -4px; + } + + ytd-clarification-renderer[background-style=info] { + padding: 12px 0 12px 0; + background: var(--yt-spec-suggested-action); + border: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-clarification-renderer[background-style=info] .container.ytd-clarification-renderer > a.ytd-clarification-renderer,ytd-clarification-renderer[background-style=info] .yt-simple-endpoint.ytd-clarification-renderer > yt-icon.ytd-clarification-renderer,ytd-clarification-renderer[background-style=info] .yt-simple-endpoint.ytd-clarification-renderer > yt-img-shadow.ytd-clarification-renderer { + display: none; + } + + ytd-clarification-renderer[background-style=info] .text.ytd-clarification-renderer { + margin-left: 12px; + } + + ytd-clarification-renderer[background-style=info] .source.ytd-clarification-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-clarification-renderer[background-style=info] .description.ytd-clarification-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-clarification-renderer[background-style=info] .source.ytd-clarification-renderer > .secondary-icon.ytd-clarification-renderer { + margin-bottom: 2px; + margin-right: 4px; + width: 18px; + height: 18px; + } + + ytd-clarification-renderer[missing-source] #source-link.ytd-clarification-renderer,ytd-clarification-renderer[missing-source] .source.ytd-clarification-renderer { + display: none; + } + + ytd-clarification-renderer[missing-source] .content.ytd-clarification-renderer { + padding-bottom: 0px; + border-bottom: none; + } + + ytd-compact-link-renderer { + --paper-item-min-height: 40px; + display: block; + } + + .yt-simple-endpoint.ytd-compact-link-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + ytd-compact-link-renderer:not([compact-link-style=compact-link-style-type-disclaimer]) .yt-simple-endpoint.ytd-compact-link-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #endpoint.yt-simple-endpoint.ytd-compact-link-renderer { + display: block; + cursor: pointer; + } + + paper-item.ytd-compact-link-renderer { + color: var(--yt-compact-link-color, var(--yt-spec-text-primary)); + height: var(--paper-item-min-height, 48px); + padding: var(--yt-compact-link-paper-item-padding, 0px 16px); + } + + ytd-compact-link-renderer:not([has-secondary_]) paper-item.ytd-compact-link-renderer { + padding: var(--yt-compact-link-paper-item-padding, 0px 36px 0 16px); + } + + #label.ytd-compact-link-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #subtitle.ytd-compact-link-renderer { + display: block; + padding-left: 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + yt-icon.ytd-compact-link-renderer { + color: var(--yt-compact-link-icon-color, var(--yt-spec-icon-inactive)); + } + + #content-icon.ytd-compact-link-renderer { + margin-right: 16px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #secondary-text.ytd-compact-link-renderer { + background: var(--yt-spec-themed-blue); + color: var(--yt-spec-filled-button-text); + padding: 4px; + border-radius: 2px; + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + yt-img-shadow.ytd-compact-link-renderer { + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #right-icon.ytd-compact-link-renderer { + margin-right: 0; + } + + #secondary-text.ytd-compact-link-renderer,#right-icon.ytd-compact-link-renderer { + margin-left: 8px; + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-disclaimer] paper-item.ytd-compact-link-renderer:focus,ytd-compact-link-renderer[compact-link-style=compact-link-style-type-disclaimer] paper-item.ytd-compact-link-renderer:focus:before { + background: transparent; + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-disclaimer] #endpoint.ytd-compact-link-renderer { + cursor: auto; + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-disclaimer] #label.ytd-compact-link-renderer { + color: var(--yt-spec-text-secondary); + white-space: initial; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar] paper-item.ytd-compact-link-renderer { + padding: 8px 24px; + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar][active]:hover { + background: var(--yt-spec-verified-badge-background); + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar][active] { + background-color: var(--yt-spec-10-percent-layer); + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar]:hover { + background-color: var(--yt-spec-badge-chip-background); + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar][active] #label.ytd-compact-link-renderer { + font-weight: 500; + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-selection-menu] #content-icon.ytd-compact-link-renderer[hidden] + #label.ytd-compact-link-renderer { + margin-left: 40px; + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link]:first-of-type { + margin-top: 4px; + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] { + margin-left: 32px; + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] #content-icon.ytd-compact-link-renderer[hidden] + #label.ytd-compact-link-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] paper-item.ytd-compact-link-renderer:focus,ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] paper-item.ytd-compact-link-renderer:focus:before { + background: transparent; + } + + #label.ytd-compact-link-renderer,#subtitle.ytd-compact-link-renderer { + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + + ytd-emergency-onebox-renderer { + display: inline-block; + width: 100%; + } + + #title.ytd-emergency-onebox-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + #container.ytd-emergency-onebox-renderer { + background: var(--yt-spec-general-background-b); + margin-top: 16px; + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-single-action-emergency-support-renderer.ytd-emergency-onebox-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-single-action-emergency-support-renderer { + display: inline-block; + } + + #header.ytd-single-action-emergency-support-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #container.ytd-single-action-emergency-support-renderer { + color: var(--yt-spec-text-secondary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #container.ytd-single-action-emergency-support-renderer a.ytd-single-action-emergency-support-renderer { + color: var(--yt-spec-text-secondary); + } + + #action.ytd-single-action-emergency-support-renderer { + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + #navigation.ytd-single-action-emergency-support-renderer,#details.ytd-single-action-emergency-support-renderer { + margin-left: 32px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-icon.ytd-single-action-emergency-support-renderer { + color: var(--yt-spec-icon-active-other); + margin-right: 8px; + --iron-icon-height: 24px; + --iron-icon-width: 24px; + } + + .yt-simple-endpoint.ytd-single-action-emergency-support-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-single-action-emergency-support-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + ytd-exploratory-results-renderer { + display: inline-block; + } + + #title.ytd-exploratory-results-renderer { + color: var(--yt-spec-text-primary); + margin: 24px 0; + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #contents.ytd-exploratory-results-renderer > *.ytd-exploratory-results-renderer { + padding-bottom: 24px; + } + + ytd-feed-entry-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + padding: 24px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-img-shadow.ytd-feed-entry-renderer { + width: 48px; + height: 48px; + margin-right: 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .info.ytd-feed-entry-renderer { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-feed-entry-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #title-container.ytd-feed-entry-renderer { + height: 48px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #post.ytd-feed-entry-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-feedback-elicitation-single-question-renderer { + --paper-input-container-input-color: var(--yt-spec-text-primary); + display: inline-block; + margin: 24px 0; + width: 100%; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #dismissable.ytd-feedback-elicitation-single-question-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #header.ytd-feedback-elicitation-single-question-renderer { + -ms-align-self: stretch; + -webkit-align-self: stretch; + align-self: stretch; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #header.ytd-feedback-elicitation-single-question-renderer yt-icon-button.ytd-feedback-elicitation-single-question-renderer { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + color: var(--yt-spec-text-secondary); + width: var(--yt-icon-width); + height: var(--yt-icon-height); + } + + #question.ytd-feedback-elicitation-single-question-renderer { + color: var(--yt-spec-text-primary); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .yt-simple-endpoint.ytd-feedback-elicitation-single-question-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-feedback-elicitation-single-question-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-feedback-elicitation-single-question-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + yt-img-shadow.ytd-feedback-elicitation-single-question-renderer { + margin-right: 8px; + height: 68px; + width: 120px; + } + + ytd-feedback-elicitation-single-question-renderer.is-channel yt-img-shadow.ytd-feedback-elicitation-single-question-renderer { + width: 56px; + height: 56px; + margin-right: 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #item-title.ytd-feedback-elicitation-single-question-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #responses.ytd-feedback-elicitation-single-question-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #responses.ytd-feedback-elicitation-single-question-renderer yt-formatted-string.ytd-feedback-elicitation-single-question-renderer { + color: var(--yt-spec-text-primary); + } + + #submit-button.ytd-feedback-elicitation-single-question-renderer { + margin-top: 12px; + } + + paper-radio-button.ytd-feedback-elicitation-single-question-renderer { + padding: 12px 0 0; + } + + ytd-game-details-renderer { + display: inline-block; + color: var(--yt-spec-text-primary); + } + + .yt-simple-endpoint.ytd-game-details-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + yt-formatted-string.ytd-game-details-renderer { + color: var(--yt-spec-text-primary); + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + yt-img-shadow.ytd-game-details-renderer { + width: 210px; + height: 290px; + } + + #title.ytd-game-details-renderer { + margin: 8px 0 4px 0; + } + + #auto-generated.ytd-game-details-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #live-viewers-count.ytd-game-details-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-game-card-renderer { + display: block; + vertical-align: top; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #game.ytd-game-card-renderer { + padding-bottom: 4px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-grid-channel-renderer { + display: inline-block; + width: 210px; + } + + yt-img-shadow.ytd-grid-channel-renderer { + height: 103px; + width: 103px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #channel.ytd-grid-channel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #channel-info.ytd-grid-channel-renderer { + max-width: 100%; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-grid-channel-renderer,#thumbnail-attribution.ytd-grid-channel-renderer { + max-width: 100%; + } + + #title.ytd-grid-channel-renderer { + color: var(--yt-spec-text-primary); + margin: 4px 0; + text-overflow: ellipsis; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #thumbnail-attribution.ytd-grid-channel-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #subscribe.ytd-grid-channel-renderer { + margin-top: 16px; + } + + ytd-grid-movie-playlist-renderer { + display: inline-block; + width: 210px; + } + + ytd-thumbnail.ytd-grid-movie-playlist-renderer { + height: 302px; + width: 210px; + } + + ytd-video-meta-block.ytd-grid-movie-playlist-renderer { + padding-right: 24px; + } + + #badges.ytd-grid-movie-playlist-renderer { + margin-top: 8px; + } + + #video-title.ytd-grid-movie-playlist-renderer { + display: block; + margin: 8px 0 8px; + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-grid-movie-playlist-renderer { + color: var(--yt-spec-text-primary); + } + + .yt-simple-endpoint.ytd-grid-movie-playlist-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-grid-movie-playlist-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + ytd-grid-playlist-renderer { + display: inline-block; + width: 210px; + } + + ytd-playlist-thumbnail.ytd-grid-playlist-renderer { + height: 118px; + width: 210px; + } + + .yt-simple-endpoint.ytd-grid-playlist-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-grid-playlist-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #meta.yt-simple-endpoint.ytd-grid-playlist-renderer { + padding-right: 24px; + } + + a.yt-simple-endpoint.ytd-grid-playlist-renderer { + display: block; + } + + ytd-badge-supported-renderer.ytd-grid-playlist-renderer { + margin-top: 4px; + } + + h3.ytd-grid-playlist-renderer { + color: var(--yt-spec-text-primary); + margin: 8px 0 8px; + } + + #video-title.ytd-grid-playlist-renderer { + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #view-more.ytd-grid-playlist-renderer { + display: block; + margin-top: 4px; + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + h3.ytd-grid-playlist-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-grid-radio-renderer { + display: inline-block; + width: 210px; + } + + ytd-grid-radio-renderer:not(:hover) ytd-menu-renderer.ytd-grid-radio-renderer:not([menu-active]).ytd-grid-radio-renderer { + opacity: 0; + } + + ytd-grid-radio-renderer[is-dismissed] #dismissable.ytd-grid-radio-renderer,ytd-grid-radio-renderer #dismissed.ytd-grid-radio-renderer { + display: none; + } + + ytd-grid-radio-renderer[is-dismissed] #dismissed.ytd-grid-radio-renderer { + display: block; + } + + ytd-thumbnail.ytd-grid-radio-renderer { + height: 118px; + width: 210px; + } + + ytd-video-meta-block.ytd-grid-radio-renderer { + padding-right: 24px; + } + + .yt-simple-endpoint.ytd-grid-radio-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-grid-radio-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-grid-radio-renderer { + display: block; + } + + #video-title.ytd-grid-radio-renderer { + display: block; + margin: 8px 0 8px; + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-grid-radio-renderer #video-title.ytd-grid-radio-renderer { + margin: 8px 0 8px; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-grid-radio-renderer { + color: var(--yt-spec-text-primary); + } + + #details.ytd-grid-radio-renderer { + position: relative; + padding-right: 24px; + } + + ytd-menu-renderer.ytd-grid-radio-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + position: absolute; + top: 0; + right: 0; + margin-top: 4px; + } + + ytd-grid-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #items.ytd-grid-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #items.hovering.ytd-grid-renderer { + position: relative; + overflow-x: hidden; + } + + #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer,#items.ytd-grid-renderer > ytd-grid-radio-renderer.ytd-grid-renderer,#items.ytd-grid-renderer > ytd-grid-channel-renderer.ytd-grid-renderer,#items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer,#items.ytd-grid-renderer > ytd-grid-movie-playlist-renderer.ytd-grid-renderer,#items.ytd-grid-renderer > ytd-grid-movie-renderer.ytd-grid-renderer,#items.ytd-grid-renderer > ytd-grid-show-renderer.ytd-grid-renderer,#items.ytd-grid-renderer > ytd-game-card-renderer.ytd-grid-renderer { + margin-right: 4px; + display: inline-block; + width: 210px; + margin-bottom: 24px; + } + + #items.ytd-grid-renderer > ytd-game-card-renderer.ytd-grid-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #items.ytd-grid-renderer > yt-music-pass-small-feature-info-renderer.ytd-grid-renderer { + width: 312px; + } + + yt-music-pass-small-feature-info-renderer.ytd-grid-renderer { + margin-top: 64px; + margin-bottom: 64px; + } + + yt-music-pass-small-feature-info-renderer.ytd-grid-renderer:not(:last-child) { + margin-right: 24px; + } + + ytd-poster-renderer.ytd-grid-renderer { + margin-right: 4px; + margin-bottom: 24px; + } + + #show-more-button.ytd-grid-renderer { + margin-bottom: 16px; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + #view-all.ytd-grid-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + display: block; + color: var(--yt-spec-text-secondary); + cursor: pointer; + margin: 16px 0 24px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-continuation-item-renderer.ytd-grid-renderer { + min-width: 100%; + } + + ytd-grid-show-renderer { + display: inline-block; + width: 210px; + } + + ytd-grid-show-renderer:not(:hover) ytd-menu-renderer.ytd-grid-show-renderer:not([menu-active]).ytd-grid-show-renderer:not(:focus-within) { + opacity: 0; + } + + ytd-playlist-thumbnail.ytd-grid-show-renderer { + height: 118px; + width: 210px; + } + + ytd-video-meta-block.ytd-grid-show-renderer { + padding-right: 24px; + } + + #details.ytd-grid-show-renderer { + position: relative; + } + + ytd-menu-renderer.ytd-grid-show-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + position: absolute; + top: 0; + right: 0; + margin-top: 4px; + } + + .top-badge.ytd-grid-show-renderer { + margin-top: 8px; + } + + #video-title.ytd-grid-show-renderer { + display: block; + margin: 8px 0 8px; + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-grid-show-renderer #video-title.ytd-grid-show-renderer { + margin: 8px 0 8px; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-grid-show-renderer { + color: var(--yt-spec-text-primary); + } + + .yt-simple-endpoint.ytd-grid-show-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-grid-show-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + ytd-grid-video-renderer,.ytd-grid-video-renderer[meta-block] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-grid-video-renderer.grid #metadata.ytd-grid-video-renderer,ytd-grid-video-renderer.compact #metadata.ytd-grid-video-renderer,.ytd-grid-video-renderer[meta-block].grid.ytd-grid-video-renderer #metadata.ytd-grid-video-renderer,.ytd-grid-video-renderer[meta-block].compact.ytd-grid-video-renderer #metadata.ytd-grid-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-grid-video-renderer[watch-feed-big-thumbs].compact { + min-width: 0; + } + + ytd-grid-video-renderer[watch-feed-big-thumbs].compact #metadata.ytd-grid-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-grid-video-renderer.light #byline.ytd-grid-video-renderer,.ytd-grid-video-renderer[meta-block].light.ytd-grid-video-renderer #byline.ytd-grid-video-renderer { + color: var(--yt-spec-text-secondary); + } + + #metadata.ytd-grid-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #additional-metadata-line.ytd-grid-video-renderer > .ytd-grid-video-renderer:not(:last-of-type):after { + content: "•"; + margin: 4px 4px 0; + } + + #metadata-line.ytd-grid-video-renderer { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + max-width: 100%; + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + ytd-grid-video-renderer[truncate-metadata-line] #metadata-line.ytd-grid-video-renderer { + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + + #additional-metadata-line.ytd-grid-video-renderer { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #byline-container.ytd-grid-video-renderer { + max-width: 100%; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-grid-video-renderer[radio-meta] #byline-container.ytd-grid-video-renderer { + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-grid-video-renderer[rich-meta] #channel-name.ytd-grid-video-renderer,ytd-grid-video-renderer[rich-meta] #metadata-line.ytd-grid-video-renderer { + font-size: 1.4rem; + font-weight: 400; + line-height: 1.8rem; + } + + ytd-grid-video-renderer[rich-meta][miniMode] #channel-name.ytd-grid-video-renderer,ytd-grid-video-renderer[rich-meta][miniMode] #metadata-line.ytd-grid-video-renderer { + font-size: 1.2rem; + line-height: 1.6rem; + } + + #separator.ytd-grid-video-renderer { + display: none; + } + + ytd-grid-video-renderer[watch-feed-big-thumbs]:not(.grid).byline-separated #separator.ytd-grid-video-renderer,ytd-grid-video-renderer:not(.grid):not(.compact).byline-separated #separator.ytd-grid-video-renderer,.ytd-grid-video-renderer[meta-block].ytd-grid-video-renderer:not(.grid):not(.compact).byline-separated #separator.ytd-grid-video-renderer { + display: inline-block; + color: var(--yt-spec-text-secondary); + margin: 0 4px; + } + + #channel-name.ytd-grid-video-renderer { + --ytd-channel-name-badges-margin-right: 8px; + --ytd-channel-name-text-display: block; + --ytd-channel-name-text-complex-display: flex; + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + max-width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #channel-name.long-byline.ytd-grid-video-renderer { + --ytd-channel-name-container-display: -webkit-box; + --ytd-channel-name-text-display: -webkit-box; + --ytd-channel-name-text-line-clamp: 2; + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + display: -webkit-box; + -webkit-box-orient: vertical; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #channel-name.ytd-grid-video-renderer[verified] { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + --yt-endpoint-visited-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + margin-right: 8px; + } + + #channel-name.ytd-grid-video-renderer[verified].long-byline.ytd-grid-video-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + --yt-endpoint-visited-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + } + + ytd-grid-video-renderer.grid #channel-name.ytd-grid-video-renderer,.ytd-grid-video-renderer[meta-block].grid.ytd-grid-video-renderer #channel-name.ytd-grid-video-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + } + + ytd-grid-video-renderer.grid #channel-name.ytd-grid-video-renderer[verified],.ytd-grid-video-renderer[meta-block].grid.ytd-grid-video-renderer #channel-name.ytd-grid-video-renderer[verified] { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + --yt-endpoint-visited-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + } + + #metadata-line.ytd-grid-video-renderer > .ytd-grid-video-renderer:not(:last-of-type):after { + content: "•"; + margin: 0 4px; + } + + #metadata-line.ytd-grid-video-renderer span.ytd-grid-video-renderer { + display: inline-block; + } + + ytd-badge-supported-renderer.ytd-grid-video-renderer { + margin-right: 8px; + } + + #video-badges.ytd-grid-video-renderer { + margin-top: 4px; + } + + ytd-grid-video-renderer { + --yt-button-compact-background-color: var(--yt-spec-10-percent-layer); + --yt-button-compact-text-color: var(--yt-spec-text-secondary); + display: inline-block; + width: 210px; + } + + ytd-grid-video-renderer[is-search] { + width: 360px; + } + + ytd-grid-video-renderer:not(:hover) ytd-menu-renderer.ytd-grid-video-renderer:not([menu-active]).ytd-grid-video-renderer:not(:focus-within) { + opacity: 0; + } + + ytd-grid-video-renderer[is-dismissed] #dismissable.ytd-grid-video-renderer,ytd-grid-video-renderer #dismissed.ytd-grid-video-renderer { + display: none; + } + + ytd-grid-video-renderer[is-dismissed] #dismissed.ytd-grid-video-renderer { + display: block; + } + + ytd-thumbnail.ytd-grid-video-renderer { + height: 118px; + width: 210px; + } + + ytd-grid-video-renderer[is-search] ytd-thumbnail.ytd-grid-video-renderer { + width: 360px; + height: 202px; + } + + #meta.ytd-grid-video-renderer { + padding-right: 24px; + } + + #badges.ytd-grid-video-renderer { + margin-top: 8px; + } + + #details.ytd-grid-video-renderer { + position: relative; + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #details.ytd-grid-video-renderer a.ytd-grid-video-renderer { + display: block; + } + + ytd-grid-video-renderer.use-ellipsis #details.ytd-grid-video-renderer a.ytd-grid-video-renderer { + display: -webkit-box; + } + + ytd-menu-renderer.ytd-grid-video-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + position: absolute; + top: 0; + right: 0; + margin-top: 4px; + } + + #dismissed.ytd-grid-video-renderer { + padding-bottom: 56.19%; + border: 1px solid var(--yt-spec-10-percent-layer); + position: relative; + } + + #dismissed.ytd-grid-video-renderer:focus { + outline: none; + } + + #dismissed-content.ytd-grid-video-renderer { + box-sizing: border-box; + padding: 8px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #video-title.yt-simple-endpoint.ytd-grid-video-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer { + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-grid-video-renderer { + color: var(--yt-spec-text-primary); + margin: 8px 0 8px; + } + + #buttons.ytd-grid-video-renderer > *.ytd-grid-video-renderer { + margin-top: 4px; + } + + ytd-vertical-product-card-renderer { + display: inline-block; + --yt-img-max-height: 100%; + --yt-formatted-string-bold: var(--ytd-user-comment);; + --yt-formatted-string-bold_-_font-size: var(--ytd-user-comment_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-user-comment_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-user-comment_-_line-height); --yt-formatted-string-bold_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + --yt-formatted-string-bold-color: var(--yt-spec-text-primary); + } + + ytd-vertical-product-card-renderer[use-new-style=true] #product-name.ytd-vertical-product-card-renderer { + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .yt-simple-endpoint.ytd-vertical-product-card-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + #product-card-renderer-container.ytd-vertical-product-card-renderer { + margin-right: 4px; + margin-bottom: 32px; + } + + #product-card-renderer-container.ytd-vertical-product-card-renderer .yt-simple-endpoint.ytd-vertical-product-card-renderer { + display: block; + padding: 4px; + text-decoration: none; + } + + #card-with-protection.ytd-vertical-product-card-renderer { + width: 208px; + } + + #product-image.ytd-vertical-product-card-renderer { + background-color: white; + height: 208px; + margin-bottom: 10px; + width: 100%; + } + + yt-img-shadow.ytd-vertical-product-card-renderer { + height: 192px; + margin: 8px; + width: 192px; + } + + .product-info-row.ytd-vertical-product-card-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + margin-bottom: 2px; + } + + #product-name.ytd-vertical-product-card-renderer { + margin-bottom: 4px; + } + + #merchant-name.ytd-vertical-product-card-renderer { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + color: var(--yt-spec-themed-blue); + } + + #brand-name.ytd-vertical-product-card-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-spec-text-secondary); + } + + #additional-taxes.ytd-vertical-product-card-renderer,#variants-description.ytd-vertical-product-card-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-vertical-product-card-renderer:not([show-additional-fees]) #additional-taxes.ytd-vertical-product-card-renderer { + display: none; + } + + #price.ytd-vertical-product-card-renderer { + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + yt-icon.ytd-vertical-product-card-renderer { + color: var(--yt-spec-themed-blue); + height: 14px; + width: 14px; + } + + ytd-grid-movie-renderer { + display: inline-block; + width: 210px; + } + + ytd-thumbnail.ytd-grid-movie-renderer { + height: 302px; + width: 210px; + } + + ytd-video-meta-block.ytd-grid-movie-renderer { + padding-right: 24px; + } + + .grid-movie-renderer-metadata.ytd-grid-movie-renderer { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + margin-top: 8px; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .badges.ytd-grid-movie-renderer { + margin-top: 8px; + } + + .yt-simple-endpoint.ytd-grid-movie-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-grid-movie-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-grid-movie-renderer { + display: block; + } + + #video-title.ytd-grid-movie-renderer { + display: block; + margin: 8px 0 0; + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-grid-movie-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-details-bar-renderer { + display: inline-block; + } + + a.ytd-details-bar-renderer { + background-color: var(--yt-spec-static-brand-black); + height: 40px; + padding: 0 20px 0 20px; + text-decoration: none; + width: 445px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .action-message.ytd-details-bar-renderer { + color: var(--yt-spec-static-overlay-text-secondary); + text-transform: uppercase; + font-size: 1.4rem; + font-weight: 400; + letter-spacing: 0.1rem; + line-height: 1.4rem; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-details-bar-renderer[themeable] .action-message.ytd-details-bar-renderer { + color: var(--yt-spec-static-overlay-text-primary); + } + + ytd-poster-details-renderer { + --yt-video-container-thumbnail-height: 273px; + --yt-video-container-thumbnail-width: 655px; + --yt-video-thumbnail-margin-left: -85px; + display: inline-block; + height: 313px; + position: relative; + width: 485px; + } + + #overlay.ytd-poster-details-renderer { + background-position: top center; + background-repeat: no-repeat; + background-size: cover; + color: var(--yt-spec-static-overlay-text-secondary); + height: 253px; + position: absolute; + padding: 0 20px 20px; + left: -1px; + top: 0; + width: 447px; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-poster-details-renderer[themeable_] #overlay.ytd-poster-details-renderer,ytd-poster-details-renderer[themeable_] #desc.ytd-poster-details-renderer,ytd-poster-details-renderer[themeable_] #metadata-item.ytd-poster-details-renderer { + color: var(--yt-spec-static-overlay-text-primary); + } + + yt-video-as-thumbnail-details.ytd-poster-details-renderer { + height: 273px; + overflow: hidden; + position: absolute; + width: 485px; + z-index: -1; + } + + #title.ytd-poster-details-renderer { + font-family: "YT Sans"; + font-size: 2.4rem; + font-weight: 400; + line-height: 2.8rem; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + } + + #metadata.ytd-poster-details-renderer { + margin-top: 4px; + } + + #metadata-item.ytd-poster-details-renderer { + color: #ccc; + font-size: 1.4rem; + font-weight: 300; + line-height: 1.8rem; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + } + + #metadata-item.ytd-poster-details-renderer:not(:first-child):before { + content: "• "; + margin-left: 4px; + } + + #desc.ytd-poster-details-renderer { + margin-top: 12px; + max-height: 64px; + overflow: hidden; + width: 445px; + font-size: 1.6rem; + font-weight: 300; + line-height: 2.2rem; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + } + + #desc.ytd-poster-details-renderer:empty { + display: none; + } + + #video-container.ytd-poster-details-renderer { + height: 273px; + overflow: hidden; + position: relative; + width: 485px; + } + + yt-video-as-thumbnail-details { + display: inline-block; + } + + yt-video-as-thumbnail-details[animate-placeholder-on-entrance] #placeholder.yt-video-as-thumbnail-details { + animation: 1.8s cubic-bezier(0.4, 0.0, 0.2, 1) background-entry forwards 1; + opacity: 0; + transform: scale(1); + } + + #placeholder.yt-video-as-thumbnail-details { + background-position: top center; + background-repeat: no-repeat; + background-size: cover; + height: 100%; + position: absolute; + width: 100%; + } + + #video-container.yt-video-as-thumbnail-details { + height: var(--yt-video-container-thumbnail-height, 100%); + overflow: hidden; + position: absolute; + top: 0; + width: var(--yt-video-container-thumbnail-width, 100%); + margin-left: var(--yt-video-thumbnail-margin-left, 0px); + } + + #video.yt-video-as-thumbnail-details { + height: var(--yt-video-thumbnail-height, 100%); + min-width: 100%; + min-height: 100%; + position: absolute; + width: var(--yt-video-thumbnail-width, 100%); + } + + #placeholder.yt-video-as-thumbnail-details,#video.yt-video-as-thumbnail-details { + opacity: 1; + transition: opacity 0.5s ease-in-out; + } + + #placeholder.hideit.yt-video-as-thumbnail-details,#video.hideit.yt-video-as-thumbnail-details { + opacity: 0; + } + + @keyframes background-entry { + from { + opacity: 0; + transform: scale(1); + } + + to { + opacity: 1; + transform: scale(1.1); + } + + } + + ytd-poster-renderer { + --yt-img-max-height: 100%; + --yt-img-max-width: none; + backface-visibility: hidden; + display: inline-block; + height: 313px; + transform: translateZ(0) scale(1, 1); + transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); + width: 210px; + } + + ytd-poster-renderer[state=hovering],ytd-poster-renderer[state=after-hover] { + position: absolute; + } + + ytd-poster-renderer[state=hovering]:not([is-hovering]):not([is-prev-hovering]) { + z-index: 3; + } + + ytd-poster-renderer[is-hovering] { + z-index: 2; + } + + ytd-poster-renderer[state=hovering][is-prev-hovering] { + z-index: 1; + } + + ytd-poster-renderer[state=after-hover]:not([is-prev-hovering]) { + z-index: 2; + } + + ytd-poster-renderer[state=after-hover][is-prev-hovering] { + z-index: 1; + } + + ytd-poster-renderer:not([is-hovering]) #hover.ytd-poster-renderer { + opacity: 0; + } + + ytd-poster-renderer[is-hovering] #static.ytd-poster-renderer { + opacity: 0; + } + + ytd-poster-renderer[state=hovering]:not([is-hovering]) #static.ytd-poster-renderer { + opacity: 0.4; + transform: scaleX(0.947619) scaleY(0.948881); + } + + ytd-poster-renderer[is-hovering] #view.ytd-poster-renderer,ytd-poster-renderer[state=after-hover][is-prev-hovering] #view.ytd-poster-renderer { + opacity: 0; + } + + #view.ytd-poster-renderer { + overflow: hidden; + backface-visibility: hidden; + position: absolute; + height: 313px; + width: 485px; + z-index: 3; + opacity: 1; + transform: translateX(-137.5px) scaleX(0.4329) scaleY(1); + background-color: var(--yt-spec-themed-overlay-background); + } + + ytd-poster-renderer[themeable_] #view.ytd-poster-renderer { + background: transparent; + } + + #hover.ytd-poster-renderer { + overflow: hidden; + backface-visibility: hidden; + height: 313px; + pointer-events: none; + position: absolute; + transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); + transform: translateX(-137.5px); + width: 485px; + z-index: -1; + } + + #static.ytd-poster-renderer { + backface-visibility: hidden; + height: 313px; + margin-left: 0; + margin-right: 0; + pointer-events: none; + position: absolute; + transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); + vertical-align: middle; + width: 210px; + z-index: 4; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #static.ytd-poster-renderer yt-img-shadow.ytd-poster-renderer { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + yt-music-pass-small-feature-info-renderer { + --yt-endpoint-color: var(--yt-blue); + display: inline-block; + display: var(--layout-vertical_-_display, inline-block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + text-align: center; + } + + yt-img-shadow.yt-music-pass-small-feature-info-renderer { + width: 84px; + height: 84px; + padding-bottom: var(--ytd-margin-4x); + } + + #header.yt-music-pass-small-feature-info-renderer { + color: var(--yt-primary-text-color); + font-size: 32px; + font-weight: 300; + padding-bottom: var(--ytd-margin-base); + } + + #description.yt-music-pass-small-feature-info-renderer { + color: var(--yt-secondary-text-color); + font-size: 16px; + line-height: 1.5; + } + + ytd-newspaper-hero-video-renderer { + width: 642px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-thumbnail.ytd-newspaper-hero-video-renderer { + margin-right: 16px; + height: 180px; + width: 320px; + } + + #contents.ytd-newspaper-hero-video-renderer { + min-width: 0; + margin-right: 16px; + } + + h3.ytd-newspaper-hero-video-renderer { + color: var(--yt-spec-text-primary); + } + + #video-title.ytd-newspaper-hero-video-renderer { + margin-bottom: 12px; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .yt-simple-endpoint.ytd-newspaper-hero-video-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-newspaper-hero-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #meta.yt-simple-endpoint.ytd-newspaper-hero-video-renderer { + display: block; + margin-bottom: 16px; + } + + @media (max-width: 662px) { + ytd-newspaper-hero-video-renderer { + width: 428px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #contents.ytd-newspaper-hero-video-renderer,#meta.yt-simple-endpoint.ytd-newspaper-hero-video-renderer { + margin: 0; + } + + ytd-thumbnail.ytd-newspaper-hero-video-renderer { + margin: 0 0 8px; + height: 242px; + width: 428px; + } + + #description.ytd-newspaper-hero-video-renderer { + display: none; + } + + #video-title.ytd-newspaper-hero-video-renderer { + margin-bottom: 4px; + } + + } + + ytd-newspaper-mini-video-renderer { + display: inline-block; + width: 210px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-thumbnail.ytd-newspaper-mini-video-renderer { + height: 118px; + width: 210px; + } + + .yt-simple-endpoint.ytd-newspaper-mini-video-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-newspaper-mini-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #meta.yt-simple-endpoint.ytd-newspaper-mini-video-renderer { + padding-right: 24px; + } + + h3.ytd-newspaper-mini-video-renderer { + color: var(--yt-spec-text-primary); + } + + #video-title.ytd-newspaper-mini-video-renderer { + display: block; + margin: 8px 0 8px; + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-newspaper-renderer { + display: block; + padding: 24px 0 24px; + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-newspaper-hero-video-renderer.ytd-newspaper-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #secondary-contents.ytd-newspaper-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-newspaper-mini-video-renderer.ytd-newspaper-renderer:not(:last-of-type) { + padding-right: 4px; + } + + @media (max-width: 662px) { + #secondary-contents.ytd-newspaper-renderer { + display: none; + } + + } + + ytd-search-history-query-renderer { + display: block; + margin: 24px 0 0 0; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + ytd-search-history-query-renderer[is-dismissed] #dismissable.ytd-search-history-query-renderer,ytd-search-history-query-renderer:not([is-dismissed]) #dismissed.ytd-search-history-query-renderer { + display: none; + } + + ytd-search-history-query-renderer:not(:hover):not([is-history]) ytd-menu-renderer.ytd-search-history-query-renderer:not([menu-active]).ytd-search-history-query-renderer { + opacity: 0; + } + + #dismissable.ytd-search-history-query-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #dismissed.ytd-search-history-query-renderer:focus { + outline: none; + } + + a.yt-simple-endpoint.ytd-search-history-query-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .latest-search-time-text.ytd-search-history-query-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-menu-renderer.ytd-search-history-query-renderer { + margin-top: -11px; + } + + ytd-promoted-video-renderer { + position: relative; + display: block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-promoted-video-renderer:not([use-prominent-thumbs]) ytd-thumbnail.ytd-promoted-video-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + width: 246px; + height: 138px; + margin-right: 16px; + } + + #description-text.ytd-promoted-video-renderer { + color: var(--yt-spec-text-secondary); + padding-top: 8px; + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #text-container.ytd-promoted-video-renderer { + max-width: 600px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #endpoint.ytd-promoted-video-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #endpoint.ytd-promoted-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #title-wrapper.ytd-promoted-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #meta-block.ytd-promoted-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #byline.ytd-promoted-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #ad-badge-container.ytd-promoted-video-renderer { + margin-top: auto; + margin-bottom: auto; + margin-right: 5px; + } + + #menu.ytd-promoted-video-renderer { + height: 2.4rem; + } + + ytd-menu-renderer.ytd-promoted-video-renderer { + margin-top: -11px; + } + + #video-title.ytd-promoted-video-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-promoted-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-promoted-video-renderer:before { + display: block; + content: ""; + padding-top: 56.11%; + } + + ytd-promoted-video-renderer[use-prominent-thumbs] ytd-thumbnail.ytd-promoted-video-renderer { + margin-right: 16px; + max-width: 360px; + min-width: 240px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-promoted-video-renderer[use-prominent-thumbs] #text-container.ytd-promoted-video-renderer { + max-width: none; + } + + ytd-promoted-video-renderer[prominent-thumb-style=BIG1] ytd-thumbnail.ytd-promoted-video-renderer { + max-width: 340px; + } + + ytd-promoted-video-renderer[prominent-thumb-style=BIG2] ytd-thumbnail.ytd-promoted-video-renderer { + max-width: 320px; + } + + ytd-promoted-video-renderer[prominent-thumb-style=MEDIUM1] ytd-thumbnail.ytd-promoted-video-renderer { + max-width: 300px; + } + + ytd-promoted-video-renderer[prominent-thumb-style=MEDIUM2] ytd-thumbnail.ytd-promoted-video-renderer { + max-width: 280px; + } + + ytd-search-pyv-renderer { + display: inline-block; + width: 100%; + } + + ytd-promoted-video-renderer.ytd-search-pyv-renderer { + padding-top: 24px; + } + + yt-horizontal-list-renderer { + display: block; + position: relative; + width: var(--yt-horizontal-list-renderer-width, auto); + } + + #scroll-container.yt-horizontal-list-renderer { + overflow: hidden; + } + + #items.yt-horizontal-list-renderer { + margin-bottom: var(--ytd-horizontal-list-margin-bottom, 24px); + transition-duration: 0.15s; + transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + will-change: transform; + display: inline-block; + white-space: nowrap; + } + + #items.yt-horizontal-list-renderer > *.yt-horizontal-list-renderer { + padding-right: 4px; + display: inline-block; + vertical-align: top; + white-space: normal; + } + + #items.yt-horizontal-list-renderer > ytd-compact-channel-recommendation-card-renderer.yt-horizontal-list-renderer[is-dismissed] { + display: none; + } + + #items.yt-horizontal-list-renderer > ytd-post-renderer.yt-horizontal-list-renderer { + display: inline-flex; + padding-right: 24px; + margin-right: 8px; + } + + #items.yt-horizontal-list-renderer > ytd-shared-post-renderer.yt-horizontal-list-renderer { + padding-right: 0; + margin-right: 8px; + } + + yt-horizontal-list-renderer[at-start] #left-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer { + display: none; + opacity: 0; + } + + yt-horizontal-list-renderer[at-end] #right-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer { + display: none; + opacity: 0; + } + + #left-arrow.yt-horizontal-list-renderer { + position: absolute; + top: var(--ytd-horizontal-list-arrow-top, 0); + height: 118px; + z-index: 1; + } + + #right-arrow.yt-horizontal-list-renderer { + position: absolute; + top: var(--ytd-horizontal-list-arrow-top, 0); + right: 4px; + height: 118px; + z-index: 200; + } + + #left-arrow.yt-horizontal-list-renderer,#right-arrow.yt-horizontal-list-renderer { + will-change: transform; + width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .arrow.yt-horizontal-list-renderer { + cursor: pointer; + width: 40px; + height: 40px; + border-radius: 24px; + background-color: var(--yt-spec-brand-background-solid); + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #items.yt-horizontal-list-renderer > ytd-primetime-promo-panel-renderer.yt-horizontal-list-renderer { + padding-right: 0; + } + + #items.yt-horizontal-list-renderer > ytd-primetime-promo-panel-renderer.yt-horizontal-list-renderer:not(:last-child)::after { + content: ""; + display: inline-block; + background-color: var(--yt-spec-static-overlay-background-medium); + width: 5px; + position: absolute; + top: 0px; + height: 138px; + margin-left: 319px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gsaFgUKWiVUWgAAABpJREFUKM9j+P///38mBgYGhlFilBglhisBAJS4BYu0405rAAAAAElFTkSuQmCC"); + background-size: 1px 118px; + background-repeat: no-repeat; + background-position: 2px 10px; + } + + ytd-display-ad-renderer { + width:100%;height:100%;display:inline-block + } + + ytd-display-ad-renderer[is-dismissed] #dismissable.ytd-display-ad-renderer,ytd-display-ad-renderer #dismissed.ytd-display-ad-renderer { + display:none + } + + ytd-display-ad-renderer[is-dismissed] #dismissed.ytd-display-ad-renderer { + display:block + } + + #root.ytd-display-ad-renderer { + width:100%;height:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-align-items:center;align-items:center + } + + #media-container.ytd-display-ad-renderer { + flex:1 100% + } + + .title.ytd-display-ad-renderer { + min-width:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row + } + + #support.ytd-display-ad-renderer { + min-width:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-align-items:center;align-items:center + } + + #title-text.ytd-display-ad-renderer { + color:var(--yt-spec-text-primary);flex:1 10% + } + + #menu.ytd-display-ad-renderer { + -ms-flex:none;-webkit-flex:none;flex:none + } + + #body-text.ytd-display-ad-renderer { + flex:1 100%;color:var(--yt-spec-text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;font-weight:400;line-height:1.5rem + } + + #badge.ytd-display-ad-renderer { + -ms-flex:none;-webkit-flex:none;flex:none + } + + #badge.ytd-display-ad-renderer>ytd-badge-supported-renderer.ytd-display-ad-renderer:not(:empty) { + margin-right:8px + } + + #secondary-text.ytd-display-ad-renderer { + flex:1 10%;color:var(--yt-spec-text-secondary);overflow:hidden;white-space:pre;text-overflow:ellipsis;font-size:1.2rem;font-weight:500;line-height:1.5rem + } + + #call-to-action.ytd-display-ad-renderer { + flex:1 100%;margin-left:auto;margin-right:0 + } + + #dismissed-content.ytd-display-ad-renderer { + display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center + } + + ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] { + padding:4px;padding-bottom:8px;width:135px;min-height:214px;max-height:258px + } + + ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item]:hover { + background-color:var(--yt-spec-general-background-c) + } + + ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #badge.ytd-display-ad-renderer,ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #menu.ytd-display-ad-renderer,ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #call-to-action.ytd-display-ad-renderer { + display:none + } + + ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #media-container.ytd-display-ad-renderer { + margin-bottom:12px + } + + ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #title-text.ytd-display-ad-renderer { + margin:0;margin-bottom:4px;display:-webkit-box;max-height:calc(2 * var(--yt-link-line-height, 1.6rem));-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;font-size:var(--yt-link-font-size, 1.4rem);font-weight:500;line-height:var(--ytd-link-line-height, 1.6rem);letter-spacing:var(--yt-link-letter-spacing, normal);font-weight:400 + } + + ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #root.ytd-display-ad-renderer { + display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-line-pack:start;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start;-ms-flex-align:center;-webkit-align-items:center;align-items:center + } + + ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] .title.ytd-display-ad-renderer { + display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row + } + + ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #support.ytd-display-ad-renderer { + display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-align-items:center;align-items:center + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] { + width:100%;margin:0;display:block;max-width:var(--ytd-rich-grid-item-max-width) + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #root.ytd-display-ad-renderer { + -ms-flex-line-pack:start;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #media-container.ytd-display-ad-renderer { + padding-top:56.25%;position:relative;margin-left:auto;margin-right:auto;overflow:hidden;display:block + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #media-background.ytd-display-ad-renderer { + width:100%;height:100%;position:absolute;top:0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-color:var(--yt-spec-static-overlay-background-heavy);filter:blur(5px);background-image:var(--ytd-display-ad-media-background-image) + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #media.ytd-display-ad-renderer { + display:block;position:absolute;transform:translateY(-50%);top:50%;left:0;width:100% + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #media.ytd-display-ad-renderer yt-img-shadow.ytd-display-ad-renderer { + display:block + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #media-badge.ytd-display-ad-renderer { + position:absolute;width:28px;height:28px;border-radius:2px;right:8px;bottom:8px;background-color:var(--yt-spec-static-overlay-background-solid);--ytd-badge-icon-size: 22px;--ytd-badge-icon-color: var(--yt-spec-static-overlay-text-primary);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #media-hover-overlay.ytd-display-ad-renderer { + position:absolute;visibility:hidden;top:0;right:0;left:0;bottom:0;background-color:var(--yt-spec-static-overlay-background-medium);display:-ms-flexbox;display:-webkit-flex;display:flex;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] .title.ytd-display-ad-renderer { + min-width:0;width:100%;margin-top:12px;margin-bottom:4px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #title-text.ytd-display-ad-renderer { + color:var(--yt-spec-text-primary);overflow:hidden;-webkit-line-clamp:2;-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;font-size:1.6rem;font-weight:500;line-height:2.2rem;max-height:4.4rem;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;display:-webkit-box + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #menu.ytd-display-ad-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px; + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #body-text.ytd-display-ad-renderer { + margin-bottom:4px;-webkit-line-clamp:2;font-size:1.4rem;font-weight:400;line-height:1.8rem;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;display:-webkit-box + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #badge.ytd-display-ad-renderer { + margin-bottom:12px + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #secondary-text.ytd-display-ad-renderer { + margin-bottom:12px;white-space:nowrap;font-size:1.4rem;font-weight:400;line-height:1.8rem + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #call-to-action.ytd-display-ad-renderer { + display:none + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #dismissed.ytd-display-ad-renderer { + padding-bottom:56.19%;border:1px solid var(--yt-spec-10-percent-layer);position:relative + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #dismissed.ytd-display-ad-renderer:focus { + outline:none + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #dismissed-content.ytd-display-ad-renderer { + box-sizing:border-box;padding:8px;position:absolute;top:0;right:0;bottom:0;left:0 + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image][mini-mode] { + max-width:var(--ytd-rich-grid-mini-item-max-width) + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image][mini-mode] #title-text.ytd-display-ad-renderer { + font-size:1.4rem;line-height:2rem;max-height:4rem + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image][mini-mode] .title.ytd-display-ad-renderer { + margin-bottom:6px + } + + ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image]:hover #media-hover-overlay.ytd-display-ad-renderer { + visibility:visible + } + + ytd-topic-recommendations-chip-renderer { + --ytd-thumbnail-overlay-button-background: none; + display: inline-block; + width: 115px; + height: 127px; + margin-right: 8px; + padding-right: 0; + position: relative; + } + + yt-img-shadow.ytd-topic-recommendations-chip-renderer { + overflow: hidden; + border-top-left-radius: 16px; + border-top-right-radius: 16px; + display: block; + height: 64px; + width: 115px; + } + + #scrim.ytd-topic-recommendations-chip-renderer { + background-color: var(--yt-lightsource-section1-color, var(--yt-spec-call-to-action)); + color: var(--yt-lightsource-primary-title-color, var(--yt-spec-filled-button-text)); + height: 63px; + overflow: hidden; + border-bottom-left-radius: 16px; + border-bottom-right-radius: 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #scrim-title.ytd-topic-recommendations-chip-renderer { + padding-left: 8px; + padding-right: 8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-topic-recommendations-chip-renderer[is-dismissed] #dismissable.ytd-topic-recommendations-chip-renderer { + display: none; + } + + ytd-topic-recommendations-chip-renderer[is-dismissed] #dismissed.ytd-topic-recommendations-chip-renderer { + display: block; + } + + #hover-overlays.ytd-topic-recommendations-chip-renderer { + top: 0; + position: absolute; + border-top-left-radius: 16px; + border-top-right-radius: 16px; + display: block; + background-color: var(--yt-spec-static-overlay-background-light); + height: 64px; + width: 115px; + } + + ytd-topic-recommendations-chip-renderer:not(:hover):not(:focus-within) #hover-overlays.ytd-topic-recommendations-chip-renderer,ytd-topic-recommendations-chip-renderer:not(:hover):not(:focus-within) #button-overlay.ytd-topic-recommendations-chip-renderer { + opacity: 0; + } + + ytd-compact-station-renderer { + display: inline-block; + } + + .flex-container.ytd-compact-station-renderer { + background-color: var(--yt-playlist-background-item); + width: 317px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-thumbnail.ytd-compact-station-renderer { + height: 118px; + width: 118px; + } + + a.ytd-compact-station-renderer { + margin: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + h3.ytd-compact-station-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #description.ytd-compact-station-renderer { + color: var(--yt-spec-text-secondary); + display: -webkit-box; + -webkit-box-orient: vertical; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #flex-item.ytd-compact-station-renderer { + margin-bottom: 8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #video-count-text.ytd-compact-station-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + yt-formatted-string.ytd-panel-show-style-metadata-renderer { + display: block; + margin-top: 8px; + margin-bottom: 8px; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-panel-show-style-metadata-renderer[is-primetime-redesign] yt-formatted-string.ytd-panel-show-style-metadata-renderer { + margin-top: 12px; + margin-bottom: 0; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-primetime-promo-panel-renderer:not([is-primetime-redesign]) { + display: inline-block; + width: 321px; + } + + ytd-primetime-promo-panel-renderer:not([is-primetime-redesign]) yt-img-shadow.ytd-primetime-promo-panel-renderer { + height: 138px; + width: 321px; + } + + ytd-primetime-promo-panel-renderer[is-primetime-redesign] #thumbnail.ytd-primetime-promo-panel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #action-button.ytd-primetime-promo-panel-renderer { + height: 36px; + padding-right: 10px; + padding-left: 16px; + background-color: var(--yt-spec-suggested-action); + color: var(--yt-spec-call-to-action); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #action-button.ytd-primetime-promo-panel-renderer > yt-formatted-string.ytd-primetime-promo-panel-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-shopping-companion-item-renderer { + --yt-img-max-height: 100%; + display: inline-block; + width: 125px; + } + + #card.ytd-shopping-companion-item-renderer { + width: 120px; + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #image.ytd-shopping-companion-item-renderer { + background-color: var(--yt-spec-static-brand-white); + height: 120px; + width: 120px; + } + + #info.ytd-shopping-companion-item-renderer { + height: 90px; + padding-top: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #headline.ytd-shopping-companion-item-renderer { + color: var(--ytd-shopping-product-info); + overflow: hidden; + max-height: 6rem; + font-size: 1.3rem; + font-weight: 400; + line-height: 1.5rem; + } + + #price.ytd-shopping-companion-item-renderer { + color: var(--ytd-shopping-product-info); + padding-top: 4px; + padding-bottom: 4px; + white-space: nowrap; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + font-weight: 700; + } + + @media (max-width: 999px) { + ytd-shopping-companion-item-renderer { + width: 136px; + } + + } + + @media (max-width: 856px) { + ytd-shopping-companion-item-renderer { + width: 121px; + } + + } + + @media (max-width: 656px) { + ytd-shopping-companion-item-renderer { + width: 133px; + } + + } + + ytd-compact-channel-recommendation-card-renderer { + display: inline-block; + width: 210px; + position: relative; + } + + ytd-compact-channel-recommendation-card-renderer[is-dismissed] { + display: none; + } + + ytd-compact-channel-recommendation-card-renderer:not(:hover) ytd-menu-renderer.ytd-compact-channel-recommendation-card-renderer:not([menu-active]).ytd-compact-channel-recommendation-card-renderer { + opacity: 0; + } + + #banner.ytd-compact-channel-recommendation-card-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + width: 210px; + height: 56px; + } + + #avatar.ytd-compact-channel-recommendation-card-renderer { + border: 1px solid rgba(255, 255, 255, 0.3); + height: 32px; + margin-left: 8px; + position: absolute; + width: 32px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + [dir="rtl"] #avatar-protection.ytd-compact-channel-recommendation-card-renderer, #avatar-protection.ytd-compact-channel-recommendation-card-renderer[dir="rtl"] { + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); + } + + #channel-art.ytd-compact-channel-recommendation-card-renderer,#avatar-protection.ytd-compact-channel-recommendation-card-renderer { + position: absolute; + width: 210px; + height: 56px; + } + + #lower-overlay.ytd-compact-channel-recommendation-card-renderer { + fill: var(--ytd-channel-recommendation-card-avatar-overlay-color); + fill-opacity: 0.5; + } + + #upper-overlay.ytd-compact-channel-recommendation-card-renderer { + fill: var(--ytd-channel-recommendation-card-avatar-overlay-color); + fill-opacity: 0.8; + } + + #card-body.ytd-compact-channel-recommendation-card-renderer { + max-width: 100%; + } + + #channel-info.ytd-compact-channel-recommendation-card-renderer { + margin: 0 8px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #title.ytd-compact-channel-recommendation-card-renderer { + color: var(--yt-spec-text-primary); + margin: 0; + margin-top: 16px; + margin-bottom: 12px; + max-width: 100%; + text-overflow: ellipsis; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #subscribe-container.ytd-compact-channel-recommendation-card-renderer { + padding: 0 8px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-subscribe-button-renderer.ytd-compact-channel-recommendation-card-renderer { + max-width: 100%; + } + + ytd-menu-renderer.ytd-compact-channel-recommendation-card-renderer { + --yt-icon-width: 24px; + --yt-icon-height: 24px; + position: absolute; + right: 4px; + top: 64px; + } + + ytd-compact-channel-recommendation-card-renderer[card-style=CARD_STYLE_COMPACT_LEFT_ALIGN] #channel-info.ytd-compact-channel-recommendation-card-renderer { + margin: 0px; + padding-right: 24px; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + ytd-compact-channel-recommendation-card-renderer[card-style=CARD_STYLE_COMPACT_LEFT_ALIGN] #subscribe-container.ytd-compact-channel-recommendation-card-renderer { + padding: 0px; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + ytd-compact-channel-recommendation-card-renderer[card-style=CARD_STYLE_COMPACT_LEFT_ALIGN] #title.ytd-compact-channel-recommendation-card-renderer { + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + ytd-merch-shelf-item-renderer { + --yt-img-max-height: 100%; + display: inline-block; + width: 98px; + margin-left: 16px; + } + + ytd-merch-shelf-item-renderer:hover { + background-color: var(--yt-spec-badge-chip-background); + border-radius: 2px; + } + + ytd-merch-shelf-item-renderer:first-child { + margin-left: 0; + } + + .yt-simple-endpoint.ytd-merch-shelf-item-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-merch-shelf-item-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #merch-item-container.yt-simple-endpoint.ytd-merch-shelf-item-renderer { + padding: 4px; + display: block; + text-decoration: none; + } + + #small-card-image.ytd-merch-shelf-item-renderer,#large-card-image.ytd-merch-shelf-item-renderer { + background-color: var(--yt-spec-static-brand-white); + overflow: hidden; + } + + ytd-merch-shelf-item-renderer:first-child:last-child { + width: 100%; + } + + ytd-merch-shelf-item-renderer:first-child:last-child #small-card.ytd-merch-shelf-item-renderer { + display: none; + } + + ytd-merch-shelf-item-renderer:first-child:last-child #large-card.ytd-merch-shelf-item-renderer { + margin-left: 0; + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #shop-button.ytd-merch-shelf-item-renderer { + background-color: var(--yt-spec-call-to-action); + border-radius: 2px; + color: var(--yt-spec-filled-button-text); + padding: 8px 24px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #single-item-shop-button-wrapper.ytd-merch-shelf-item-renderer { + display: none; + } + + #single-item-additional-fees-text.ytd-merch-shelf-item-renderer { + display: none; + } + + #single-item-whitespace.ytd-merch-shelf-item-renderer { + width: 5px; + } + + ytd-merch-shelf-item-renderer:first-child:last-child #single-item-additional-fees-text.ytd-merch-shelf-item-renderer { + color: var(--yt-spec-text-secondary); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-merch-shelf-item-renderer:first-child:last-child #single-item-shop-button-wrapper.ytd-merch-shelf-item-renderer { + margin-left: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + } + + ytd-merch-shelf-item-renderer:first-child:last-child #single-item-shop-button-wrapper.ytd-merch-shelf-item-renderer .large-card-merchant.ytd-merch-shelf-item-renderer { + margin-top: 8px; + text-align: end; + } + + ytd-merch-shelf-item-renderer:first-child:last-child #large-card-info.ytd-merch-shelf-item-renderer .large-card-merchant.ytd-merch-shelf-item-renderer { + display: none; + } + + #large-card-info.ytd-merch-shelf-item-renderer #large-card-description.ytd-merch-shelf-item-renderer { + display: none; + } + + ytd-merch-shelf-item-renderer:first-child:last-child #large-card-info.ytd-merch-shelf-item-renderer #large-card-description.ytd-merch-shelf-item-renderer { + color: var(--yt-spec-text-secondary); + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-top: 4px; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #small-card.ytd-merch-shelf-item-renderer { + width: 98px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #small-card-image.ytd-merch-shelf-item-renderer { + height: 90px; + width: 90px; + margin-bottom: 10px; + } + + #small-card-info.ytd-merch-shelf-item-renderer { + width: 90px; + } + + #small-card-price.ytd-merch-shelf-item-renderer { + color: var(--ytd-shopping-product-info); + padding: 2px 0px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .small-card-vendor-line.ytd-merch-shelf-item-renderer { + display: flex; + flex-direction: row; + } + + #small-card-merchant.ytd-merch-shelf-item-renderer { + color: var(--yt-spec-text-secondary); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #large-card.ytd-merch-shelf-item-renderer { + display: none; + width: 274px; + height: 90px; + } + + #large-card-image.ytd-merch-shelf-item-renderer { + height: 90px; + width: 90px; + } + + #large-card-info.ytd-merch-shelf-item-renderer { + margin-left: 10px; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #large-card-info-wrapper.ytd-merch-shelf-item-renderer { + position: absolute; + width: 100%; + } + + #large-card-title.ytd-merch-shelf-item-renderer { + color: var(--ytd-shopping-product-info); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #large-card-price.ytd-merch-shelf-item-renderer { + color: var(--ytd-shopping-product-info); + padding: 2px 0px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #large-card-additional-fees-text.ytd-merch-shelf-item-renderer { + color: var(--yt-spec-text-secondary); + padding: 2px 0px 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-merch-shelf-item-renderer:first-child:last-child #large-card-additional-fees-text.ytd-merch-shelf-item-renderer { + display: none; + } + + .large-card-merchant.ytd-merch-shelf-item-renderer { + color: var(--yt-spec-text-secondary); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .large-card-merchant.no-price.ytd-merch-shelf-item-renderer { + white-space: normal; + overflow: initial; + text-overflow: initial; + } + + #large-card-rating-container.ytd-merch-shelf-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #large-card-review-text.ytd-merch-shelf-item-renderer { + color: var(--yt-spec-text-secondary); + padding: 2px 0px 0px 4px; + white-space: nowrap; + overflow: hidden; + width: 60px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.2rem; + } + + yt-icon.ytd-merch-shelf-item-renderer { + color: var(--yt-spec-brand-icon-inactive); + height: 15px; + width: 15px; + flex-shrink: 0; + } + + ytd-merch-shelf-item-renderer:hover .large-card-merchant.ytd-merch-shelf-item-renderer,ytd-merch-shelf-item-renderer:hover .large-card-merchant.ytd-merch-shelf-item-renderer yt-icon.ytd-merch-shelf-item-renderer,ytd-merch-shelf-item-renderer:hover #small-card-merchant.ytd-merch-shelf-item-renderer,ytd-merch-shelf-item-renderer:hover .small-card-vendor-line.ytd-merch-shelf-item-renderer yt-icon.ytd-merch-shelf-item-renderer { + color: var(--yt-spec-themed-blue); + } + + @media (max-width: 999px) { + ytd-merch-shelf-item-renderer { + width: 282px; + margin-left: 6px; + } + + #small-card.ytd-merch-shelf-item-renderer { + display: none; + } + + #large-card.ytd-merch-shelf-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + } + + @media (max-width: 856px), (min-width: 1000px) { + ytd-merch-shelf-item-renderer { + width: 98px; + margin-left: 16px; + } + + #small-card.ytd-merch-shelf-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #large-card.ytd-merch-shelf-item-renderer { + display: none; + } + + } + + @media (min-width: 1294px) and (min-height: 630px) { + ytd-merch-shelf-item-renderer { + width: 282px; + margin-left: 6px; + } + + #small-card.ytd-merch-shelf-item-renderer { + display: none; + } + + #large-card.ytd-merch-shelf-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + } + + ytd-compact-promoted-item-renderer { + display: block; + } + + ytd-compact-promoted-item-renderer[is-dismissed] #dismissable.ytd-compact-promoted-item-renderer,ytd-compact-promoted-item-renderer:not([is-dismissed]) #dismissed.ytd-compact-promoted-item-renderer { + display: none; + } + + #dismissable.ytd-compact-promoted-item-renderer { + background-color: var(--yt-spec-brand-background-solid); + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #dismissed.ytd-compact-promoted-item-renderer { + border-top: 4px solid var(--yt-spec-10-percent-layer); + border-bottom: 4px solid var(--yt-spec-10-percent-layer); + width: 100%; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #dismissed.ytd-compact-promoted-item-renderer:focus { + outline: none; + } + + #content.ytd-compact-promoted-item-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-thumbnail.ytd-compact-promoted-item-renderer { + margin: 24px; + margin-right: 8px; + height: 100px; + width: 100px; + } + + #info.ytd-compact-promoted-item-renderer { + margin-top: 24px; + margin-left: 16px; + } + + #title.ytd-compact-promoted-item-renderer { + font-family: "YT Sans", "Roboto", sans-serif; + font-size: 28px; + line-height: 36px; + font-weight: 400; + } + + ytd-compact-promoted-item-renderer:not([view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID]) #subtitle-container.ytd-compact-promoted-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + margin-top: 8px; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #subtitle-container.ytd-compact-promoted-item-renderer { + margin-top: 4px; + } + + #subtitle.ytd-compact-promoted-item-renderer { + display: block; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #button.ytd-compact-promoted-item-renderer ytd-button-renderer.ytd-compact-promoted-item-renderer { + margin-top: 8px; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #dismissable.ytd-compact-promoted-item-renderer { + border-top: 4px solid var(--yt-spec-10-percent-layer); + border-bottom: 4px solid var(--yt-spec-10-percent-layer); + background-color: transparent; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] ytd-thumbnail.ytd-compact-promoted-item-renderer { + margin-left: 0; + margin-right: 16px; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #title.ytd-compact-promoted-item-renderer { + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #subtitle.ytd-compact-promoted-item-renderer { + display: inline; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #button.ytd-compact-promoted-item-renderer ytd-button-renderer.ytd-compact-promoted-item-renderer { + margin-top: 16px; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #featured-badge.ytd-compact-promoted-item-renderer { + --ytd-badge-display: inline; + display: inline; + margin-left: 4px; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #info.ytd-compact-promoted-item-renderer { + margin-left: 0; + margin-top: 0; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #content.ytd-compact-promoted-item-renderer { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + min-height: 100px; + margin: 24px 0; + } + + ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #dismiss-button.ytd-compact-promoted-item-renderer { + margin-top: 16px; + margin-left: 8px; + } + + @media (max-width: 871px) { + #title.ytd-compact-promoted-item-renderer { + font-size: var(--ytd-subheadline_-_font-size, 28px); font-weight: var(--ytd-subheadline_-_font-weight, 400); line-height: var(--ytd-subheadline_-_line-height, 36px); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #subtitle.ytd-compact-promoted-item-renderer { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + } + + ytd-expanded-shelf-contents-renderer { + display: block; + margin-bottom: 24px; + } + + #grid-container.ytd-expanded-shelf-contents-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + yt-formatted-string.ytd-expanded-shelf-contents-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + display: block; + color: var(--yt-spec-text-secondary); + cursor: pointer; + margin-top: 16px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #grid-container.ytd-expanded-shelf-contents-renderer > *.ytd-expanded-shelf-contents-renderer { + width: 100%; + } + + #grid-container.ytd-expanded-shelf-contents-renderer > *.ytd-expanded-shelf-contents-renderer:not(:last-child) { + margin-bottom: 16px; + } + + @media (min-width: 1560px) { + ytd-playlist-renderer.ytd-expanded-shelf-contents-renderer,ytd-channel-renderer.ytd-expanded-shelf-contents-renderer,ytd-radio-renderer.ytd-expanded-shelf-contents-renderer,ytd-video-renderer.ytd-expanded-shelf-contents-renderer,ytd-movie-playlist-renderer.ytd-expanded-shelf-contents-renderer { + width: 50%; + padding-right: 24px; + box-sizing: border-box; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + } + + .yt-simple-endpoint.ytd-expanded-shelf-contents-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-expanded-shelf-contents-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + ytd-shelf-renderer { + --yt-icon-disabled-color: var(--yt-spec-icon-active-other); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-shelf-renderer[is-dismissed] #dismissable.ytd-shelf-renderer,ytd-shelf-renderer:not([is-dismissed]) #dismissed.ytd-shelf-renderer { + display: none; + } + + ytd-shelf-renderer[enable-fluid-dismiss_][is-dismissed] #dismissed.ytd-shelf-renderer { + display: none; + } + + .grid-subheader.ytd-shelf-renderer { + margin-top: 24px; + } + + #title-text.ytd-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #contents.ytd-shelf-renderer { + margin-top: 24px; + } + + #title-container.ytd-shelf-renderer { + color: var(--yt-spec-text-primary); + height: 2rem; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #title-container.ytd-shelf-renderer a.ytd-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + --yt-endpoint-color: var(--yt-spec-text-primary); + } + + #title.ytd-shelf-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #title-annotation.ytd-shelf-renderer { + color: var(--yt-spec-text-secondary); + margin-left: 8px; + display: block; + max-height: var(--yt-user-comment-line-height, 2.1rem); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-shelf-renderer[thumbnail-style=CHANNEL_THUMBNAIL_STYLE_BOXART] #title-annotation.ytd-shelf-renderer { + margin-left: 0px; + } + + yt-sort-filter-sub-menu-renderer.ytd-shelf-renderer { + --yt-dropdown-menu-label-text_-_color: var(--yt-spec-text-secondary); --yt-dropdown-menu-label-text_-_font-size: var(--ytd-link_-_font-size); --yt-dropdown-menu-label-text_-_font-weight: var(--ytd-link_-_font-weight); --yt-dropdown-menu-label-text_-_line-height: var(--ytd-link_-_line-height); --yt-dropdown-menu-label-text_-_letter-spacing: var(--ytd-link_-_letter-spacing);; + margin-left: 28px; + } + + h2.ytd-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #avatar.ytd-shelf-renderer { + height: 32px; + width: 32px; + margin-right: 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + ytd-shelf-renderer[thumbnail-style=CHANNEL_THUMBNAIL_STYLE_BOXART] #avatar.ytd-shelf-renderer { + width: 29px; + height: 40px; + border-radius: 0%; + background-color: transparent; + overflow: hidden; + } + + #icon.ytd-shelf-renderer { + margin-right: 16px; + color: var(--yt-spec-icon-inactive); + } + + #featured-badge.ytd-shelf-renderer { + margin-left: 8px; + } + + #subtitle.ytd-shelf-renderer { + display: block; + color: var(--yt-spec-text-secondary); + margin-top: 8px; + max-width: 615px; + display: block; + max-height: calc(2 * var(--yt-user-comment-line-height, 2.1rem)); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #subtitle.can-be-empty.ytd-shelf-renderer:empty { + display: none; + } + + #image-container.ytd-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #spacer.ytd-shelf-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #dismissed.ytd-shelf-renderer { + padding: 8px; + } + + #dismissed.ytd-shelf-renderer:focus { + outline: none; + } + + ytd-vertical-list-renderer { + display: block; + padding-bottom: 24px; + } + + ytd-vertical-list-renderer #items.ytd-vertical-list-renderer > *.ytd-vertical-list-renderer:first-child { + padding-top: 0; + } + + #items.ytd-vertical-list-renderer > *.ytd-vertical-list-renderer { + padding-top: 24px; + } + + #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer,#all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer { + color: var(--yt-spec-text-secondary); + cursor: pointer; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #more.ytd-vertical-list-renderer,#all.ytd-vertical-list-renderer { + padding-top: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-movie-renderer { + display: block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + position: relative; + } + + ytd-movie-renderer[left-aligned] .thumbnail-container.ytd-movie-renderer { + width: auto; + } + + ytd-movie-renderer:not(:hover) ytd-menu-renderer.ytd-movie-renderer:not([menu-active]).ytd-movie-renderer { + opacity: 0; + } + + .thumbnail-container.ytd-movie-renderer { + width: 246px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin-right: 16px; + } + + ytd-thumbnail.ytd-movie-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + width: 156px; + height: 224px; + } + + .text-wrapper.ytd-movie-renderer { + max-width: 600px; + min-width: 0; + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .text-wrapper.ytd-movie-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #video-title.ytd-movie-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #description-text.ytd-movie-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + margin-top: 12px; + margin-bottom: 4px; + } + + .movie-metadata-list.ytd-movie-renderer { + color: var(--yt-spec-text-secondary); + list-style-type: none; + margin-top: 4px; + } + + .movie-metadata-list.ytd-movie-renderer li.ytd-movie-renderer { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-badge-supported-renderer.ytd-movie-renderer { + padding-top: 16px; + } + + ytd-menu-renderer.ytd-movie-renderer { + position: absolute; + top: -8px; + right: 0; + } + + .top-container.ytd-movie-renderer { + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .top-left-container.ytd-movie-renderer { + margin-right: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 2; + -webkit-flex: 2; + flex: 2; + } + + .top-right-container.ytd-movie-renderer { + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + .top-right-container.ytd-movie-renderer ytd-button-renderer.ytd-movie-renderer + #menu.ytd-movie-renderer ytd-menu-renderer.ytd-movie-renderer { + right: -40px; + } + + #explore-button.ytd-movie-renderer { + overflow: hidden; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-movie-renderer[use-prominent-thumbs] .thumbnail-container.ytd-movie-renderer { + margin-right: 16px; + max-width: 360px; + min-width: 240px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-movie-renderer[prominent-thumb-style=BIG1] .thumbnail-container.ytd-movie-renderer { + max-width: 340px; + } + + ytd-movie-renderer[prominent-thumb-style=BIG2] .thumbnail-container.ytd-movie-renderer { + max-width: 320px; + } + + ytd-movie-renderer[prominent-thumb-style=MEDIUM1] .thumbnail-container.ytd-movie-renderer { + max-width: 300px; + } + + ytd-movie-renderer[prominent-thumb-style=MEDIUM2] .thumbnail-container.ytd-movie-renderer { + max-width: 280px; + } + + ytd-movie-renderer[use-prominent-thumbs] .text-wrapper.ytd-movie-renderer { + max-width: none; + } + + ytd-movie-renderer[use-prominent-thumbs] .top-right-container.ytd-movie-renderer { + height: 36px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-movie-renderer[use-prominent-thumbs] ytd-menu-renderer.ytd-movie-renderer { + margin-top: -11px; + position: static; + } + + ytd-channel-video-player-renderer { + display: block; + padding: 24px 0 24px 0; + overflow: auto; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-channel-video-player-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + margin-bottom: 4px; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #metadata-container.ytd-channel-video-player-renderer { + margin: 16px 0 0; + } + + #description.ytd-channel-video-player-renderer { + display: none; + } + + #player-container.ytd-channel-video-player-renderer { + height: 242px; + width: 428px; + } + + #content.ytd-channel-video-player-renderer { + min-width: 0; + max-width: 400px; + } + + .content.ytd-channel-video-player-renderer { + display: block; + } + + @media (min-width: 662px) { + #player-container.ytd-channel-video-player-renderer { + width: 424px; + height: 238px; + } + + } + + @media (min-width: 876px) { + ytd-channel-video-player-renderer { + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-channel-video-player-renderer { + margin-bottom: 16px; + } + + #player-container.ytd-channel-video-player-renderer { + margin: 0 24px 0 0; + } + + .more-button.ytd-channel-video-player-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #description.ytd-channel-video-player-renderer { + display: block; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #content.ytd-channel-video-player-renderer { + color: var(--yt-spec-text-primary); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #metadata-container.ytd-channel-video-player-renderer { + margin: 0 0 16px; + } + + } + + ytd-carousel-item-renderer { + display: block; + position: relative; + } + + #carousel-item.ytd-carousel-item-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #menu.ytd-carousel-item-renderer { + float: right; + margin-top: -100px; + position: absolute; + right: 100px; + vertical-align: middle; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + button.ytd-carousel-item-renderer { + padding: 0; + background-color: transparent; + outline: none; + border: none; + cursor: pointer; + } + + .menu-dot.ytd-carousel-item-renderer:before { + content: " ●"; + } + + .menu-dot.ytd-carousel-item-renderer { + color: var(--yt-spec-static-overlay-text-disabled); + font-size: 1rem; + margin: 0 1px; + transition: color 0.25s ease; + } + + .menu-dot.ytd-carousel-item-renderer:hover { + color: var(--yt-spec-static-brand-white); + } + + .menu-dot.selected.ytd-carousel-item-renderer { + color: var(--yt-spec-static-brand-white); + font-size: 1.1rem; + } + + #overlay.ytd-carousel-item-renderer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + } + + ytd-carousel-item-renderer[disable-grid-state-aware] #overlay.ytd-carousel-item-renderer { + width: calc(100% - 48px); + max-width: var(--ytd-rich-grid-max-width); + margin: 0 auto; + } + + #pagination-thumbnails.ytd-carousel-item-renderer { + margin: 56px auto; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + } + + ytd-carousel-item-renderer[paginator-alignment=CAROUSEL_ITEM_RENDERER_PAGINATOR_ALIGNMENT_START] #pagination-thumbnails.ytd-carousel-item-renderer { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + ytd-carousel-item-renderer[paginator-alignment=CAROUSEL_ITEM_RENDERER_PAGINATOR_ALIGNMENT_END] #pagination-thumbnails.ytd-carousel-item-renderer { + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:nth-child(n+4) { + display: none; + } + + @media (min-width: 662px) { + #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:nth-child(n+4) { + display: inline-block; + } + + } + + #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer { + position: relative; + opacity: 0.5; + pointer-events: auto; + outline: none; + height: 40px; + } + + #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:hover,#pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:focus { + opacity: 0.9; + } + + #pagination-thumbnails.ytd-carousel-item-renderer button.selected.ytd-carousel-item-renderer { + opacity: 1; + } + + #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer .progress-bar.ytd-carousel-item-renderer { + display: none; + background-color: var(--yt-spec-static-brand-white); + position: absolute; + bottom: -4px; + height: 2px; + left: 0; + right: 0; + } + + #pagination-thumbnails.ytd-carousel-item-renderer button.selected.ytd-carousel-item-renderer .progress-bar.ytd-carousel-item-renderer { + animation-name: progress-bar; + animation-timing-function: linear; + display: block; + } + + #pagination-thumbnails.ytd-carousel-item-renderer button.selected.finished.ytd-carousel-item-renderer .progress-bar.ytd-carousel-item-renderer { + animation: none; + } + + #overlay.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:not(:first-child) { + margin-left: 8px; + } + + @keyframes progress-bar { + 0% { + right: 100%; + } + + 100% { + right: 0; + } + + } + + ytd-carousel-item-renderer.grid:not(.grid-disabled) { + max-width: var(--ytd-grid-max-width); + } + + ytd-carousel-item-renderer.grid-1-columns,.grid-1-columns.ytd-carousel-item-renderer { + width: var(--ytd-grid-1-columns-width) !important; + } + + ytd-carousel-item-renderer.grid-2-columns,.grid-2-columns.ytd-carousel-item-renderer { + width: var(--ytd-grid-2-columns-width) !important; + } + + ytd-carousel-item-renderer.grid-3-columns,.grid-3-columns.ytd-carousel-item-renderer { + width: var(--ytd-grid-3-columns-width) !important; + } + + ytd-carousel-item-renderer.grid-4-columns,.grid-4-columns.ytd-carousel-item-renderer { + width: var(--ytd-grid-4-columns-width) !important; + } + + ytd-carousel-item-renderer.grid-5-columns,.grid-5-columns.ytd-carousel-item-renderer { + width: var(--ytd-grid-5-columns-width) !important; + } + + ytd-carousel-item-renderer.grid-6-columns,.grid-6-columns.ytd-carousel-item-renderer { + width: var(--ytd-grid-6-columns-width) !important; + } + + ytd-default-promo-panel-renderer { + --yt-endpoint-color: var(--yt-spec-static-brand-white); + --yt-endpoint-hover-color: var(--yt-spec-static-brand-white); + --yt-video-thumbnail-height: auto; + --yt-video-thumbnail-width: auto; + color: var(--yt-spec-static-brand-white); + display: block; + height: var(--ytd-default-promo-panel-renderer-height); + overflow: hidden; + position: relative; + } + + yt-video-as-thumbnail-details.ytd-default-promo-panel-renderer { + min-height: var(--ytd-default-promo-panel-renderer-height); + position: absolute; + width: 100%; + } + + #hero.ytd-default-promo-panel-renderer,#scrim.ytd-default-promo-panel-renderer { + animation: 1.8s cubic-bezier(0.4, 0, 0.2, 1) background-in forwards 1; + background-position: top center; + background-repeat: no-repeat; + background-size: cover; + height: 100%; + width: 100%; + opacity: 0; + position: absolute; + transform: scale(1); + } + + #content.ytd-default-promo-panel-renderer { + bottom: 0; + height: 100%; + left: 0; + margin: 0 auto; + padding: 56px 32px; + position: absolute; + right: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_A] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer { + position: absolute; + z-index: 0; + width: 100vw; + height: calc(100vw * 9 / 16); + top: calc( -1 * (100vw * 9 / 16 - var(--ytd-default-promo-panel-renderer-height)) / 2 ); + left: 0; + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_A][narrow_] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer { + width: calc(var(--ytd-default-promo-panel-renderer-height) * 16 / 9); + height: var(--ytd-default-promo-panel-renderer-height); + top: 0; + left: calc( -1 * (var(--ytd-default-promo-panel-renderer-height) * 16 / 9 - 100%) / 2 ); + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] { + --ytd-default-promo-panel-renderer-height: 460px; + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer,ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #hero.ytd-default-promo-panel-renderer,ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #scrim.ytd-default-promo-panel-renderer { + position: absolute; + height: var(--ytd-default-promo-panel-renderer-height); + width: calc(16 / 9 * var(--ytd-default-promo-panel-renderer-height)); + animation: none; + transform: none; + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer,ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #hero.ytd-default-promo-panel-renderer,ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #scrim.ytd-default-promo-panel-renderer { + top: 0; + right: 0; + left: auto; + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #hero.ytd-default-promo-panel-renderer,ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #scrim.ytd-default-promo-panel-renderer { + opacity: 1; + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #content.ytd-default-promo-panel-renderer { + display: flex; + justify-content: center; + padding: 0; + box-sizing: border-box; + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #hero-title.ytd-default-promo-panel-renderer { + max-width: 720px; + -webkit-line-clamp: 2; + max-height: 11.4rem; + display: block; + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + font-size: 4.8rem; + font-weight: 500; + line-height: 5.7rem; + } + + ytd-default-promo-panel-renderer[panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B] #description.ytd-default-promo-panel-renderer { + font-size: 1.8rem; + line-height: 2.3rem; + } + + ytd-default-promo-panel-renderer:not([use-browse-width]) #content.ytd-default-promo-panel-renderer { + width: 642px; + } + + @media (min-width: 1290px) { + ytd-default-promo-panel-renderer:not([use-browse-width]) #content.ytd-default-promo-panel-renderer { + width: 1284px; + } + + } + + ytd-default-promo-panel-renderer[use-browse-width] #content.ytd-default-promo-panel-renderer { + padding: 56px 0; + } + + ytd-default-promo-panel-renderer[use-browse-width][disable-grid-state-aware] #content.ytd-default-promo-panel-renderer { + width: calc(100% - (24px * 2)); + max-width: var(--ytd-rich-grid-max-width); + } + + .yt-simple-endpoint.ytd-default-promo-panel-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-default-promo-panel-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-default-promo-panel-renderer { + color: var(--yt-spec-static-brand-white); + text-decoration: none; + } + + a.yt-simple-endpoint.ytd-default-promo-panel-renderer:hover { + color: var(--yt-spec-static-brand-white); + text-decoration: none; + } + + #logo.ytd-default-promo-panel-renderer { + margin-bottom: 16px; + max-height: 80px; + max-width: 300px; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + #hero-title.ytd-default-promo-panel-renderer { + margin-bottom: 12px; + display: block; + max-height: 18.6rem; + overflow: hidden; + font-family: "YT Sans"; + font-size: 5.8rem; + font-weight: 500; + line-height: 6.2rem; + } + + ytd-default-promo-panel-renderer[layout-style=CAROUSEL_ITEM_RENDERER_LAYOUT_STYLE_DESTINATION] #hero-title.ytd-default-promo-panel-renderer { + font-family: inherit; + } + + ytd-default-promo-panel-renderer[animation-enabled] #hero-title.ytd-default-promo-panel-renderer { + opacity: 0; + transition: opacity 0.5s ease-in-out; + } + + ytd-default-promo-panel-renderer[animation-enabled] #hero-title.visible.ytd-default-promo-panel-renderer { + opacity: 1; + } + + #description.ytd-default-promo-panel-renderer { + margin-bottom: 28px; + max-width: 640px; + font-size: 1.6rem; + font-weight: 400; + line-height: 2.2rem; + } + + #action-button.ytd-default-promo-panel-renderer { + font-size: 1.4rem; + font-weight: 400; + letter-spacing: 0.1rem; + line-height: 1.4rem; + } + + ytd-default-promo-panel-renderer[animation-enabled] #logo.ytd-default-promo-panel-renderer { + opacity: 0; + transform: translateY(25px); + animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.32s content-in forwards 1; + } + + ytd-default-promo-panel-renderer[animation-enabled] #hero-title.ytd-default-promo-panel-renderer { + animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.37s content-in forwards 1; + opacity: 0; + transform: translateY(25px); + } + + ytd-default-promo-panel-renderer[animation-enabled] #description.ytd-default-promo-panel-renderer { + animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.42s content-in forwards 1; + opacity: 0; + transform: translateY(25px); + } + + ytd-default-promo-panel-renderer[animation-enabled] #action-button.ytd-default-promo-panel-renderer { + animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.47s content-in forwards 1; + opacity: 0; + transform: translateY(25px); + } + + ytd-default-promo-panel-renderer[animation-enabled][transitioning-out]:not([panel-layout=DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B]) #hero.ytd-default-promo-panel-renderer { + animation: 1.8s cubic-bezier(0.4, 0, 0.2, 1) background-out forwards 1; + opacity: 1; + transform: scale(1.1); + } + + ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #logo.ytd-default-promo-panel-renderer { + animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.32s content-out forwards 1; + opacity: 1; + transform: translateY(0); + } + + ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #hero-title.ytd-default-promo-panel-renderer { + animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.37s content-out forwards 1; + opacity: 1; + transform: translateY(0); + } + + ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #description.ytd-default-promo-panel-renderer { + animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.42s content-out forwards 1; + opacity: 1; + transform: translateY(0); + } + + ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #action-button.ytd-default-promo-panel-renderer { + animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.47s content-out forwards 1; + opacity: 1; + transform: translateY(0); + } + + @keyframes background-out { + from { + opacity: 1; + } + + to { + opacity: 0; + } + + } + + @keyframes background-in { + from { + opacity: 0; + transform: scale(1); + } + + to { + opacity: 1; + transform: scale(1.1); + } + + } + + @keyframes content-in { + 0% { + opacity: 0; + transform: translateY(25px); + } + + 80% { + transform: translateY(0px); + } + + 100% { + opacity: 1; + transform: translateY(0px); + } + + } + + @keyframes content-out { + 0% { + opacity: 1; + transform: translateY(0px); + } + + 80% { + transform: translateY(-25px); + } + + 100% { + opacity: 0; + transform: translateY(-25px); + } + + } + + ytd-default-promo-panel-renderer.grid:not(.grid-disabled) { + max-width: var(--ytd-grid-max-width); + } + + ytd-default-promo-panel-renderer.grid-1-columns,.grid-1-columns.ytd-default-promo-panel-renderer { + width: var(--ytd-grid-1-columns-width) !important; + } + + ytd-default-promo-panel-renderer.grid-2-columns,.grid-2-columns.ytd-default-promo-panel-renderer { + width: var(--ytd-grid-2-columns-width) !important; + } + + ytd-default-promo-panel-renderer.grid-3-columns,.grid-3-columns.ytd-default-promo-panel-renderer { + width: var(--ytd-grid-3-columns-width) !important; + } + + ytd-default-promo-panel-renderer.grid-4-columns,.grid-4-columns.ytd-default-promo-panel-renderer { + width: var(--ytd-grid-4-columns-width) !important; + } + + ytd-default-promo-panel-renderer.grid-5-columns,.grid-5-columns.ytd-default-promo-panel-renderer { + width: var(--ytd-grid-5-columns-width) !important; + } + + ytd-default-promo-panel-renderer.grid-6-columns,.grid-6-columns.ytd-default-promo-panel-renderer { + width: var(--ytd-grid-6-columns-width) !important; + } + + ytd-default-promo-panel-renderer-inline-playback-renderer { + display: block; + width: 100%; + height: 100%; + background-color: #000; + opacity: 0.5; + transition: opacity 0.5s; + } + + ytd-default-promo-panel-renderer-inline-playback-renderer[playing] { + opacity: 1; + } + + ytd-player.ytd-default-promo-panel-renderer-inline-playback-renderer { + position: absolute; + display: block; + width: 100%; + height: 100%; + opacity: 0; + transition: opacity 0.2s; + } + + ytd-default-promo-panel-renderer-inline-playback-renderer[playing] ytd-player.ytd-default-promo-panel-renderer-inline-playback-renderer { + opacity: 1; + } + + ytd-red-carpet-horizontal-list-renderer { + --ytd-poster-transition-duration: .2s; + display: block; + position: relative; + background-color: #121212; + margin-bottom: var(--ytd-horizontal-list-margin-bottom, 24px); + margin-top: -48px; + } + + #scroll-container.ytd-red-carpet-horizontal-list-renderer { + overflow-y: hidden; + overflow: hidden; + } + + .header.ytd-red-carpet-horizontal-list-renderer { + height: 24px; + margin-bottom: 24px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .nav.ytd-red-carpet-horizontal-list-renderer { + margin-left: auto; + margin-right: -8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-red-carpet-horizontal-list-renderer[themeable] { + background: transparent; + } + + ytd-red-carpet-horizontal-list-renderer[themeable] .title.ytd-red-carpet-horizontal-list-renderer { + color: var(--yt-spec-text-primary); + } + + #left-arrow.ytd-red-carpet-horizontal-list-renderer,#right-arrow.ytd-red-carpet-horizontal-list-renderer { + color: rgba(255, 255, 255, 0.6); + z-index: 102; + } + + ytd-red-carpet-horizontal-list-renderer[themeable] #left-arrow.ytd-red-carpet-horizontal-list-renderer,ytd-red-carpet-horizontal-list-renderer[themeable] #right-arrow.ytd-red-carpet-horizontal-list-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-red-carpet-horizontal-list-renderer[at-start] #left-arrow.ytd-red-carpet-horizontal-list-renderer { + display: none; + } + + ytd-red-carpet-horizontal-list-renderer[at-end] #right-arrow.ytd-red-carpet-horizontal-list-renderer { + display: none; + } + + ytd-red-carpet-horizontal-list-renderer[at-end] #left-arrow.ytd-red-carpet-horizontal-list-renderer { + margin-right: 40px; + } + + ytd-red-carpet-horizontal-list-renderer[at-start][at-end] #left-arrow.ytd-red-carpet-horizontal-list-renderer,ytd-red-carpet-horizontal-list-renderer[at-start][at-end] #right-arrow.ytd-red-carpet-horizontal-list-renderer { + display: none; + } + + ytd-red-carpet-horizontal-list-renderer:not([at-start]) #left-arrow.ytd-red-carpet-horizontal-list-renderer:hover,ytd-red-carpet-horizontal-list-renderer:not([at-end]) #right-arrow.ytd-red-carpet-horizontal-list-renderer:hover { + color: var(--yt-spec-static-overlay-text-secondary); + } + + ytd-red-carpet-horizontal-list-renderer:not([at-start])[themeable] #left-arrow.ytd-red-carpet-horizontal-list-renderer:hover,ytd-red-carpet-horizontal-list-renderer:not([at-end])[themeable] #right-arrow.ytd-red-carpet-horizontal-list-renderer:hover { + color: var(--yt-spec-text-primary); + } + + #items.ytd-red-carpet-horizontal-list-renderer { + transition-duration: 0.15s; + transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + will-change: transform; + display: inline-block; + white-space: nowrap; + } + + #items.ytd-red-carpet-horizontal-list-renderer > *.ytd-red-carpet-horizontal-list-renderer { + padding-right: 4px; + display: inline-block; + vertical-align: top; + white-space: normal; + } + + #left-arrow.ytd-red-carpet-horizontal-list-renderer,#right-arrow.ytd-red-carpet-horizontal-list-renderer { + will-change: transform; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-red-carpet-video-renderer { + background-color: #121212; + display: inline-block; + height: 238px; + margin: 0; + padding: 0; + width: 317px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-red-carpet-video-renderer[themeable] { + background: transparent; + } + + ytd-red-carpet-video-renderer[themeable] .title.ytd-red-carpet-video-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-red-carpet-video-renderer[themeable] .metadata.ytd-red-carpet-video-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-thumbnail.ytd-red-carpet-video-renderer { + height: 178px; + width: 317px; + } + + .title.ytd-red-carpet-video-renderer { + color: var(--yt-spec-static-overlay-text-secondary); + margin-top: 12px; + font-family: "YT Sans"; + font-size: 2.2em; + font-weight: 300; + line-height: 2.6rem; + } + + .metadata.ytd-red-carpet-video-renderer { + color: rgba(238, 238, 238, 0.8); + margin-top: 4px; + font-size: 1.4rem; + font-weight: 300; + line-height: 1.8rem; + } + + a.ytd-red-carpet-video-renderer { + text-decoration: none; + } + + ytd-red-carpet-shelf-renderer { + background-color: #121212; + border-bottom: 1px solid var(--yt-spec-static-overlay-background-heavy); + margin: 0 auto; + padding: 32px 32px 0; + width: 642px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-red-carpet-shelf-renderer:not([themeable]) ytd-grid-renderer.ytd-red-carpet-shelf-renderer { + --yt-button-color: var(--yt-spec-static-overlay-text-secondary); + } + + ytd-red-carpet-shelf-renderer[themeable] { + background: transparent; + } + + ytd-red-carpet-shelf-renderer[themeable] .title.ytd-red-carpet-shelf-renderer { + color: var(--yt-spec-text-primary); + } + + .title.ytd-red-carpet-shelf-renderer { + color: var(--yt-spec-static-overlay-text-secondary); + margin-bottom: 24px; + z-index: 1; + font-size: 1.4rem; + font-weight: 400; + letter-spacing: 0.12rem; + line-height: 2.4rem; + } + + @media (min-width: 1325px) { + ytd-red-carpet-shelf-renderer:not([guide-persistent-and-visible]) { + width: 1284px; + } + + } + + @media (min-width: 1560px) { + ytd-red-carpet-shelf-renderer { + width: 1284px; + } + + } + + ytd-account-settings { + background-color: var(--yt-spec-brand-background-solid); + display: block; + } + + ytd-account-settings[covered] { + padding: 0; + } + + [dir="rtl"] .ytd-account-settings .list-item.ytd-account-settings p.ytd-account-settings, .ytd-account-settings[dir="rtl"] .list-item.ytd-account-settings p.ytd-account-settings { + direction: ltr; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + paper-item.ytd-account-settings { + min-height: 36px; + color: var(--yt-spec-text-primary); + cursor: pointer; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + paper-item.ytd-account-settings:hover { + background-color: var(--yt-spec-badge-chip-background); + } + + paper-item.list-item.ytd-account-settings { + min-height: 40px; + padding-left: 56px; + } + + paper-item.selected.ytd-account-settings { + min-height: 40px; + padding-left: 16px; + } + + yt-icon-button.ytd-account-settings { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + margin: 0 4px; + width: var(--yt-icon-width); + height: var(--yt-icon-height); + } + + yt-icon.selected.ytd-account-settings { + margin-right: 16px; + } + + .label.ytd-account-settings { + text-overflow: ellipsis; + overflow: hidden; + } + + .header.ytd-account-settings { + background-color: var(--yt-spec-brand-background-solid); + color: var(--yt-spec-text-primary); + min-height: 48px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + h2.ytd-account-settings { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + button.ytd-account-settings { + width: var(--yt-icon-width); + height: var(--yt-icon-height); + } + + .header.ytd-account-settings button.ytd-account-settings { + margin: 0 4px; + } + + .container.ytd-account-settings { + overflow: auto; + padding: 8px 0; + } + + .caption.ytd-account-settings { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #restricted-mode.ytd-account-settings .container.ytd-account-settings { + color: var(--yt-spec-text-primary); + margin: 16px; + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #restricted-mode.ytd-account-settings p.ytd-account-settings { + margin-bottom: 16px; + } + + paper-toggle-button.ytd-account-settings { + margin: 0 8px; + } + + .list-long.ytd-account-settings { + height: calc(100vh - 108px); + max-height: 514px; + } + + #theme.list.ytd-account-settings { + height: 144px; + } + + .spinner.ytd-account-settings { + display: block; + margin: auto; + } + + #language.ytd-account-settings,#country.ytd-account-settings,#restricted.ytd-account-settings,.container.ytd-account-settings { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .list.ytd-account-settings { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #caption-container.ytd-account-settings { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-search-query-correction { + display: block; + margin-top: var(--yt-search-correction_-_margin-top); + } + + #corrected.yt-search-query-correction { + color: var(--yt-search-correction-corrected_-_color); font-size: var(--yt-search-correction-corrected_-_font-size); font-weight: var(--yt-search-correction-corrected_-_font-weight); line-height: var(--yt-search-correction-corrected_-_line-height); letter-spacing: var(--yt-search-correction-corrected_-_letter-spacing); text-transform: var(--yt-search-correction-corrected_-_text-transform); + } + + #corrected-link.yt-search-query-correction { + font-size: var(--yt-search-correction-corrected-link_-_font-size); font-weight: var(--yt-search-correction-corrected-link_-_font-weight); line-height: var(--yt-search-correction-corrected-link_-_line-height); letter-spacing: var(--yt-search-correction-corrected-link_-_letter-spacing); + } + + #original.yt-search-query-correction { + padding-left: var(--yt-search-correction-original_-_padding-left); color: var(--yt-search-correction-original_-_color); font-size: var(--yt-search-correction-original_-_font-size); font-weight: var(--yt-search-correction-original_-_font-weight); line-height: var(--yt-search-correction-original_-_line-height); letter-spacing: var(--yt-search-correction-original_-_letter-spacing); text-transform: var(--yt-search-correction-original_-_text-transform); + } + + .original-link.yt-search-query-correction { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + .yt-simple-endpoint.yt-search-query-correction { + display: var(--yt-endpoint_-_display); cursor: var(--yt-endpoint_-_cursor); text-decoration: var(--yt-endpoint_-_text-decoration); color: var(--yt-endpoint_-_color); + } + + .yt-simple-endpoint.yt-search-query-correction:hover { + color: var(--yt-endpoint-hover_-_color); text-decoration: var(--yt-endpoint-hover_-_text-decoration); + } + + yt-did-you-mean-renderer { + display: inline-block; + } + + yt-including-results-for-renderer { + display: inline-block; + } + + yt-music-pass-feature-info-renderer { + --yt-endpoint-color: var(--yt-blue); + --yt-endpoint-hover-color: var(--yt-blue); + + display: block; + } + + #container.yt-music-pass-feature-info-renderer { + box-sizing: border-box; + min-height: 550px; + padding: var(--ytd-margin-6x); + background-position: center top; + background-size: cover; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #message.yt-music-pass-feature-info-renderer { + width: 1000px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + #header.yt-music-pass-feature-info-renderer,#description.yt-music-pass-feature-info-renderer { + display: block; + width: 50%; + } + + #header.yt-music-pass-feature-info-renderer { + font-size: 4.8rem; + font-weight: 300; + line-height: 1.16; + opacity: 0.87; + } + + #description.yt-music-pass-feature-info-renderer { + font-size: 2rem; + line-height: 1.5; + margin-top: var(--ytd-margin-6x); + } + + .style-light.yt-music-pass-feature-info-renderer #header.yt-music-pass-feature-info-renderer { + color: var(--yt-white); + } + + .style-light.yt-music-pass-feature-info-renderer #description.yt-music-pass-feature-info-renderer { + color: var(--yt-white-opacity-lighten-1); + opacity: 0.7; + } + + .style-dark.yt-music-pass-feature-info-renderer { + color: var(--yt-luna-black); + } + + .style-right.yt-music-pass-feature-info-renderer #message.yt-music-pass-feature-info-renderer { + -ms-flex-align: var(--layout-end_-_-ms-flex-align); -webkit-align-items: var(--layout-end_-_-webkit-align-items); align-items: var(--layout-end_-_align-items); + } + + @media (max-width: 1050px) { + #container.yt-music-pass-feature-info-renderer { + min-height: 400px; + } + + #header.yt-music-pass-feature-info-renderer { + font-size: 3.6rem; + } + + #description.yt-music-pass-feature-info-renderer { + margin-top: var(--ytd-margin-4x); + font-size: 1.8rem; + } + + } + + @media (max-width: 800px) { + #container.yt-music-pass-feature-info-renderer { + min-height: 300px; + } + + #header.yt-music-pass-feature-info-renderer { + font-size: 2.8rem; + } + + #description.yt-music-pass-feature-info-renderer { + margin-top: var(--ytd-margin-2x); + font-size: 1.6rem; + } + + } + + @media (max-width: 615px) { + #container.yt-music-pass-feature-info-renderer,#message.yt-music-pass-feature-info-renderer { + display: var(--layout-block_-_display); + } + + #container.yt-music-pass-feature-info-renderer { + min-height: 0; + position: relative; + } + + #container.yt-music-pass-feature-info-renderer:before { + content: ''; + position: absolute; + top: 100px; + bottom: 0; + left: 0; + right: 0; + background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, .25) 35%, hsla(0, 0%, 0%, .25)); + } + + #message.yt-music-pass-feature-info-renderer { + width: auto; + } + + #header.yt-music-pass-feature-info-renderer,#description.yt-music-pass-feature-info-renderer { + width: auto; + } + + #header.yt-music-pass-feature-info-renderer { + margin-top: 100px; + } + + } + + @media (max-width: 340px) { + #header.yt-music-pass-feature-info-renderer { + font-size: 2.4rem; + } + + } + + yt-no-results-found-showing-results-for-renderer { + display: inline-block; + } + + yt-results-without-quotes-renderer { + display: inline-block; + } + + yt-search-no-results-renderer { + display: inline-block; + } + + #text.yt-search-no-results-renderer { + color: var(--yt-primary-text-color); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #link.yt-search-no-results-renderer { + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + .yt-simple-endpoint.yt-search-no-results-renderer { + display: var(--yt-endpoint_-_display); cursor: var(--yt-endpoint_-_cursor); text-decoration: var(--yt-endpoint_-_text-decoration); color: var(--yt-endpoint_-_color); + } + + .yt-simple-endpoint.yt-search-no-results-renderer:hover { + color: var(--yt-endpoint-hover_-_color); text-decoration: var(--yt-endpoint-hover_-_text-decoration); + } + + yt-showing-results-for-renderer { + display: inline-block; + } + + yt-activity-item-renderer { + display: block; + margin: var(--ytd-margin-4x) 0 var(--ytd-margin-4x) 0; + } + + @media (max-width: 400px) { + yt-activity-item-renderer { + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + } + + } + + yt-activity-item-renderer:focus,.activity-item-contents.yt-activity-item-renderer:focus { + outline: none; + } + + yt-activity-item-renderer:focus > .activity-item-contents.yt-activity-item-renderer { + outline: -webkit-focus-ring-color auto 5px; + } + + yt-activity-item-renderer[role="button"] { + cursor: pointer; + } + + .activity-item-contents.yt-activity-item-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #section-heading.yt-activity-item-renderer { + flex: 0 0 60px; + margin-right: var(--ytd-margin-4x); + margin-bottom: var(--ytd-margin-4x); + } + + #section-contents.yt-activity-item-renderer { + flex-grow: 1; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #image.yt-activity-item-renderer { + flex: 0 0 60px; + margin-right: var(--ytd-margin-6x); + } + + #content-activity-container.yt-activity-item-renderer { + flex-grow: 1; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + #content.yt-activity-item-renderer { + margin-right: var(--ytd-margin-3x); + } + + #activity-metadata.yt-activity-item-renderer { + flex: 0 0 var(--ytd-margin-16x); + } + + #menu.yt-activity-item-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + width: var(--ytd-margin-10x); + flex-shrink: 0; + margin-left: var(--ytd-margin-2x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + yt-card-item-text-renderer { + display: block; + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_DISPLAY_1"] { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_DISPLAY_2"] { + font-size: var(--ytd-channel-title_-_font-size); font-weight: var(--ytd-channel-title_-_font-weight); line-height: var(--ytd-channel-title_-_line-height); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_TITLE_1"] { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_TITLE_2"] { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BUTTON"] { + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BODY_1A"] { + font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BODY_1B"] { + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BODY_2A"] { + line-height: 1.8rem; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height, 1.8rem); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BODY_2B"] { + font-weight: 400; + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight, 400); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_LABEL"] { + font-size: var(--ytd-label_-_font-size); font-weight: var(--ytd-label_-_font-weight); line-height: var(--ytd-label_-_line-height); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_1"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_1"] { + margin-top: var(--ytd-margin-base); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"] { + margin-bottom: var(--ytd-margin-base); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_1"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_1"] { + margin-left: var(--ytd-margin-base); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_1"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_1"] { + margin-right: var(--ytd-margin-base); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_2"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_2"] { + margin-top: var(--ytd-margin-2x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"] { + margin-bottom: var(--ytd-margin-2x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_2"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_2"] { + margin-left: var(--ytd-margin-2x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_2"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_2"] { + margin-right: var(--ytd-margin-2x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_3"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_3"] { + margin-top: var(--ytd-margin-3x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"] { + margin-bottom: var(--ytd-margin-3x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_3"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_3"] { + margin-left: var(--ytd-margin-3x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_3"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_3"] { + margin-right: var(--ytd-margin-3x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_4"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_4"] { + margin-top: var(--ytd-margin-4x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"] { + margin-bottom: var(--ytd-margin-4x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_4"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_4"] { + margin-left: var(--ytd-margin-4x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_4"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_4"] { + margin-right: var(--ytd-margin-4x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_5"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_5"] { + margin-top: var(--ytd-margin-5x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"] { + margin-bottom: var(--ytd-margin-5x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_5"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_5"] { + margin-left: var(--ytd-margin-5x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_5"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_5"] { + margin-right: var(--ytd-margin-5x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_6"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_6"] { + margin-top: var(--ytd-margin-6x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"] { + margin-bottom: var(--ytd-margin-6x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_6"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_6"] { + margin-left: var(--ytd-margin-6x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_6"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_6"] { + margin-right: var(--ytd-margin-6x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_7"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_7"] { + margin-top: var(--ytd-margin-7x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"] { + margin-bottom: var(--ytd-margin-7x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_7"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_7"] { + margin-left: var(--ytd-margin-7x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_7"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_7"] { + margin-right: var(--ytd-margin-7x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_8"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_8"] { + margin-top: var(--ytd-margin-8x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"] { + margin-bottom: var(--ytd-margin-8x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_8"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_8"] { + margin-left: var(--ytd-margin-8x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_8"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_8"] { + margin-right: var(--ytd-margin-8x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_9"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_9"] { + margin-top: var(--ytd-margin-9x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"] { + margin-bottom: var(--ytd-margin-9x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_9"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_9"] { + margin-left: var(--ytd-margin-9x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_9"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_9"] { + margin-right: var(--ytd-margin-9x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_10"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_10"] { + margin-top: var(--ytd-margin-10x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"] { + margin-bottom: var(--ytd-margin-10x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_10"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_10"] { + margin-left: var(--ytd-margin-10x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-10x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_11"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_11"] { + margin-top: var(--ytd-margin-11x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"] { + margin-bottom: var(--ytd-margin-11x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_11"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_11"] { + margin-left: var(--ytd-margin-11x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_11"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-11x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_12"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_12"] { + margin-top: var(--ytd-margin-12x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"] { + margin-bottom: var(--ytd-margin-12x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_12"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_12"] { + margin-left: var(--ytd-margin-12x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_12"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-12x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_13"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_13"] { + margin-top: var(--ytd-margin-13x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"] { + margin-bottom: var(--ytd-margin-13x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_13"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_13"] { + margin-left: var(--ytd-margin-13x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_13"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-13x); + } + + yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_14"],.yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_14"] { + margin-top: var(--ytd-margin-14x); + } + + yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"],.yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"] { + margin-bottom: var(--ytd-margin-14x); + } + + yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_14"],.yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_14"] { + margin-left: var(--ytd-margin-14x); + } + + yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_14"],.yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-14x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_1"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_1"] { + padding-top: var(--ytd-margin-base); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"] { + padding-bottom: var(--ytd-margin-base); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_1"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_1"] { + padding-left: var(--ytd-margin-base); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_1"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_1"] { + padding-right: var(--ytd-margin-base); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_2"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_2"] { + padding-top: var(--ytd-margin-2x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"] { + padding-bottom: var(--ytd-margin-2x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_2"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_2"] { + padding-left: var(--ytd-margin-2x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_2"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_2"] { + padding-right: var(--ytd-margin-2x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_3"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_3"] { + padding-top: var(--ytd-margin-3x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"] { + padding-bottom: var(--ytd-margin-3x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_3"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_3"] { + padding-left: var(--ytd-margin-3x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_3"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_3"] { + padding-right: var(--ytd-margin-3x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_4"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_4"] { + padding-top: var(--ytd-margin-4x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"] { + padding-bottom: var(--ytd-margin-4x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_4"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_4"] { + padding-left: var(--ytd-margin-4x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_4"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_4"] { + padding-right: var(--ytd-margin-4x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_5"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_5"] { + padding-top: var(--ytd-margin-5x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"] { + padding-bottom: var(--ytd-margin-5x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_5"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_5"] { + padding-left: var(--ytd-margin-5x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_5"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_5"] { + padding-right: var(--ytd-margin-5x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_6"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_6"] { + padding-top: var(--ytd-margin-6x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"] { + padding-bottom: var(--ytd-margin-6x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_6"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_6"] { + padding-left: var(--ytd-margin-6x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_6"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_6"] { + padding-right: var(--ytd-margin-6x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_7"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_7"] { + padding-top: var(--ytd-margin-7x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"] { + padding-bottom: var(--ytd-margin-7x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_7"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_7"] { + padding-left: var(--ytd-margin-7x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_7"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_7"] { + padding-right: var(--ytd-margin-7x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_8"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_8"] { + padding-top: var(--ytd-margin-8x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"] { + padding-bottom: var(--ytd-margin-8x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_8"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_8"] { + padding-left: var(--ytd-margin-8x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_8"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_8"] { + padding-right: var(--ytd-margin-8x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_9"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_9"] { + padding-top: var(--ytd-margin-9x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"] { + padding-bottom: var(--ytd-margin-9x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_9"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_9"] { + padding-left: var(--ytd-margin-9x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_9"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_9"] { + padding-right: var(--ytd-margin-9x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_10"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_10"] { + padding-top: var(--ytd-margin-10x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"] { + padding-bottom: var(--ytd-margin-10x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_10"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_10"] { + padding-left: var(--ytd-margin-10x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_10"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_10"] { + padding-right: var(--ytd-margin-10x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_11"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_11"] { + padding-top: var(--ytd-margin-11x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"] { + padding-bottom: var(--ytd-margin-11x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_11"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_11"] { + padding-left: var(--ytd-margin-11x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_11"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_11"] { + padding-right: var(--ytd-margin-11x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_12"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_12"] { + padding-top: var(--ytd-margin-12x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"] { + padding-bottom: var(--ytd-margin-12x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_12"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_12"] { + padding-left: var(--ytd-margin-12x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_12"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_12"] { + padding-right: var(--ytd-margin-12x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_13"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_13"] { + padding-top: var(--ytd-margin-13x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"] { + padding-bottom: var(--ytd-margin-13x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_13"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_13"] { + padding-left: var(--ytd-margin-13x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_13"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_13"] { + padding-right: var(--ytd-margin-13x); + } + + yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_14"],.yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_14"] { + padding-top: var(--ytd-margin-14x); + } + + yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"],.yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"] { + padding-bottom: var(--ytd-margin-14x); + } + + yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_14"],.yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_14"] { + padding-left: var(--ytd-margin-14x); + } + + yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_14"],.yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_14"] { + padding-right: var(--ytd-margin-14x); + } + + yt-card-item-text-collection-renderer { + display: block; + } + + #text-renderers.yt-card-item-text-collection-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #text-renderers.yt-card-item-text-collection-renderer[text-alignment="CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_END"] { + -ms-flex-align: var(--layout-end_-_-ms-flex-align); -webkit-align-items: var(--layout-end_-_-webkit-align-items); align-items: var(--layout-end_-_align-items); + } + + yt-card-item-actions-renderer { + --yt-paper-button-min-width: 0px; + + white-space: nowrap; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + #secondary-button-renderer.yt-card-item-actions-renderer { + margin-right: var(--ytd-margin-2x); + } + + #primary-button-renderer.yt-card-item-actions-renderer yt-button-renderer.style-blue-text.yt-card-item-actions-renderer[is-paper-button] { + margin-right: var(--yt-card-item-actions-blue-text-button-margin-right, unset); + } + + ytd-toggle-button-renderer.yt-card-item-actions-renderer { + text-transform: unset; + } + + #primary-button-renderer.yt-card-item-actions-renderer ytd-toggle-button-renderer.style-text.yt-card-item-actions-renderer[is-paper-button] { + margin-right: var(--yt-card-item-actions-text-button-margin-right, unset); + } + + ytmusic-toggle-button-renderer.yt-card-item-actions-renderer { + text-transform: unset; + } + + yt-card-item-text-with-image-renderer[image-placement="CARD_ITEM_IMAGE_PLACEMENT_START"] { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-card-item-text-with-image-renderer[image-placement="CARD_ITEM_IMAGE_PLACEMENT_TOP"] { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-card-item-error-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #error-text-renderer.yt-card-item-error-renderer { + background-color: var(--yt-spec-suggested-action); + padding: var(--ytd-margin-4x) var(--ytd-margin-8x); + display: var(--layout_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #triangle-up-container.yt-card-item-error-renderer { + margin-left: var(--ytd-margin-7x); + } + + #triangle-up.yt-card-item-error-renderer { + width: 0; + height: 0; + border-left: var(--ytd-margin-3x) solid transparent; + border-right: var(--ytd-margin-3x) solid transparent; + border-bottom: var(--ytd-margin-3x) solid var(--yt-spec-suggested-action); + } + + yt-card-item-text-with-button-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-card-item-renderer { + display: block; + --yt-card-item-actions-text-button-margin-right: var(--ytd-neg-margin-5x); + --yt-card-item-actions-blue-text-button-margin-right: var(--ytd-neg-margin-4x); + } + + #main-content.yt-card-item-renderer[ primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_TOP" ] #main-content-negative-margin-wrapper.yt-card-item-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #main-content.yt-card-item-renderer[ primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START" ] #main-content-negative-margin-wrapper.yt-card-item-renderer { + margin-top: var(--ytd-neg-margin-2x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + } + + #main-content.yt-card-item-renderer[ primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START" ] #main-content-negative-margin-wrapper.yt-card-item-renderer #heading-description-container.yt-card-item-renderer { + margin-top: var(--ytd-margin-2x); + margin-right: var(--ytd-margin-6x); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + #main-content.yt-card-item-renderer:not([ box-style="CARD_ITEM_BOX_STYLE_OFFER_ITEM" ]).yt-card-item-renderer[ primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START" ] #main-content-negative-margin-wrapper.yt-card-item-renderer #heading-description-container.yt-card-item-renderer { + margin-right: var(--yt-card-item-main-content-margin-right, var(--ytd-margin-6x)); + } + + #main-content.yt-card-item-renderer[ primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START" ] #main-content-negative-margin-wrapper.yt-card-item-renderer #additional-info-renderer.yt-card-item-renderer { + margin-top: var(--ytd-margin-2x); + margin-left: auto; + } + + #main-content.yt-card-item-renderer[ box-style="CARD_ITEM_BOX_STYLE_OFFER_ITEM" ] { + border: 1px solid var(--yt-spec-10-percent-layer); + margin-top: -1px; + } + + #main-content.yt-card-item-renderer[role="link"] { + cursor: pointer + } + + #additional-info-renderer.yt-card-item-renderer[ additional-info-placement="CARD_ITEM_ADDITIONAL_INFO_PLACEMENT_TOP" ] { + -ms-align-self: var(--layout-self-start_-_-ms-align-self); -webkit-align-self: var(--layout-self-start_-_-webkit-align-self); align-self: var(--layout-self-start_-_align-self); + } + + #additional-info-renderer.yt-card-item-renderer[ additional-info-placement="CARD_ITEM_ADDITIONAL_INFO_PLACEMENT_CENTER" ] { + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + #additional-info-renderer.yt-card-item-renderer[ additional-info-placement="CARD_ITEM_ADDITIONAL_INFO_PLACEMENT_BOTTOM" ] { + -ms-align-self: var(--layout-self-end_-_-ms-align-self); -webkit-align-self: var(--layout-self-end_-_-webkit-align-self); align-self: var(--layout-self-end_-_align-self); + } + + #error-renderer.yt-card-item-renderer { + margin-top: var(--ytd-neg-margin-3x); + } + + #divider.yt-card-item-renderer[divider-style="DIVIDER_STYLE_FULL_BLEED_THIN"] { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #divider.yt-card-item-renderer[divider-style="DIVIDER_STYLE_INSET_THIN"] { + margin-left: var(--ytd-margin-6x); + margin-right: var(--ytd-margin-6x); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_1"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_1"] { + margin-top: var(--ytd-margin-base); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"] { + margin-bottom: var(--ytd-margin-base); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_1"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_1"] { + margin-left: var(--ytd-margin-base); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_1"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_1"] { + margin-right: var(--ytd-margin-base); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_2"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_2"] { + margin-top: var(--ytd-margin-2x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"] { + margin-bottom: var(--ytd-margin-2x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_2"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_2"] { + margin-left: var(--ytd-margin-2x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_2"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_2"] { + margin-right: var(--ytd-margin-2x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_3"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_3"] { + margin-top: var(--ytd-margin-3x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"] { + margin-bottom: var(--ytd-margin-3x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_3"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_3"] { + margin-left: var(--ytd-margin-3x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_3"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_3"] { + margin-right: var(--ytd-margin-3x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_4"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_4"] { + margin-top: var(--ytd-margin-4x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"] { + margin-bottom: var(--ytd-margin-4x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_4"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_4"] { + margin-left: var(--ytd-margin-4x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_4"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_4"] { + margin-right: var(--ytd-margin-4x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_5"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_5"] { + margin-top: var(--ytd-margin-5x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"] { + margin-bottom: var(--ytd-margin-5x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_5"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_5"] { + margin-left: var(--ytd-margin-5x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_5"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_5"] { + margin-right: var(--ytd-margin-5x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_6"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_6"] { + margin-top: var(--ytd-margin-6x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"] { + margin-bottom: var(--ytd-margin-6x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_6"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_6"] { + margin-left: var(--ytd-margin-6x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_6"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_6"] { + margin-right: var(--ytd-margin-6x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_7"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_7"] { + margin-top: var(--ytd-margin-7x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"] { + margin-bottom: var(--ytd-margin-7x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_7"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_7"] { + margin-left: var(--ytd-margin-7x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_7"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_7"] { + margin-right: var(--ytd-margin-7x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_8"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_8"] { + margin-top: var(--ytd-margin-8x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"] { + margin-bottom: var(--ytd-margin-8x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_8"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_8"] { + margin-left: var(--ytd-margin-8x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_8"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_8"] { + margin-right: var(--ytd-margin-8x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_9"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_9"] { + margin-top: var(--ytd-margin-9x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"] { + margin-bottom: var(--ytd-margin-9x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_9"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_9"] { + margin-left: var(--ytd-margin-9x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_9"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_9"] { + margin-right: var(--ytd-margin-9x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_10"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_10"] { + margin-top: var(--ytd-margin-10x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"] { + margin-bottom: var(--ytd-margin-10x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_10"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_10"] { + margin-left: var(--ytd-margin-10x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-10x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_11"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_11"] { + margin-top: var(--ytd-margin-11x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"] { + margin-bottom: var(--ytd-margin-11x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_11"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_11"] { + margin-left: var(--ytd-margin-11x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_11"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-11x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_12"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_12"] { + margin-top: var(--ytd-margin-12x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"] { + margin-bottom: var(--ytd-margin-12x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_12"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_12"] { + margin-left: var(--ytd-margin-12x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_12"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-12x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_13"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_13"] { + margin-top: var(--ytd-margin-13x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"] { + margin-bottom: var(--ytd-margin-13x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_13"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_13"] { + margin-left: var(--ytd-margin-13x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_13"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-13x); + } + + yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_14"],.yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_14"] { + margin-top: var(--ytd-margin-14x); + } + + yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"],.yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"] { + margin-bottom: var(--ytd-margin-14x); + } + + yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_14"],.yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_14"] { + margin-left: var(--ytd-margin-14x); + } + + yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_14"],.yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { + margin-right: var(--ytd-margin-14x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_1"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_1"] { + padding-top: var(--ytd-margin-base); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"] { + padding-bottom: var(--ytd-margin-base); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_1"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_1"] { + padding-left: var(--ytd-margin-base); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_1"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_1"] { + padding-right: var(--ytd-margin-base); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_2"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_2"] { + padding-top: var(--ytd-margin-2x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"] { + padding-bottom: var(--ytd-margin-2x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_2"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_2"] { + padding-left: var(--ytd-margin-2x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_2"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_2"] { + padding-right: var(--ytd-margin-2x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_3"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_3"] { + padding-top: var(--ytd-margin-3x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"] { + padding-bottom: var(--ytd-margin-3x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_3"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_3"] { + padding-left: var(--ytd-margin-3x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_3"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_3"] { + padding-right: var(--ytd-margin-3x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_4"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_4"] { + padding-top: var(--ytd-margin-4x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"] { + padding-bottom: var(--ytd-margin-4x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_4"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_4"] { + padding-left: var(--ytd-margin-4x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_4"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_4"] { + padding-right: var(--ytd-margin-4x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_5"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_5"] { + padding-top: var(--ytd-margin-5x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"] { + padding-bottom: var(--ytd-margin-5x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_5"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_5"] { + padding-left: var(--ytd-margin-5x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_5"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_5"] { + padding-right: var(--ytd-margin-5x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_6"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_6"] { + padding-top: var(--ytd-margin-6x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"] { + padding-bottom: var(--ytd-margin-6x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_6"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_6"] { + padding-left: var(--ytd-margin-6x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_6"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_6"] { + padding-right: var(--ytd-margin-6x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_7"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_7"] { + padding-top: var(--ytd-margin-7x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"] { + padding-bottom: var(--ytd-margin-7x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_7"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_7"] { + padding-left: var(--ytd-margin-7x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_7"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_7"] { + padding-right: var(--ytd-margin-7x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_8"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_8"] { + padding-top: var(--ytd-margin-8x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"] { + padding-bottom: var(--ytd-margin-8x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_8"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_8"] { + padding-left: var(--ytd-margin-8x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_8"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_8"] { + padding-right: var(--ytd-margin-8x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_9"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_9"] { + padding-top: var(--ytd-margin-9x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"] { + padding-bottom: var(--ytd-margin-9x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_9"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_9"] { + padding-left: var(--ytd-margin-9x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_9"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_9"] { + padding-right: var(--ytd-margin-9x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_10"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_10"] { + padding-top: var(--ytd-margin-10x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"] { + padding-bottom: var(--ytd-margin-10x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_10"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_10"] { + padding-left: var(--ytd-margin-10x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_10"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_10"] { + padding-right: var(--ytd-margin-10x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_11"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_11"] { + padding-top: var(--ytd-margin-11x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"] { + padding-bottom: var(--ytd-margin-11x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_11"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_11"] { + padding-left: var(--ytd-margin-11x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_11"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_11"] { + padding-right: var(--ytd-margin-11x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_12"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_12"] { + padding-top: var(--ytd-margin-12x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"] { + padding-bottom: var(--ytd-margin-12x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_12"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_12"] { + padding-left: var(--ytd-margin-12x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_12"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_12"] { + padding-right: var(--ytd-margin-12x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_13"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_13"] { + padding-top: var(--ytd-margin-13x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"] { + padding-bottom: var(--ytd-margin-13x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_13"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_13"] { + padding-left: var(--ytd-margin-13x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_13"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_13"] { + padding-right: var(--ytd-margin-13x); + } + + yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_14"],.yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_14"] { + padding-top: var(--ytd-margin-14x); + } + + yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"],.yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"] { + padding-bottom: var(--ytd-margin-14x); + } + + yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_14"],.yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_14"] { + padding-left: var(--ytd-margin-14x); + } + + yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_14"],.yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_14"] { + padding-right: var(--ytd-margin-14x); + } + + yt-offer-item-upsell-renderer { + display: block; + padding: var(--ytd-margin-4x) var(--ytd-margin-6x); + } + + yt-offer-item-upsell-renderer:last-child { + padding-bottom: var(--yt-offer-item-upsell-renderer-last-child-padding-bottom, var(--ytd-margin-4x)); + } + + #heading-price-container.yt-offer-item-upsell-renderer { + margin-bottom: var(--ytd-margin-3x); + display: var(--layout_-_display); + display: var(--layout-horizontal_-_display, var(--layout_-_display)); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); + } + + #description-actions-container.yt-offer-item-upsell-renderer { + display: var(--layout_-_display); + display: var(--layout-horizontal_-_display, var(--layout_-_display)); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + #description-renderer.yt-offer-item-upsell-renderer { + width: 50%; + } + + #image-renderer.yt-offer-item-upsell-renderer { + margin-bottom: var(--ytd-margin-3x); + } + + yt-card-item-container-renderer { + display: block; + border: 1px solid var(--yt-spec-10-percent-layer); + margin-bottom: var(--ytd-margin-2x); + --yt-offer-item-upsell-renderer-last-child-padding-bottom: var(--ytd-margin-6x); + display: var(--layout-vertical_-_display, block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-card-item-container-renderer[container-style_="CARD_ITEM_CONTAINER_STYLE_BORDERLESS"] { + border: none; + } + + #base.yt-card-item-container-renderer { + width: 100%; + } + + #contents.yt-card-item-container-renderer { + display: block; + width: 100%; + } + + #contents-section.yt-card-item-container-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-card-item-container-renderer[is-expanded_] #continuation-section.yt-card-item-container-renderer { + display: block; + width: 100%; + } + + #continuation-section.yt-card-item-container-renderer { + display: none; + } + + #continuation-section.yt-card-item-container-renderer ytd-item-section-renderer.yt-card-item-container-renderer:first-child:not(:only-child),#continuation-section.yt-card-item-container-renderer ytmusic-item-section-renderer.yt-card-item-container-renderer:first-child:not(:only-child) { + margin-bottom: var(--ytd-margin-5x); + } + + #continuation-section.yt-card-item-container-renderer ytd-item-section-renderer.yt-card-item-container-renderer:only-child,#continuation-section.yt-card-item-container-renderer ytmusic-item-section-renderer.yt-card-item-container-renderer:only-child { + margin-bottom: var(--ytd-margin-2x); + } + + yt-card-item-container-renderer[show-spinner_] paper-spinner.yt-card-item-container-renderer { + display: inline-block; + padding: var(--ytd-margin-6x); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + paper-spinner.yt-card-item-container-renderer { + display: none; + } + + #divider.yt-card-item-container-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin-left: var(--ytd-margin-6x); + margin-right: var(--ytd-margin-6x); + } + + #divider.yt-card-item-container-renderer[container-style_="CARD_ITEM_CONTAINER_STYLE_BORDERLESS"] { + border-bottom: none; + } + + #more-contents-button.yt-card-item-container-renderer { + cursor: pointer; + padding: 2px 0; + width: 100%; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #more-contents-button.yt-card-item-container-renderer:hover { + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-icon-active-other); + } + + #more-contents-button.yt-card-item-container-renderer:focus { + outline: none; + } + + yt-generic-faq-question-renderer { + --yt-endpoint-color: var(--yt-blue); + cursor: pointer; + border-bottom: 1px solid var(--yt-border-color); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + .head.yt-generic-faq-question-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + .answer-arrow.yt-generic-faq-question-renderer { + color: var(--yt-primary-text-color); + } + + .question.yt-generic-faq-question-renderer { + color: var(--yt-primary-text-color); + margin: var(--ytd-margin-4x) 0; + font-size: var(--ytd-navbar-title_-_font-size); font-weight: var(--ytd-navbar-title_-_font-weight); line-height: var(--ytd-navbar-title_-_line-height); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + .answer.yt-generic-faq-question-renderer { + color: var(--yt-secondary-text-color); + display: block; + margin-bottom: var(--ytd-margin-2x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + yt-faq-section-renderer { + margin-top: var(--ytd-margin-24x); + padding-bottom: var(--ytd-margin-12x); + width: 100%; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + .container.yt-faq-section-renderer { + color: var(--yt-primary-text-color); + width: 50%; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + .header.yt-faq-section-renderer { + margin-bottom: var(--ytd-margin-8x); + font-size: var(--ytd-channel-title_-_font-size); font-weight: var(--ytd-channel-title_-_font-weight); line-height: var(--ytd-channel-title_-_line-height); + } + + yt-offer-item-expanded-renderer { + max-width: 650px; + display: var(--layout_-_display); + display: var(--layout-horizontal_-_display, var(--layout_-_display)); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #image-renderer.yt-offer-item-expanded-renderer { + max-width: 225px; + } + + #content.yt-offer-item-expanded-renderer { + margin-left: var(--ytd-margin-3x); + max-width: 410px; + } + + #heading-renderer.yt-offer-item-expanded-renderer { + margin: var(--ytd-margin-base) 0 var(--ytd-margin-2x) 0; + } + + #description-renderer.yt-offer-item-expanded-renderer { + margin-bottom: var(--ytd-margin-4x); + } + + yt-offer-item-renderer { + display: inline-block; + max-width: 221px; + margin-right: 18px; + vertical-align: top; + margin-bottom: var(--ytd-margin-3x); + } + + yt-offer-item-renderer:last-child { + margin-right: 0; + } + + #image-renderer.yt-offer-item-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + } + + #heading-renderer.yt-offer-item-renderer { + margin: var(--ytd-margin-2x) 0 var(--ytd-margin-base) 0; + } + + yt-subscription-product-header-renderer { + display: block; + } + + yt-subscription-product-renderer { + --paper-card-background-color: var(--yt-dialog-background); + display: var(--layout_-_display); + } + + paper-card.yt-subscription-product-renderer { + width: 100%; + } + + #content.yt-subscription-product-renderer { + padding: var(--ytd-margin-4x); + } + + #metadatas.yt-subscription-product-renderer { + margin: var(--ytd-margin-5x) 0 var(--ytd-margin-7x); + } + + .metadata.yt-subscription-product-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .additional-info.yt-subscription-product-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .description.yt-subscription-product-renderer { + display: block; + color: var(--yt-spec-text-secondary); + margin-top: var(--ytd-margin-4x); + border-left: var(--ytd-margin-base) solid var(--yt-spec-static-brand-red); + padding-left: var(--ytd-margin-4x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #actions.yt-subscription-product-renderer { + padding: var(--ytd-margin-2x); + border-top: 1px solid var(--yt-border-color); + display: var(--layout_-_display); + } + + #secondary-button.yt-subscription-product-renderer yt-button-renderer.yt-subscription-product-renderer { + color: var(--yt-spec-text-secondary); + } + + #menu.yt-subscription-product-renderer { + position: absolute; + + top: var(--ytd-margin-4x); + right: var(--ytd-margin-4x); + } + + yt-subscription-product-upsell-offer-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-call-to-action); + display: block; + + --paper-card_-_display: block;; + + --paper-card-background-color: var(--yt-dialog-background); + + --iron-icon-width: 140px; + --iron-icon-height: 100%; + + --yt-button-padding: 10px; + } + + #image-container.yt-subscription-product-upsell-offer-renderer { + position: relative; + height: 100px; + + margin: -1px; + + border-radius: 2px 2px 0 0; + overflow: hidden; + } + + #image.yt-subscription-product-upsell-offer-renderer { + display: block; + height: 100%; + } + + #scrim.yt-subscription-product-upsell-offer-renderer { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding: 0 16px; + align-items: center; + display: var(--layout_-_display); + } + + #logo-image.yt-subscription-product-upsell-offer-renderer { + display: inline-block; + } + + #logo-icon.yt-subscription-product-upsell-offer-renderer { + fill: var(--yt-white); + + top: 3px; + } + + #content.yt-subscription-product-upsell-offer-renderer { + padding: 14px; + } + + #title.yt-subscription-product-upsell-offer-renderer { + margin-top: var(--ytd-margin-2x); + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #description.yt-subscription-product-upsell-offer-renderer { + display: block; + margin-top: var(--ytd-margin-base); + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #additional-infos.yt-subscription-product-upsell-offer-renderer { + margin: var(--ytd-margin-3x) 0 var(--ytd-margin-2x); + } + + #additional-info.yt-subscription-product-upsell-offer-renderer { + display: block; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #actions.yt-subscription-product-upsell-offer-renderer { + padding: var(--ytd-margin-2x); + border-top: 1px solid var(--yt-border-color); + display: var(--layout_-_display); + } + + #secondary-button.yt-subscription-product-upsell-offer-renderer yt-button-renderer.yt-subscription-product-upsell-offer-renderer { + color: var(--yt-spec-text-secondary); + } + + yt-single-ypc-offer-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-call-to-action); + border-bottom: 1px solid var(--yt-border-color); + color: var(--yt-primary-text-color); + padding: var(--ytd-margin-4x) 0; + max-width: 1003px; + width: 100%; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-single-ypc-offer-renderer[is-manage-red] { + border-bottom: none; + max-width: none; + } + + yt-single-ypc-offer-renderer[is-manage-red] #yt-unlimited-metadata.yt-single-ypc-offer-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-single-ypc-offer-renderer[collapsible] { + background-color: var(--yt-spec-static-overlay-background-light); + border-bottom: none; + max-width: 552px; + padding: 0; + } + + yt-single-ypc-offer-renderer[collapsible] #yt-unlimited-metadata.yt-single-ypc-offer-renderer { + color: var(--yt-white); + max-height: none; + padding: var(--ytd-margin-4x); + text-align: left; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + yt-single-ypc-offer-renderer[collapsible] #metadata-item.yt-single-ypc-offer-renderer { + margin-top: 10px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + yt-single-ypc-offer-renderer[collapsible] #metadata-item.yt-single-ypc-offer-renderer:before { + content: none; + } + + yt-single-ypc-offer-renderer[collapsible] #subscription-button.yt-single-ypc-offer-renderer { + margin: var(--ytd-margin-4x); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + #yt-unlimited-metadata.yt-single-ypc-offer-renderer { + --yt-endpoint-force-cursor: pointer; + display: var(--ytd-navbar-title-two-lines_-_display); max-height: var(--ytd-navbar-title-two-lines_-_max-height); overflow: var(--ytd-navbar-title-two-lines_-_overflow); font-size: var(--ytd-navbar-title-two-lines_-_font-size); font-weight: var(--ytd-navbar-title-two-lines_-_font-weight); line-height: var(--ytd-navbar-title-two-lines_-_line-height); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #metadata-item.yt-single-ypc-offer-renderer { + color: var(--yt-spec-text-secondary); + } + + #metadata-item.yt-single-ypc-offer-renderer:before { + content: "• "; + } + + #subscription-button.yt-single-ypc-offer-renderer { + margin-left: var(--ytd-margin-4x); + } + + yt-single-ypc-offer-list-renderer { + width: 100%; + } + + yt-single-ypc-offer-list-renderer[is-manage-red] #contents.yt-single-ypc-offer-list-renderer { + padding: 0; + } + + #contents.yt-single-ypc-offer-list-renderer { + padding: 0 var(--ytd-margin-4x); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-ypc-offers-list-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #contents.yt-ypc-offers-list-renderer { + width: 100%; + } + + yt-unlimited-manage-subscription-page-renderer { + margin: var(--ytd-margin-6x) auto; + max-width: 960px; + --paper-card-background-color: var(--yt-dialog-background); + --paper-card-header-color: var(--yt-primary-text-color); + --yt-endpoint-color: var(--yt-blue); + --yt-endpoint-hover-color: var(--yt-blue-light); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + h2.yt-unlimited-manage-subscription-page-renderer { + color: var(--yt-primary-text-color); + padding: var(--ytd-margin-4x); + font-size: var(--ytd-channel-title_-_font-size); font-weight: var(--ytd-channel-title_-_font-weight); line-height: var(--ytd-channel-title_-_line-height); + } + + .card-content.yt-unlimited-manage-subscription-page-renderer { + padding: var(--ytd-margin-4x); + } + + .subscription-info-item.yt-unlimited-manage-subscription-page-renderer { + color: var(--yt-primary-text-color); + margin-top: var(--ytd-margin-2x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .subscription-info-item-title.yt-unlimited-manage-subscription-page-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + .subscription-info-item-content.yt-unlimited-manage-subscription-page-renderer { + -ms-flex: var(--layout-flex-2_-_-ms-flex); -webkit-flex: var(--layout-flex-2_-_-webkit-flex); flex: var(--layout-flex-2_-_flex); + } + + .additional-info.yt-unlimited-manage-subscription-page-renderer { + color: var(--yt-primary-text-color); + display: block; + margin-top: var(--ytd-margin-4x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .buttons.yt-unlimited-manage-subscription-page-renderer { + margin-top: var(--ytd-margin-4x); + } + + yt-collapsible-ypc-offer-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + } + + yt-collapsible-ypc-offer-renderer[offers-visible_] { + outline: none; + } + + #more-offer-info-header.yt-collapsible-ypc-offer-renderer { + color: var(--yt-white); + font-size: 1.4rem; + cursor: pointer; + } + + #offers.yt-collapsible-ypc-offer-renderer { + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-unlimited-page-header-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + --yt-img-max-height: 100%; + --ytd-metadata_-_font-size: 2.4rem; --ytd-metadata_-_font-weight: 300; --ytd-metadata_-_line-height: 2.8rem;; + --yt-formatted-string-strikethrough_-_font-family: Roboto, Arial, sans-serif; --yt-formatted-string-strikethrough_-_font-size: var(--ytd-metadata_-_font-size); --yt-formatted-string-strikethrough_-_font-weight: var(--ytd-metadata_-_font-weight); --yt-formatted-string-strikethrough_-_line-height: var(--ytd-metadata_-_line-height);; + background-color: var(--yt-dark-surface-100); + background-position: center top; + background-size: cover; + min-height: 450px; + padding: var(--ytd-margin-24x) var(--ytd-margin-4x) var(--ytd-margin-12x) var(--ytd-margin-4x); + text-align: center; + width: 100%; + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #logo.yt-unlimited-page-header-renderer { + height: 71px; + } + + #logo_wrapper.yt-unlimited-page-header-renderer { + height: 71px; + } + + #subtitle.yt-unlimited-page-header-renderer,.metadata-item.yt-unlimited-page-header-renderer,.billing-info-item.yt-unlimited-page-header-renderer { + color: var(--yt-white); + max-width: 552px; + } + + .yt-unlimited-title.yt-unlimited-page-header-renderer yt-img-shadow.yt-unlimited-page-header-renderer { + height: 71px; + max-width: 100%; + } + + #subtitle.yt-unlimited-page-header-renderer { + margin: var(--ytd-margin-12x) 0; + font-size: 3.2rem; + font-weight: 300; + line-height: 4rem; + white-space: pre-line; + } + + #metadatas.yt-unlimited-page-header-renderer { + margin-top: var(--ytd-margin-6x); + margin-bottom: var(--ytd-margin-6x); + margin-left: var(--ytd-margin-6x); + margin-right: var(--ytd-margin-6x); + max-width: 680px; + font-size: var(--ytd-metadata_-_font-size); font-weight: var(--ytd-metadata_-_font-weight); line-height: var(--ytd-metadata_-_line-height); + } + + .metadata-item.yt-unlimited-page-header-renderer { + display: inline; + } + + .metadata-item.yt-unlimited-page-header-renderer:not(:first-child):before { + content: "\2022 \00a0"; + color: var(--yt-spec-text-primary); + } + + yt-button-renderer.style-dark-on-white.yt-unlimited-page-header-renderer { + color: var(--yt-spec-static-brand-black); + background-color: var(--yt-spec-static-brand-white); + } + + #additional-billing-info.yt-unlimited-page-header-renderer { + display: block; + margin-top: var(--ytd-margin-3x); + font-size: 1.6rem; + } + + .billing-info-item.yt-unlimited-page-header-renderer { + display: inline; + white-space: pre-line; + } + + .promotion-text.yt-unlimited-page-header-renderer { + color: var(--yt-spec-brand-link-text); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #restriction-apply-button.yt-unlimited-page-header-renderer { + --yt-endpoint-force-cursor: pointer; + color: var(--yt-spec-call-to-action); + text-decoration: none; + cursor: pointer; + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #restriction-apply-button.yt-unlimited-page-header-renderer:hover { + text-decoration: underline; + } + + #more-offers.yt-unlimited-page-header-renderer { + width: 100%; + margin-bottom: var(--ytd-margin-6x); + } + + yt-unlimited-user-notification-renderer { + width: 100%; + background-position: center top; + background-size: cover; + background-color: var(--yt-spec-error-background); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #yt-notification-text.yt-unlimited-user-notification-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #title.yt-unlimited-user-notification-renderer { + color: var(--yt-spec-text-primary-inverse); + padding-top: var(--ytd-margin-3x); + padding-bottom: var(--ytd-margin-base); + padding-left: var(--ytd-margin-17x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #metadata-item.yt-unlimited-user-notification-renderer { + color: var(--yt-spec-text-primary-inverse); + padding-top: var(--ytd-margin-base); + padding-bottom: var(--ytd-margin-4x); + padding-left: var(--ytd-margin-17x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #action-button.yt-unlimited-user-notification-renderer { + padding-right: var(--ytd-margin-35x); + padding-top: var(--ytd-margin-5x); + padding-bottom: var(--ytd-margin-5x); + } + + ytd-video-primary-info-renderer { + --yt-button-icon-size: 36px; + display: block; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding: 20px 0 8px 0; + } + + ytd-video-primary-info-renderer.loading #container.ytd-video-primary-info-renderer { + visibility: hidden; + } + + .title.ytd-video-primary-info-renderer { + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + color: var(--ytd-video-primary-info-renderer-title-color, var(--yt-spec-text-primary)); + font-family: var(--ytd-video-primary-info-renderer-title-font-family, inherit); + font-size: var(--ytd-video-primary-info-renderer-title-font-size, var(--yt-navbar-title-font-size, inherit)); + font-variant: var(--ytd-video-primary-info-renderer-title-font-variant, inherit); + transform: var(--ytd-video-primary-info-renderer-title-transform, none); + text-shadow: var(--ytd-video-primary-info-renderer-title-text-shadow, none); + } + + .super-title.ytd-video-primary-info-renderer { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .super-title-icon.ytd-video-primary-info-renderer { + color: var(--yt-spec-call-to-action); + height: 16px; + width: 16px; + margin-right: 4px; + vertical-align: bottom; + } + + yt-formatted-string.ytd-video-primary-info-renderer { + word-break: break-word; + } + + ytd-menu-renderer.ytd-video-primary-info-renderer { + position: relative; + } + + #info.ytd-video-primary-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #info-text.ytd-video-primary-info-renderer { + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-video-primary-info-renderer[has-date-text_] #info-text.ytd-video-primary-info-renderer { + display: block; + max-height: var(--yt-user-comment-line-height, 2.1rem); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #count.ytd-video-primary-info-renderer { + display: inline-block; + } + + #dot.ytd-video-primary-info-renderer { + margin-left: 4px; + margin-right: 4px; + } + + #date.ytd-video-primary-info-renderer { + display: inline-block; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #flex.ytd-video-primary-info-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #sentiment.ytd-video-primary-info-renderer { + width: 110px; + position: absolute; + left: 0; + } + + #menu.ytd-video-primary-info-renderer { + position: relative; + top: 4px; + } + + #menu-container.ytd-video-primary-info-renderer { + position: relative; + } + + ytd-sentiment-bar-renderer { + display: inline-block; + padding-top: 6px; + padding-bottom: 28px; + } + + #container.ytd-sentiment-bar-renderer { + height: 2px; + background-color: var(--yt-spec-icon-disabled); + } + + #like-bar.ytd-sentiment-bar-renderer { + background: var(--yt-spec-icon-inactive); + height: 2px; + transition: width 0.3s; + } + + ytd-sentiment-bar-renderer[activated_] #like-bar.ytd-sentiment-bar-renderer { + background-color: var(--yt-spec-call-to-action); + } + + yt-view-count-renderer { + display: inline-block; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + yt-view-count-renderer[small_] { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .short-view-count.yt-view-count-renderer { + display: none; + } + + @media screen and (max-width: 600px) { + .short-view-count.yt-view-count-renderer { + display: inline-block; + } + + .view-count.yt-view-count-renderer { + display: none; + } + + } + + span.yt-view-count-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-video-secondary-info-renderer { + display: block; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin-bottom: 24px; + padding-bottom: 16px; + } + + ytd-video-secondary-info-renderer.loading #container.ytd-video-secondary-info-renderer { + visibility: hidden; + } + + #top-row.ytd-video-secondary-info-renderer { + margin-bottom: 12px; + padding-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-formatted-string.ytd-video-secondary-info-renderer { + word-break: break-word; + } + + ytd-video-owner-renderer.ytd-video-secondary-info-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #subscribe-button.ytd-video-secondary-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .date.ytd-video-secondary-info-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-expander.ytd-video-secondary-info-renderer { + margin-left: 64px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #description.ytd-video-secondary-info-renderer { + display: block; + max-width: 615px; + } + + .more-button.ytd-video-secondary-info-renderer,.less-button.ytd-video-secondary-info-renderer { + color: var(--yt-spec-text-secondary); + display: inline-block; + margin-top: 8px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + .content.ytd-video-secondary-info-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-horizontal-card-list-renderer.ytd-video-secondary-info-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding-bottom: 24px; + } + + ytd-horizontal-card-list-renderer.ytd-video-secondary-info-renderer[empty] { + display: none; + } + + #list-container.expanded.ytd-video-secondary-info-renderer { + margin: 0 -22px; + max-height: 204px; + overflow: hidden; + padding: 0 22px; + -webkit-transition: max-height 0.3s linear; + -moz-transition: max-height 0.3s linear; + transition: max-height 0.3s linear; + } + + #list-container.ytd-video-secondary-info-renderer { + max-height: 0; + } + + ytd-autotagging-metadata-renderer { + background-color: var(--yt-spec-general-background-b); + min-width: 280px; + max-width: 50%; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #outer-container.ytd-autotagging-metadata-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-thumbnail.ytd-autotagging-metadata-renderer { + --yt-img-border-radius: 68px; + display: block; + width: 68px; + height: 68px; + margin: 16px 16px; + } + + #right-container.ytd-autotagging-metadata-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #title-container.ytd-autotagging-metadata-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-autotagging-metadata-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #badges.ytd-autotagging-metadata-renderer { + --ytd-badge-icon-size: 18px; + } + + ytd-autotagging-metadata-row-renderer { + display: block; + margin-top: 8px; + } + + #header.ytd-autotagging-metadata-row-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #contents.ytd-autotagging-metadata-row-renderer { + margin-right: -16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #contents.ytd-autotagging-metadata-row-renderer > *.ytd-autotagging-metadata-row-renderer { + margin: 12px 16px 12px 0; + } + + ytd-metadata-row-container-renderer { + display: block; + } + + ytd-metadata-row-renderer.ytd-metadata-row-container-renderer,ytd-metadata-with-image-row-renderer.ytd-metadata-row-container-renderer,ytd-metadata-row-header-renderer.ytd-metadata-row-container-renderer { + max-width: 615px; + } + + ytd-metadata-row-header-renderer { + padding-top: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-metadata-row-header-renderer[has-divider-line] { + margin-top: 16px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + .content.ytd-metadata-row-header-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + white-space: pre-wrap; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-metadata-row-renderer { + margin: 8px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + ytd-metadata-row-renderer[has-divider-line] { + padding-bottom: 16px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #title.ytd-metadata-row-renderer { + color: var(--yt-spec-text-secondary); + margin: 0 16px 0 0; + width: 110px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .content.content-line-height-override.ytd-metadata-row-renderer { + line-height: 2.1rem; + } + + #content.ytd-metadata-row-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #content.ytd-metadata-row-renderer[with-extra-margin] { + margin-left: 126px; + } + + .content.ytd-metadata-row-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary); + white-space: pre-wrap; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .content.ytd-metadata-row-renderer:not(:last-of-type):after { + content: ","; + margin: 0 4px 0 1px; + } + + [dir="rtl"] .ytd-metadata-row-renderer .content.ytd-metadata-row-renderer:not(:last-of-type):before, .ytd-metadata-row-renderer[dir="rtl"] .content.ytd-metadata-row-renderer:not(:last-of-type):before { + content: ","; + margin: 0 4px 0 1px; + } + + [dir="rtl"] .ytd-metadata-row-renderer .content.ytd-metadata-row-renderer:not(:last-of-type):after, .ytd-metadata-row-renderer[dir="rtl"] .content.ytd-metadata-row-renderer:not(:last-of-type):after { + content: ""; + margin: 0; + } + + ytd-metadata-with-image-row-renderer { + display: inline-block; + padding: 16px 0 8px; + } + + .yt-simple-endpoint.ytd-metadata-with-image-row-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-metadata-with-image-row-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-metadata-with-image-row-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-img-shadow.ytd-metadata-with-image-row-renderer { + width: 83px; + height: 120px; + margin-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #content.ytd-metadata-with-image-row-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .content-text.ytd-metadata-with-image-row-renderer { + display: block; + color: var(--yt-spec-text-primary); + } + + .content-text.ytd-metadata-with-image-row-renderer:first-child { + margin-bottom: 12px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + .content-text.ytd-metadata-with-image-row-renderer:not(:first-child) { + margin-bottom: 16px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-rich-metadata-renderer { + background-color: var(--yt-spec-general-background-b); + min-width: 280px; + max-width: 50%; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + a.ytd-rich-metadata-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-thumbnail.ytd-rich-metadata-renderer { + display: block; + width: 56px; + height: 56px; + margin: 22px 16px; + } + + ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_BOX_ART] ytd-thumbnail.ytd-rich-metadata-renderer { + width: 72px; + height: 100px; + margin: 0 16px 0 0; + } + + ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_TOPIC] ytd-thumbnail.ytd-rich-metadata-renderer { + --yt-img-border-radius: 56px; + } + + ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_THUMBNAIL] { + min-width: 400px; + } + + ytd-rich-metadata-renderer[component-style=RICH_METADATA_RENDERER_STYLE_THUMBNAIL] ytd-thumbnail.ytd-rich-metadata-renderer { + width: 178px; + height: 100px; + margin: 0 16px 0 0; + } + + #text-container.ytd-rich-metadata-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #title.ytd-rich-metadata-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #subtitle.ytd-rich-metadata-renderer { + margin-top: 4px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #badges.ytd-rich-metadata-renderer { + margin-top: 4px; + } + + #call-to-action.ytd-rich-metadata-renderer { + margin-top: 4px; + color: var(--yt-spec-text-secondary); + text-transform: uppercase; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + yt-icon.ytd-rich-metadata-renderer { + width: 24px; + height: 24px; + } + + ytd-rich-metadata-row-renderer { + display: block; + margin-top: 8px; + } + + ytd-rich-metadata-row-renderer[has-divider-line] { + padding-bottom: 16px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #contents.ytd-rich-metadata-row-renderer { + margin-right: -16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #contents.ytd-rich-metadata-row-renderer *.ytd-rich-metadata-row-renderer { + margin: 8px 16px 8px 0; + } + + ytd-video-owner-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #avatar.ytd-video-owner-renderer { + margin-right: 16px; + width: 48px; + height: 48px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #channel-name.ytd-video-owner-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #owner-sub-count.ytd-video-owner-renderer { + color: var(--yt-spec-text-secondary); + margin-right: 4px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #upload-info.ytd-video-owner-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #sponsor-button.ytd-video-owner-renderer,#analytics-button.ytd-video-owner-renderer { + margin-right: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #analytics-button.ytd-video-owner-renderer { + margin-right: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .yt-simple-endpoint.ytd-video-owner-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-video-owner-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + ytd-search-refinement-card-renderer { + display: inline-block; + } + + a.ytd-search-refinement-card-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + background-color: var(--yt-spec-general-background-b); + border-radius: 16px; + overflow: hidden; + } + + #card-thumbnail.ytd-search-refinement-card-renderer { + width: 156px; + height: 88px; + margin-bottom: 2px; + } + + ytd-search-refinement-card-renderer[card-style=universal_watch_card] #card-thumbnail.ytd-search-refinement-card-renderer { + width: 90px; + height: 90px; + } + + ytd-search-refinement-card-renderer[card-style=universal_watch_card_movie_poster] #card-thumbnail.ytd-search-refinement-card-renderer { + width: 90px; + height: 130px; + } + + ytd-search-refinement-card-renderer[card-style=movie_poster] #card-thumbnail.ytd-search-refinement-card-renderer { + width: 156px; + height: 225px; + } + + #card-thumbnail.ytd-search-refinement-card-renderer yt-img-shadow.ytd-search-refinement-card-renderer { + width: 100%; + height: 100%; + } + + #card-title.ytd-search-refinement-card-renderer { + color: var(--yt-spec-text-primary); + padding: 12px 16px 16px; + height: 24px; + width: 124px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer { + display: -webkit-box; + -webkit-box-orient: vertical; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-search-refinement-card-renderer[card-style=universal_watch_card] #card-title.ytd-search-refinement-card-renderer,ytd-search-refinement-card-renderer[card-style=universal_watch_card_movie_poster] #card-title.ytd-search-refinement-card-renderer { + padding: 4px 8px 8px; + height: 34px; + width: 74px; + } + + ytd-search-refinement-card-renderer[card-style=universal_watch_card] a.ytd-search-refinement-card-renderer,ytd-search-refinement-card-renderer[card-style=universal_watch_card_movie_poster] a.ytd-search-refinement-card-renderer { + border-radius: 0px; + } + + .content.ytd-info-panel-content-renderer { + padding: 12px 16px 16px 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-info-panel-content-renderer[background=BLUE] .content.ytd-info-panel-content-renderer { + background: var(--yt-spec-suggested-action); + } + + ytd-info-panel-content-renderer[background=GRAY] .content.ytd-info-panel-content-renderer { + background: var(--yt-spec-general-background-b); + } + + ytd-info-panel-content-renderer[has-menu] .content.ytd-info-panel-content-renderer { + padding-top: 16px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-info-panel-content-renderer[show-vertical-dividers] .content.ytd-info-panel-content-renderer { + padding-right: 0px; + } + + .text-content.ytd-info-panel-content-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-info-panel-content-renderer[show-vertical-dividers] .text-content.ytd-info-panel-content-renderer { + padding-right: 16px; + border-right: 1px solid var(--yt-spec-10-percent-layer); + } + + .title-container.ytd-info-panel-content-renderer { + color: var(--yt-spec-call-to-action); + margin-bottom: 4px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .inline-link-icon.ytd-info-panel-content-renderer { + width: 14px; + height: 14px; + margin-bottom: 2px; + } + + .metadata-container.ytd-info-panel-content-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 4px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .published-time.ytd-info-panel-content-renderer { + display: inline-block; + color: var(--yt-spec-text-secondary); + } + + .paragraphs.ytd-info-panel-content-renderer { + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-info-panel-content-renderer[truncate-paragraphs] .paragraph.ytd-info-panel-content-renderer { + -webkit-line-clamp: 3; + display: block; + max-height: calc(3 * var(--yt-user-comment-line-height, 2.1rem)); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + .inline-source.ytd-info-panel-content-renderer { + display: inline-block; + color: var(--yt-spec-call-to-action); + } + + .thumbnail.ytd-info-panel-content-renderer { + width: 90px; + height: 90px; + margin-left: 8px; + } + + .content-endpoint.ytd-info-panel-content-renderer { + width: 100%; + } + + ytd-info-panel-content-renderer[has-menu] { + background: var(--yt-spec-suggested-action); + border: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-preview-card-renderer { + display: inline-block; + } + + #content.ytd-preview-card-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-grid-video-renderer.ytd-preview-card-renderer { + margin-top: 12px; + vertical-align: top; + } + + ytd-grid-video-renderer.ytd-preview-card-renderer:not(:last-child) { + margin-right: 4px; + } + + ytd-rich-list-header-renderer { + display: inline-block; + } + + #title.ytd-rich-list-header-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #subtitle.ytd-rich-list-header-renderer { + display: block; + color: var(--yt-spec-text-secondary); + margin-top: 8px; + display: block; + max-height: calc(2 * var(--yt-user-comment-line-height, 2.1rem)); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #title-annotation.ytd-rich-list-header-renderer { + color: var(--yt-spec-text-secondary); + margin-left: 8px; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-rich-list-header-renderer[title-style=TITLE_STYLE_TYPE_CHANNEL_INLINE_RECS] #title.ytd-rich-list-header-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + ytd-rich-list-header-renderer[avatar-style=CHANNEL_THUMBNAIL_STYLE_BOXART] #subtitle.ytd-rich-list-header-renderer { + margin-top: 0px; + } + + ytd-rich-list-header-renderer[avatar-style=CHANNEL_THUMBNAIL_STYLE_PREVIEW_CARD] #subtitle.ytd-rich-list-header-renderer { + margin-top: 0px; + } + + .title-row.ytd-rich-list-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .title-text.ytd-rich-list-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #featured-badge.ytd-rich-list-header-renderer { + margin-left: 8px; + } + + #avatar.ytd-rich-list-header-renderer > *.ytd-rich-list-header-renderer:last-child { + margin-right: 8px; + } + + yt-channel-thumbnail-with-link-renderer { + display: inline-block; + } + + #avatar.yt-channel-thumbnail-with-link-renderer { + width: 32px; + height: 32px; + border-radius: var(--yt-circular_-_border-radius); background-color: var(--yt-circular_-_background-color); overflow: var(--yt-circular_-_overflow); + } + + yt-channel-thumbnail-with-link-renderer[style_="CHANNEL_THUMBNAIL_STYLE_PREVIEW_CARD"] #avatar.yt-channel-thumbnail-with-link-renderer { + width: 36px; + height: 36px; + } + + yt-channel-thumbnail-with-link-renderer[style_="CHANNEL_THUMBNAIL_STYLE_BOXART"] #avatar.yt-channel-thumbnail-with-link-renderer { + width: 29px; + height: 40px; + border-radius: 0%; + background-color: transparent; + overflow: hidden; + } + + ytd-horizontal-card-list-renderer { + display: block; + position: relative; + } + + #header-container.ytd-horizontal-card-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #header.ytd-horizontal-card-list-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-title-and-button-list-header-renderer.ytd-horizontal-card-list-renderer { + margin-bottom: 16px; + } + + ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer { + margin: 16px 0; + } + + ytd-preview-card-renderer.ytd-horizontal-card-list-renderer { + vertical-align: top; + padding-right: 16px; + margin-right: 16px; + } + + ytd-preview-card-renderer.ytd-horizontal-card-list-renderer:not(:last-child) { + border-right: 1px solid var(--yt-spec-10-percent-layer); + } + + #header-button.ytd-horizontal-card-list-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + #shelf-container.ytd-horizontal-card-list-renderer { + position: relative; + } + + #scroll-container.ytd-horizontal-card-list-renderer { + overflow: hidden; + } + + #items.ytd-horizontal-card-list-renderer { + transition-duration: 0.15s; + transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + will-change: transform; + display: inline-block; + white-space: nowrap; + } + + ytd-search-refinement-card-renderer.ytd-horizontal-card-list-renderer { + padding-right: 4px; + vertical-align: top; + white-space: normal; + } + + ytd-compact-channel-recommendation-card-renderer.ytd-horizontal-card-list-renderer { + padding-right: 4px; + } + + ytd-grid-video-renderer.ytd-horizontal-card-list-renderer { + padding-right: 4px; + vertical-align: top; + display: inline-block; + width: 210px; + margin-bottom: 24px; + } + + ytd-game-card-renderer.ytd-horizontal-card-list-renderer { + padding-right: 4px; + width: 210px; + margin-bottom: 24px; + } + + ytd-info-panel-content-renderer.ytd-horizontal-card-list-renderer { + display: inline-block; + width: 640px; + white-space: normal; + } + + #sort-filter.ytd-horizontal-card-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .arrow-container.ytd-horizontal-card-list-renderer { + position: absolute; + top: 0; + bottom: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #left-arrow-container.ytd-horizontal-card-list-renderer { + left: -20px; + } + + #right-arrow-container.ytd-horizontal-card-list-renderer { + right: -16px; + } + + .arrow-container.ytd-horizontal-card-list-renderer { + z-index: 200; + } + + ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_CHANNEL_SHELF] .arrow-container.ytd-horizontal-card-list-renderer { + bottom: auto; + height: 118px; + } + + ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_CHANNEL_SHELF][has-game-card] .arrow-container.ytd-horizontal-card-list-renderer { + bottom: auto; + height: 290px; + } + + ytd-horizontal-card-list-renderer:not([card-list-style]) .arrow-container.ytd-horizontal-card-list-renderer { + height: 90px; + } + + ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_CHANNEL_SHELF][has-game-card] #items.ytd-horizontal-card-list-renderer { + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + .arrow.ytd-horizontal-card-list-renderer,.ytd-horizontal-card-list-renderer[arrow] { + cursor: pointer; + width: 40px; + height: 40px; + border-radius: 24px; + background-color: var(--yt-spec-brand-background-solid); + color: var(--yt-spec-icon-inactive); + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2); + } + + .center-aligned.ytd-horizontal-card-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-title-and-button-list-header-renderer { + display: block; + } + + #title.ytd-title-and-button-list-header-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-video-secondary-info-renderer-fixie { + display: block; + } + + ytd-video-secondary-info-renderer-fixie.loading #container.ytd-video-secondary-info-renderer-fixie { + visibility: hidden; + } + + #header.ytd-video-secondary-info-renderer-fixie { + margin: 0 32px; + padding: 12px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #avatar.ytd-video-secondary-info-renderer-fixie { + width: 32px; + height: 32px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #owner-name.ytd-video-secondary-info-renderer-fixie { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + margin-left: 12px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #description-preview.ytd-video-secondary-info-renderer-fixie { + margin: 0 8px 0 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: var(--yt-spec-text-primary); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-video-secondary-info-renderer-fixie[expanded] #description-preview.ytd-video-secondary-info-renderer-fixie { + visibility: hidden; + } + + #subscribe-button.ytd-video-secondary-info-renderer-fixie { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #expand-button.ytd-video-secondary-info-renderer-fixie,#collapse-button.ytd-video-secondary-info-renderer-fixie { + margin-left: 8px; + padding: 6px 8px; + color: var(--yt-spec-text-secondary); + white-space: nowrap; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-video-secondary-info-renderer-fixie:not([expanded]) #collapse-button.ytd-video-secondary-info-renderer-fixie,ytd-video-secondary-info-renderer-fixie[expanded] #expand-button.ytd-video-secondary-info-renderer-fixie { + display: none; + } + + #content.ytd-video-secondary-info-renderer-fixie { + height: 230px; + overflow-y: auto; + transition: height 0.5s ease; + background: var(--yt-spec-general-background-a); + color: var(--yt-spec-text-primary); + } + + ytd-video-secondary-info-renderer-fixie:not([expanded]) #content.ytd-video-secondary-info-renderer-fixie { + height: 0; + } + + #content-inner.ytd-video-secondary-info-renderer-fixie { + padding: 20px 32px; + } + + #description.ytd-video-secondary-info-renderer-fixie { + display: block; + max-width: 615px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-donation-shelf-renderer { + display: block; + border: 1px solid var(--yt-spec-10-percent-layer); + } + + #header-section.ytd-donation-shelf-renderer,#donate-section.ytd-donation-shelf-renderer,#progress-bar-section.ytd-donation-shelf-renderer,#creator-messages-section.ytd-donation-shelf-renderer,#nonprofit-section.ytd-donation-shelf-renderer,#collapse-controls-section.ytd-donation-shelf-renderer { + padding-left: 16px; + padding-right: 16px; + } + + #header-section.ytd-donation-shelf-renderer { + height: 48px; + padding-right: 0; + background-color: var(--yt-spec-general-background-b); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #header-text.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-primary); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #header-background.ytd-donation-shelf-renderer { + height: 100%; + } + + .flip.ytd-donation-shelf-renderer { + transform: scaleX(-1); + } + + #donate-section.ytd-donation-shelf-renderer { + padding-top: 16px; + padding-bottom: 18px; + background-color: var(--yt-spec-general-background-a); + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #title-row.ytd-donation-shelf-renderer { + margin-bottom: 20px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + yt-img-shadow#campaign-logo.ytd-donation-shelf-renderer { + height: 50px; + width: 50px; + } + + #text-container.ytd-donation-shelf-renderer { + margin-left: 12px; + margin-right: 24px; + overflow-x: hidden; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #campaign-title.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + font-size: 16px; + margin-bottom: 4px; + } + + #campaign-subtitle.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #progress-bar.ytd-donation-shelf-renderer { + height: 4px; + background-color: var(--yt-spec-general-background-c); + border-radius: 2px; + overflow: hidden; + margin-bottom: 10px; + } + + #progress-bar-fill.ytd-donation-shelf-renderer { + height: 100%; + background-color: var(--yt-spec-call-to-action); + width: var(--progress-bar-completion, 0); + } + + #progress-bar-labels.ytd-donation-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #progress-bar-start.ytd-donation-shelf-renderer,#progress-bar-end.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + font-size: 14px; + } + + #amount-raised.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + font-size: 16px; + } + + #matching-label.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-secondary); + margin-top: 8px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #matching-label.ytd-donation-shelf-renderer yt-formatted-string.ytd-donation-shelf-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-call-to-action); + } + + #creator-messages-section.ytd-donation-shelf-renderer { + padding-top: 16px; + padding-bottom: 16px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #creator-messages-section.ytd-donation-shelf-renderer,#nonprofit-section.ytd-donation-shelf-renderer { + background-color: var(--yt-spec-general-background-b); + } + + .creator-message.ytd-donation-shelf-renderer,#campaign-subtitle.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .separator.ytd-donation-shelf-renderer { + background-color: var(--yt-spec-10-percent-layer); + height: 1px; + margin: 16px 0 16px 0; + } + + #creator-messages-section.ytd-donation-shelf-renderer > .creator-message.ytd-donation-shelf-renderer:nth-of-type(1) .separator.ytd-donation-shelf-renderer { + display: none; + background-color: red; + } + + .avatar.ytd-donation-shelf-renderer { + border-radius: 50%; + overflow: hidden; + margin-right: 12px; + } + + .creator-message-header.ytd-donation-shelf-renderer { + margin-bottom: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .creator-message-name.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: 14px; + } + + .creator-message-description.ytd-donation-shelf-renderer { + overflow-wrap: break-word; + } + + #nonprofit-section.ytd-donation-shelf-renderer { + padding-top: 16px; + padding-bottom: 24px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #nonprofit-title.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #nonprofit-title.ytd-donation-shelf-renderer yt-icon.ytd-donation-shelf-renderer { + color: var(--yt-spec-icon-inactive); + } + + #nonprofit-subtitle.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-secondary); + margin-top: -2px; + margin-bottom: 12px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #nonprofit-description.ytd-donation-shelf-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #nonprofit-link.ytd-donation-shelf-renderer { + color: var(--yt-spec-call-to-action); + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + #nonprofit-link-text.ytd-donation-shelf-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-call-to-action); + } + + #verified-icon-wrapper.ytd-donation-shelf-renderer { + white-space: nowrap; + } + + .inline-icon.ytd-donation-shelf-renderer { + position: relative; + top: -1px; + width: 1em; + } + + #nonprofit-link.ytd-donation-shelf-renderer .inline-icon.ytd-donation-shelf-renderer { + top: -3px; + } + + #collapse-controls-section.ytd-donation-shelf-renderer { + padding-top: 12px; + padding-bottom: 12px; + color: var(--yt-spec-text-secondary); + background-color: var(--yt-spec-general-background-a); + border-top: 1px solid var(--yt-spec-10-percent-layer); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #show-less.ytd-donation-shelf-renderer,#show-more.ytd-donation-shelf-renderer { + cursor: pointer; + } + + ytd-donation-unavailable-renderer { + display: block; + } + + #wrapper.ytd-donation-unavailable-renderer { + background-color: var(--yt-spec-general-background-b); + padding: 12px 16px; + } + + #message.ytd-donation-unavailable-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-survey-trigger-renderer { + display: none; + } + + ytd-info-panel-container-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-info-panel-container-renderer[background=GRAY] { + border: none; + } + + ytd-info-panel-container-renderer[background=BLUE] .header.ytd-info-panel-container-renderer { + background: var(--yt-spec-suggested-action); + } + + ytd-info-panel-container-renderer[background=GRAY] .header.ytd-info-panel-container-renderer { + background: var(--yt-spec-general-background-c); + color: var(--yt-spec-text-secondary); + border-bottom: none; + } + + .header.ytd-info-panel-container-renderer { + color: var(--yt-spec-text-primary); + height: 36px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding-left: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .header-left-items.ytd-info-panel-container-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .header-icon.ytd-info-panel-container-renderer { + margin-right: 8px; + } + + ytd-limited-state-message-renderer { + display: inline-block; + background-color: var(--yt-spec-general-background-b); + padding: 16px 8px 8px 16px; + } + + #header.ytd-limited-state-message-renderer { + padding-bottom: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + yt-icon.ytd-limited-state-message-renderer { + color: var(--yt-spec-static-ad-yellow); + padding-right: 8px; + } + + #title.ytd-limited-state-message-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #subtext.ytd-limited-state-message-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #action-buttons.ytd-limited-state-message-renderer { + padding-top: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #action-buttons.ytd-limited-state-message-renderer ytd-button-renderer.ytd-limited-state-message-renderer:not(:last-child) { + padding-right: 8px; + } + + ytd-action-basic-immersive-content-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding-top: 56px; + padding-bottom: 68px; + } + + #icon.ytd-action-basic-immersive-content-renderer { + border-radius: 50%; + background-color: transparent; + overflow: hidden; + height: 70px; + width: 70px; + } + + #headline.ytd-action-basic-immersive-content-renderer { + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + color: var(--yt-spec-text-primary); + margin-top: 16px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + #desc.ytd-action-basic-immersive-content-renderer { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + color: var(--yt-spec-text-secondary); + margin-top: 12px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + #action.ytd-action-basic-immersive-content-renderer { + margin-top: 56px; + } + + ytd-action-basic-immersive-content-renderer:not([enable-colors]) #action.ytd-action-basic-immersive-content-renderer { + background-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary-inverse); + } + + ytd-action-engagement-panel-content-renderer { + display: block; + } + + #sitelinks.ytd-action-engagement-panel-content-renderer ytd-sitelink-renderer.ytd-action-engagement-panel-content-renderer:not(:first-child) { + padding-top: 16px; + } + + #sitelinks.ytd-action-engagement-panel-content-renderer { + padding-left: 16px; + padding-top: 24px; + padding-bottom: 24px; + } + + #footer.ytd-action-engagement-panel-content-renderer { + background-color: var(--yt-spec-brand-background-primary); + padding: 12px; + } + + #action.ytd-action-engagement-panel-content-renderer ytd-button-renderer.ytd-action-engagement-panel-content-renderer { + width: 100%; + } + + ytd-sitelink-renderer { + display: block; + } + + #desc.ytd-sitelink-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #open-icon.ytd-sitelink-renderer { + padding-left: 4px; + --iron-icon-width: 15px; + --iron-icon-height: 15px; + } + + .remove-default-button-style.ytd-sitelink-renderer { + background-color: inherit; + border-style: none; + font-family: inherit; + padding: 0; + } + + #sitelink.ytd-sitelink-renderer { + color: var(--yt-spec-call-to-action); + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #clickable-area.ytd-sitelink-renderer { + cursor: pointer; + text-align: left; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-ads-engagement-panel-content-renderer { + display: block; + } + + ytd-search-in-video-renderer { + display: block; + max-height: 224px; + background: var(--yt-spec-general-background-a); + border-top: 1px solid var(--yt-spec-10-percent-layer); + --paper-input-container-floated-label-placeholder-display: none; + --paper-input-container-underline-display: none; + --paper-input-container-underline-focus-display: none; + } + + .snippets-wrapper.ytd-search-in-video-renderer { + max-height: 180px; + overflow-y: auto; + overflow-x: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .input-container.ytd-search-in-video-renderer { + margin: 0 12px 0 16px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + .icon.ytd-search-in-video-renderer { + vertical-align: baseline; + padding-right: 8px; + color: var(--yt-spec-text-primary); + } + + .snippet-item.highlighted.ytd-search-in-video-renderer { + border-left: 3px solid var(--yt-spec-themed-blue); + } + + .snippet-item.highlighted.ytd-search-in-video-renderer .start-time-text.ytd-search-in-video-renderer { + color: var(--yt-spec-text-primary); + } + + .snippet-item.highlighted.ytd-search-in-video-renderer { + padding-left: 0; + } + + .snippet-item.ytd-search-in-video-renderer:hover .start-time-text.ytd-search-in-video-renderer { + color: var(--yt-spec-call-to-action); + } + + .snippet-item.ytd-search-in-video-renderer:hover .snippet-text.ytd-search-in-video-renderer { + background-color: var(--yt-spec-badge-chip-background); + } + + .snippet-item.ytd-search-in-video-renderer { + padding: 8px 16px 8px 3px; + -ms-flex-align: baseline; + -webkit-align-items: baseline; + align-items: baseline; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .start-time-text.ytd-search-in-video-renderer { + color: var(--yt-spec-text-secondary); + margin: 0 16px 0 12px; + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + .snippet-text.ytd-search-in-video-renderer { + margin-left: 12px; + color: var(--yt-spec-text-primary); + } + + .no-results-item.ytd-search-in-video-renderer { + color: var(--yt-spec-text-disabled); + padding: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-product-list-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + padding: 8px; + } + + ytd-product-list-item-renderer:hover { + background: var(--yt-spec-badge-chip-background); + } + + #container.ytd-product-list-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #product-thumbnail.ytd-product-list-item-renderer { + background-color: var(--yt-spec-brand-background-solid); + margin-right: 8px; + height: 80px; + width: 80px; + } + + yt-img-shadow.ytd-product-list-item-renderer { + overflow: hidden; + height: 80px; + width: 80px; + } + + #product-info.ytd-product-list-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #product-title.ytd-product-list-item-renderer { + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #brand-name.ytd-product-list-item-renderer { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + color: var(--yt-spec-text-secondary); + margin-top: 4px; + } + + #call-to-action.ytd-product-list-item-renderer { + margin-top: 8px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + color: var(--yt-spec-themed-blue); + } + + ytd-product-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + overflow-y: auto; + } + + ytd-product-list-renderer::-webkit-scrollbar-thumb { + height: 56px; + background: var(--yt-opalescence-grey-opacity-lighten-3); + } + + ytd-product-list-renderer::-webkit-scrollbar { + width: 8px; + } + + #contents.ytd-product-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + } + + ytd-transcript-body-renderer { + display: block; + overflow-y: auto; + } + + ytd-transcript-body-renderer:not([panel]) { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-transcript-body-renderer:not([refresh]) { + padding: 16px; + } + + ytd-transcript-body-renderer[refresh] { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .cue-group.ytd-transcript-body-renderer { + -ms-flex-align: baseline; + -webkit-align-items: baseline; + align-items: baseline; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-transcript-body-renderer[refresh] .cue-group.ytd-transcript-body-renderer { + padding: 8px 16px 8px 3px; + } + + ytd-transcript-body-renderer[refresh] .cue-group.active.ytd-transcript-body-renderer { + color: var(--yt-spec-text-primary); + padding-left: 0; + border-left: 3px solid var(--yt-spec-themed-blue); + background-color: var(--yt-spec-badge-chip-background); + } + + ytd-transcript-body-renderer:not([refresh]) .cue-group.ytd-transcript-body-renderer:not(:first-child) { + margin-top: 16px; + } + + .cue-group-start-offset.ytd-transcript-body-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-transcript-body-renderer[hide-timestamps] .cue-group-start-offset.ytd-transcript-body-renderer { + display: none; + } + + ytd-transcript-body-renderer:not([refresh]) .cue-group-start-offset.ytd-transcript-body-renderer { + margin-right: 20px; + } + + ytd-transcript-body-renderer[refresh] .cue-group-start-offset.ytd-transcript-body-renderer { + margin: 0 16px 0 12px; + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + ytd-transcript-body-renderer[refresh] .cue-group.active.ytd-transcript-body-renderer .cue-group-start-offset.ytd-transcript-body-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-transcript-body-renderer[refresh] .cue-group.ytd-transcript-body-renderer:hover .cue-group-start-offset.ytd-transcript-body-renderer { + color: var(--yt-spec-call-to-action); + } + + .cues.ytd-transcript-body-renderer { + overflow: hidden; + overflow-wrap: break-word; + } + + ytd-transcript-body-renderer[refresh] .cues.ytd-transcript-body-renderer { + margin-left: 12px; + } + + .cues.ytd-transcript-body-renderer { + overflow: hidden; + overflow-wrap: break-word; + } + + .cue.ytd-transcript-body-renderer { + display: inline; + cursor: pointer; + color: var(--yt-spec-text-primary); + } + + ytd-transcript-body-renderer:not([refresh]) .cue.ytd-transcript-body-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .cue.ytd-transcript-body-renderer:hover,ytd-transcript-body-renderer:not([refresh]) .cue.active.ytd-transcript-body-renderer { + background-color: var(--ytd-transcript-cue-hover-background-color); + } + + ytd-transcript-body-renderer[refresh] .cue.active.ytd-transcript-body-renderer { + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + ytd-transcript-body-renderer::-webkit-scrollbar-thumb { + height: 56px; + background: var(--yt-opalescence-grey-opacity-lighten-3); + } + + ytd-transcript-body-renderer::-webkit-scrollbar { + width: 8px; + } + + ytd-transcript-footer-renderer { + padding-left: 16px; + color: var(--ytd-transcript-toolbar-text); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-transcript-footer-renderer:not([panel]) { + height: var(--ytd-toolbar-height); + background-color: var(--ytd-transcript-toolbar-background-color); + } + + ytd-transcript-footer-renderer[panel] { + height: 48px; + background-color: var(--yt-spec-brand-background-primary); + } + + #menu.ytd-transcript-footer-renderer,yt-sort-filter-sub-menu-renderer.ytd-transcript-footer-renderer { + max-width: 100%; + } + + ytd-transcript-header-renderer { + height: var(--ytd-toolbar-height); + padding-left: 16px; + background-color: var(--yt-spec-general-background-a); + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #title.ytd-transcript-header-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-transcript-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-transcript-renderer[panel],ytd-transcript-renderer[panel] #body.ytd-transcript-renderer { + overflow: hidden; + -ms-flex: 1 1 0%; + -webkit-flex: 1 1 0%; + flex: 1 1 0%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #body.ytd-transcript-renderer { + background-color: var(--yt-transcript-background); + } + + ytd-transcript-renderer[refresh] #body.ytd-transcript-renderer { + background-color: transparent; + } + + ytd-transcript-renderer:not([panel]) #body.ytd-transcript-renderer { + overflow: hidden; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-media-upsell-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + max-width: 420px; + } + + ytd-media-upsell-renderer[should-fit-height] .details-wrapper.ytd-media-upsell-renderer { + height: 130px; + } + + .details-wrapper.ytd-media-upsell-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + padding: 16px; + } + + .details.ytd-media-upsell-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + justify-content: space-between; + margin: 0 0 0 12px; + } + + .metadata-wrapper.ytd-media-upsell-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .media-thumbnail.ytd-media-upsell-renderer { + max-width: 160px; + } + + #media-title.ytd-media-upsell-renderer { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + color: var(--yt-spec-text-primary); + margin: 0 0 4px 0; + } + + #metadata.ytd-media-upsell-renderer { + display: block; + max-height: calc(2 * var(--yt-user-comment-line-height, 2.1rem)); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-spec-text-secondary); + margin: 0 0 12px 0; + } + + #synopsis.ytd-media-upsell-renderer { + color: var(--yt-spec-text-secondary); + } + + #expander.ytd-media-upsell-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + margin: 0 16px; + } + + .more-button.ytd-media-upsell-renderer,.less-button.ytd-media-upsell-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-engagement-panel-section-list-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-engagement-panel-section-list-renderer[visibility=ENGAGEMENT_PANEL_VISIBILITY_HIDDEN] { + display: none; + } + + #content.ytd-engagement-panel-section-list-renderer { + background-color: var(--yt-spec-general-background-a); + overflow: hidden; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-engagement-panel-section-list-renderer[visibility=ENGAGEMENT_PANEL_VISIBILITY_COLLAPSED] #content.ytd-engagement-panel-section-list-renderer { + display: none; + } + + ytd-engagement-panel-section-list-renderer[scrimmed] { + position: relative; + z-index: 601; + } + + ytd-ad-engagement-panel-banner-renderer { + display: block; + } + + .banner-click-container.ytd-ad-engagement-panel-banner-renderer,.banner-image.ytd-ad-engagement-panel-banner-renderer { + height: 100%; + width: 100%; + } + + ytd-engagement-panel-ad-subtitle-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #ad-badge.ytd-engagement-panel-ad-subtitle-renderer { + margin-right: 4px; + } + + #ad-badge-text.ytd-engagement-panel-ad-subtitle-renderer { + color: var(--yt-spec-static-brand-white); + margin-right: 4px; + overflow: visible; + padding-top: 1px; + font-size: 1.2rem; + font-weight: 500; + line-height: 1.5rem; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #ad-info-button.ytd-engagement-panel-ad-subtitle-renderer { + height: 16px; + margin-right: 8px; + } + + #subtitle.ytd-engagement-panel-ad-subtitle-renderer { + color: var(--yt-spec-text-secondary); + padding-top: 1px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-engagement-panel-title-header-renderer { + display: block; + } + + #header.ytd-engagement-panel-title-header-renderer { + display: block; + padding: 4px 2px 4px 16px; + color: var(--yt-spec-text-primary); + background-color: var(--yt-spec-brand-background-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #icon.ytd-engagement-panel-title-header-renderer { + height: 40px; + margin: 8px 12px 8px 0; + width: 40px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #title-container.ytd-engagement-panel-title-header-renderer { + margin: 10px 8px 10px 0px; + overflow: hidden; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #title.ytd-engagement-panel-title-header-renderer { + white-space: var(--ytd-subheadline-one-line-ellipsis_-_white-space); text-overflow: var(--ytd-subheadline-one-line-ellipsis_-_text-overflow); display: var(--ytd-subheadline-one-line-ellipsis_-_display); max-height: var(--ytd-subheadline-one-line-ellipsis_-_max-height); overflow: var(--ytd-subheadline-one-line-ellipsis_-_overflow); font-size: var(--ytd-subheadline-one-line-ellipsis_-_font-size); font-weight: var(--ytd-subheadline-one-line-ellipsis_-_font-weight); line-height: var(--ytd-subheadline-one-line-ellipsis_-_line-height); letter-spacing: var(--ytd-subheadline-one-line-ellipsis_-_letter-spacing); + } + + #action-button.ytd-engagement-panel-title-header-renderer { + margin: 10px 8px 10px 0px; + } + + #action-button.ytd-engagement-panel-title-header-renderer ytd-button-renderer.ytd-engagement-panel-title-header-renderer { + --yt-paper-button-height: 32px; + } + + #menu.ytd-engagement-panel-title-header-renderer:not(:empty) { + margin-right: 8px; + } + + #menu.ytd-engagement-panel-title-header-renderer { + --ytd-menu-renderer-button-color: var(--yt-spec-icon-active-other); + } + + #visibility-button.ytd-engagement-panel-title-header-renderer,#information-button.ytd-engagement-panel-title-header-renderer { + --yt-button-color: var(--yt-spec-icon-active-other); + } + + ytd-engagement-panel-title-header-renderer[disable-default-colors] #visibility-button.ytd-engagement-panel-title-header-renderer { + --yt-button-color: initial; + } + + ytd-engagement-panel-title-header-renderer[disable-default-colors] #menu.ytd-engagement-panel-title-header-renderer { + --ytd-menu-renderer-button-color: initial; + } + + ytd-macro-markers-list-item-renderer { + display: block; + padding: 8px 8px 8px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -moz-box-orient: horizontal; + -moz-box-direction: normal; + flex-direction: row; + -ms-flex: none; + -webkit-flex: none; + -webkit-box-flex: 0; + -moz-box-flex: 0; + flex: none; + } + + ytd-macro-markers-list-item-renderer:hover,ytd-macro-markers-list-item-renderer[active] { + background: var(--yt-spec-badge-chip-background); + } + + #endpoint.ytd-macro-markers-list-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -moz-box-orient: horizontal; + -moz-box-direction: normal; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + -webkit-box-flex: 1; + -moz-box-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + -ms-flex-preferred-size: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -moz-box-align: center; + align-items: center; + } + + #active-indicator.ytd-macro-markers-list-item-renderer { + background: var(--yt-spec-themed-blue); + height: 6px; + width: 6px; + border-radius: 6px; + margin: 0 5px; + } + + ytd-macro-markers-list-item-renderer:not([active]) #active-indicator.ytd-macro-markers-list-item-renderer { + visibility: hidden; + } + + #thumbnail.ytd-macro-markers-list-item-renderer { + height: 56px; + width: 100px; + background: #000; + } + + ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer { + outline: 2px solid var(--yt-spec-themed-blue); + } + + #details.ytd-macro-markers-list-item-renderer { + min-width: 0; + margin-left: 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + -webkit-box-flex: 1; + -moz-box-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + -ms-flex-preferred-size: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -moz-box-orient: vertical; + -moz-box-direction: normal; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + -webkit-box-pack: center; + -moz-box-pack: center; + justify-content: center; + } + + h4.ytd-macro-markers-list-item-renderer { + margin-bottom: 8px; + color: var(--yt-spec-text-primary); + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #time.ytd-macro-markers-list-item-renderer { + padding: 2px 6px; + border-radius: 2px; + color: var(--yt-spec-themed-blue); + background-color: var(--yt-spec-suggested-action); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + } + + #menu.ytd-macro-markers-list-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -moz-box-orient: vertical; + -moz-box-direction: normal; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + -webkit-box-pack: center; + -moz-box-pack: center; + justify-content: center; + } + + ytd-macro-markers-list-renderer { + position: relative; + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -moz-box-orient: vertical; + -moz-box-direction: normal; + flex-direction: column; + } + + #contents.ytd-macro-markers-list-renderer { + overflow-y: auto; + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -moz-box-orient: vertical; + -moz-box-direction: normal; + flex-direction: column; + } + + ytd-macro-markers-list-renderer,#contents.ytd-macro-markers-list-renderer { + -ms-flex: 1 1 0%; + -webkit-flex: 1 1 0%; + -webkit-box-flex: 1; + -moz-box-flex: 1; + flex: 1 1 0%; + } + + ytd-macro-markers-list-renderer[browsing-mode] #contents.ytd-macro-markers-list-renderer { + padding-bottom: 60px; + } + + #sync-container.ytd-macro-markers-list-renderer { + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 60px; + -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.05, 0, 0, 1); + transition: -webkit-transform 0.2s cubic-bezier(0.05, 0, 0, 1); + transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1); + transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1), -webkit-transform 0.2s cubic-bezier(0.05, 0, 0, 1); + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -moz-box-orient: horizontal; + -moz-box-direction: normal; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -moz-box-align: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + -webkit-box-pack: center; + -moz-box-pack: center; + justify-content: center; + } + + ytd-macro-markers-list-renderer:not([browsing-mode]) #sync-container.ytd-macro-markers-list-renderer { + -webkit-transform: translateY(60px); + transform: translateY(60px); + } + + #sync-button.ytd-macro-markers-list-renderer { + color: var(--yt-spec-text-primary-inverse); + background: var(--yt-spec-themed-blue); + padding: 8px 12px; + border-radius: 28px; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2); + cursor: pointer; + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + yt-clip-attribution-renderer { + --yt-img-border-radius: 24px; + + display: inline-block; + + display: var(--layout-vertical_-_display, inline-block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #top.yt-clip-attribution-renderer,#bottom.yt-clip-attribution-renderer,#buttons.yt-clip-attribution-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #main.yt-clip-attribution-renderer { + padding: var(--ytd-margin-4x) 0 0 0; + } + + #top.yt-clip-attribution-renderer { + color: var(--yt-spec-text-secondary); + padding: 0 var(--ytd-margin-4x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #author-container.yt-clip-attribution-renderer { + display: var(--layout_-_display); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #author-avatar.yt-clip-attribution-renderer { + margin-right: var(--ytd-margin-4x); + } + + #author.yt-clip-attribution-renderer { + color: var(--yt-spec-text-primary); + margin: 0 0 var(--ytd-margin-base) 0; + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #details.yt-clip-attribution-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); + } + + #title.yt-clip-attribution-renderer { + display: inline-block; + color: var(--yt-spec-text-primary); + margin: var(--ytd-margin-4x); + margin-bottom: var(--ytd-margin-base); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #bottom.yt-clip-attribution-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); + } + + #menu.yt-clip-attribution-renderer { + flex-shrink: 0; + } + + #view-count.yt-clip-attribution-renderer { + color: var(--yt-spec-text-secondary); + margin: 0 var(--ytd-margin-4x); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #under.yt-clip-attribution-renderer { + padding: var(--ytd-margin-2x) var(--ytd-margin-4x); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-end_-_-ms-flex-align); -webkit-align-items: var(--layout-end_-_-webkit-align-items); align-items: var(--layout-end_-_align-items); + } + + yt-clip-ad-state-renderer { + background-color: var(--yt-spec-themed-overlay-background); + color: var(--yt-spec-text-primary); + + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-pack: var(--layout-around-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-around-justified_-_-webkit-justify-content); justify-content: var(--layout-around-justified_-_justify-content); + } + + #message.yt-clip-ad-state-renderer { + margin: var(--ytd-margin-4x); + text-align: center; + + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #title.yt-clip-ad-state-renderer { + margin-bottom: var(--ytd-margin-2x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #body.yt-clip-ad-state-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-clip-creation-scrubber-view { + color: var(--yt-spec-text-secondary); + + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); + -ms-align-self: var(--layout-self-stretch_-_-ms-align-self); -webkit-align-self: var(--layout-self-stretch_-_-webkit-align-self); align-self: var(--layout-self-stretch_-_align-self); + } + + #duration.yt-clip-creation-scrubber-view { + font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); + } + + #trimmer.yt-clip-creation-scrubber-view { + position: relative; + user-select: none; + height: 84px; + margin: 16px 0 12px; + + -ms-align-self: var(--layout-self-stretch_-_-ms-align-self); -webkit-align-self: var(--layout-self-stretch_-_-webkit-align-self); align-self: var(--layout-self-stretch_-_align-self); + } + + #ruler.yt-clip-creation-scrubber-view { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 82px; + } + + #handles.yt-clip-creation-scrubber-view { + position: absolute; + height: 60px; + bottom: 0; + border: 2px solid var(--yt-spec-call-to-action); + border-left: none; + border-right: none; + box-sizing: border-box; + } + + #handles.yt-clip-creation-scrubber-view:not([disabled]).yt-clip-creation-scrubber-view { + cursor: grab; + } + + yt-clip-creation-scrubber-view[dragging-window_]:not([disabled]) #handles.yt-clip-creation-scrubber-view { + cursor: grabbing; + } + + .handle.yt-clip-creation-scrubber-view { + position: absolute; + top: -8px; + bottom: -2px; + width: 0; + padding: 0 2px; + border: 2px solid var(--yt-spec-call-to-action); + border-top: none; + border-bottom: none; + } + + .handle.yt-clip-creation-scrubber-view:not([disabled]).yt-clip-creation-scrubber-view { + cursor: ew-resize; + } + + #handle-left.yt-clip-creation-scrubber-view { + left: -1px; + border-right: none; + } + + #handle-right.yt-clip-creation-scrubber-view { + right: -1px; + border-left: none; + } + + #playhead.yt-clip-creation-scrubber-view { + display: block; + position: absolute; + height: 60px; + bottom: 0; + width: 0; + margin-left: -1px; + border-right: 2px solid var(--yt-spec-brand-link-text); + } + + #ticks.yt-clip-creation-scrubber-view:not([disabled]).yt-clip-creation-scrubber-view { + cursor: grab; + } + + yt-clip-creation-scrubber-view[dragging-ruler_]:not([disabled]) #ticks.yt-clip-creation-scrubber-view { + cursor: grabbing; + } + + yt-clip-creation-scrubber-renderer { + color: var(--yt-spec-text-secondary); + + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); + } + + #text-inputs.yt-clip-creation-scrubber-renderer { + min-width: 300px; + width: calc(100% - 64px); + max-width: 600px; + margin: 0 auto; + + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #spacer.yt-clip-creation-scrubber-renderer { + margin: 0 var(--ytd-margin-2x); + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + iron-input.yt-clip-creation-scrubber-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + input.yt-clip-creation-scrubber-renderer { + display: inline-block; + padding: var(--ytd-margin-3x); + width: 100%; + box-sizing: border-box; + + + margin: 1px 0; + + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 4px; + outline: none; + + background-color: transparent; + color: var(--yt-spec-text-primary); + text-align: center; + + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + input.yt-clip-creation-scrubber-renderer:focus,yt-clip-creation-scrubber-renderer[highlight-start] #start.yt-clip-creation-scrubber-renderer,yt-clip-creation-scrubber-renderer[highlight-end] #end.yt-clip-creation-scrubber-renderer { + margin: 0; + border-color: var(--yt-spec-text-secondary); + border-width: 2px; + } + + #warning-start.yt-clip-creation-scrubber-renderer,#warning-end.yt-clip-creation-scrubber-renderer { + visibility: hidden; + margin: var(--ytd-margin-2x); + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + yt-clip-creation-scrubber-renderer[start-will-update] #warning-start.yt-clip-creation-scrubber-renderer,yt-clip-creation-scrubber-renderer[end-will-update] #warning-end.yt-clip-creation-scrubber-renderer { + visibility: visible; + } + + yt-clip-creation-text-input-renderer { + display: inline-block; + } + + paper-textarea.yt-clip-creation-text-input-renderer { + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-color: var(--yt-spec-10-percent-layer); + --paper-input-container-focus-color: var(--yt-spec-text-disabled); + + --paper-input-container-input_-_margin-bottom: var(--ytd-margin-2x); --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial;; + + --paper-input-container-underline_-_border-bottom: 1px solid var(--yt-spec-10-percent-layer); --paper-input-container-underline_-_box-sizing: initial; --paper-input-container-underline_-_display: initial; --paper-input-container-underline_-_background: initial; --paper-input-container-underline_-_height: initial; + + --paper-input-container-underline-focus_-_border-color: var(--yt-spec-text-secondary); --paper-input-container-underline-focus_-_display: initial; + + --paper-input-char-counter_-_color: var(--yt-spec-text-disabled); --paper-input-char-counter_-_margin-top: var(--ytd-margin-2x); --paper-input-char-counter_-_font-size: initial; --paper-input-char-counter_-_font-weight: initial; --paper-input-char-counter_-_line-height: initial; --paper-input-char-counter_-_letter-spacing: initial; --paper-input-char-counter_-_text-transform: initial; --paper-input-char-counter_-_margin-right: initial; --paper-input-char-counter_-_height: initial;; + + --paper-input-container-label_-_color: var(--yt-spec-text-disabled); --paper-input-container-label_-_font-size: initial; --paper-input-container-label_-_font-weight: initial; --paper-input-container-label_-_line-height: initial; --paper-input-container-label_-_letter-spacing: initial; --paper-input-container-label_-_opacity: initial; --paper-input-container-label_-_padding: initial;; + } + + yt-clip-creation-renderer { + position: relative; + --clip-avatar-height: 32px; + } + + #ad-state.yt-clip-creation-renderer { + display: none; + } + + yt-clip-creation-renderer[is-ad-playing] #ad-state.yt-clip-creation-renderer { + display: initial; + } + + #ad-state.yt-clip-creation-renderer,#ad-state.yt-clip-creation-renderer yt-clip-ad-state-renderer.yt-clip-creation-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + yt-clip-creation-renderer,#container.yt-clip-creation-renderer { + overflow: hidden; + + + -ms-flex: 1 1 0%; + -webkit-flex: 1 1 0%; + flex: 1 1 0%; + + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #container.yt-clip-creation-renderer { + padding: var(--ytd-margin-4x); + overflow-y: auto; + } + + #title.yt-clip-creation-renderer { + margin: 0 0 var(---ytd-margin) 0; + + -ms-align-self: var(--layout-self-stretch_-_-ms-align-self); -webkit-align-self: var(--layout-self-stretch_-_-webkit-align-self); align-self: var(--layout-self-stretch_-_align-self); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + #title.yt-clip-creation-renderer .left-container.yt-clip-creation-renderer { + display: var(--layout_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #title-input.yt-clip-creation-renderer yt-clip-creation-text-input-renderer.yt-clip-creation-renderer { + max-width: 100%; + } + + #user-avatar.yt-clip-creation-renderer { + --yt-img-border-radius: calc(var(--clip-avatar-height) / 2); + margin: 0 var(--ytd-margin-4x) 0 0; + + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #display-name.yt-clip-creation-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-guide-highlight_-_font-size); font-weight: var(--ytd-guide-highlight_-_font-weight); line-height: var(--ytd-guide-highlight_-_line-height); letter-spacing: var(--ytd-guide-highlight_-_letter-spacing); + } + + #publicity-label.yt-clip-creation-renderer { + color: var(--yt-spec-text-disabled); + font-size: 1.4rem; + } + + #title-input.yt-clip-creation-renderer { + display: var(--layout_-_display); + } + + yt-clip-creation-text-input-renderer.yt-clip-creation-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + -ms-align-self: var(--layout-self-stretch_-_-ms-align-self); -webkit-align-self: var(--layout-self-stretch_-_-webkit-align-self); align-self: var(--layout-self-stretch_-_align-self); + } + + #scrubber.yt-clip-creation-renderer { + direction: ltr; + max-width: 100%; + margin: var(--ytd-margin-2x) 0; + } + + #share.yt-clip-creation-renderer { + margin-left: var(--ytd-margin-4x); + + -ms-align-self: var(--layout-self-end_-_-ms-align-self); -webkit-align-self: var(--layout-self-end_-_-webkit-align-self); align-self: var(--layout-self-end_-_align-self); + } + + #footer.yt-clip-creation-renderer { + background-color: var(--yt-spec-brand-background-solid); + padding: var(--ytd-margin-2x); + + display: var(--layout_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + yt-clip-section-footer-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + #buttons.yt-clip-section-footer-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + } + + #buttons.yt-clip-section-footer-renderer > yt-button-renderer.yt-clip-section-footer-renderer { + margin: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) 0; + } + + yt-clip-section-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-clip-section-renderer,#contents.yt-clip-section-renderer { + overflow: hidden; + + -ms-flex: 1 1 0%; + -webkit-flex: 1 1 0%; + flex: 1 1 0%; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #contents.yt-clip-section-renderer yt-clip-attribution-renderer.yt-clip-section-renderer { + overflow-y: auto; + } + + ytd-alert-with-button-renderer { + padding: 8px 8px 8px 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-alert-with-button-renderer[type=INFO],ytd-alert-with-button-renderer[type=SUCCESS] { + background-color: var(--yt-spec-general-background-a); + } + + ytd-alert-with-button-renderer[is-displayed] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + ytd-alert-with-button-renderer:not([is-displayed]) { + display: none; + } + + #buttons.ytd-alert-with-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #text.ytd-alert-with-button-renderer { + color: var(--yt-spec-text-primary); + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #button.ytd-alert-with-button-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + ytd-button-renderer.ytd-alert-with-button-renderer yt-icon.ytd-alert-with-button-renderer { + color: var(--yt-spec-icon-inactive); + width: 24px; + height: 24px; + } + + ytd-button-renderer.ytd-alert-with-button-renderer:not(.style-primary):hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-merch-shelf-renderer { + display: block; + position: relative; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding-bottom: 8px; + margin-top: -26px; + background-color: var(--yt-spec-general-background-a); + } + + #banner.ytd-merch-shelf-renderer { + height: 24px; + padding-bottom: 9px; + margin-left: 64px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #flagging-menu.ytd-merch-shelf-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + #title.ytd-merch-shelf-renderer { + display: block; + text-overflow: ellipsis; + overflow-x: hidden; + white-space: nowrap; + color: var(--yt-spec-text-primary); + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #info-container.ytd-merch-shelf-renderer { + padding-left: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #info-icon.ytd-merch-shelf-renderer { + color: var(--yt-opalescence-grey-opacity-lighten-1); + height: 14px; + width: 14px; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + #banner-spacer.ytd-merch-shelf-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #sponsored-text.ytd-merch-shelf-renderer { + text-transform: uppercase; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + #banner-info-tooltip.ytd-merch-shelf-renderer { + width: 336px; + } + + #item-list.ytd-merch-shelf-renderer { + margin-left: 60px; + } + + ytd-merch-shelf-renderer[collapsed] #scroll-container.ytd-merch-shelf-renderer { + visibility: hidden; + max-height: 0px; + } + + #scroll-container.ytd-merch-shelf-renderer { + overflow: hidden; + } + + #items.ytd-merch-shelf-renderer { + display: inline-block; + transition-duration: 0.15s; + transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + will-change: transform; + display: inline-block; + white-space: nowrap; + will-change: unset; + } + + #items.ytd-merch-shelf-renderer[single-item] { + display: block; + } + + #left-arrow-container.ytd-merch-shelf-renderer { + left: 44px; + } + + ytd-merch-shelf-renderer[collapsed] #left-arrow-container.ytd-merch-shelf-renderer { + display: none; + } + + #right-arrow-container.ytd-merch-shelf-renderer { + right: -16px; + } + + ytd-merch-shelf-renderer[collapsed] #right-arrow-container.ytd-merch-shelf-renderer { + display: none; + } + + #left-arrow-container.ytd-merch-shelf-renderer,#right-arrow-container.ytd-merch-shelf-renderer { + position: absolute; + top: 69px; + z-index: 200; + } + + .arrow.ytd-merch-shelf-renderer { + cursor: pointer; + width: 40px; + height: 40px; + border-radius: 24px; + background-color: var(--yt-app-background); + color: var(--yt-spec-icon-inactive); + box-shadow: 0 4px 4px var(--yt-spec-10-percent-layer), 0 0 8px var(--yt-spec-10-percent-layer); + } + + .center-aligned.ytd-merch-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-miniplayer-bar-renderer { + min-height: 142px; + background: var(--yt-app-background); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #player.ytd-miniplayer-bar-renderer { + min-width: 252px; + height: 142px; + background: #000; + } + + #meta.ytd-miniplayer-bar-renderer { + margin-left: 24px; + margin-right: 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #title-row.ytd-miniplayer-bar-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #title.ytd-miniplayer-bar-renderer { + margin-top: 24px; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #scroll-up.ytd-miniplayer-bar-renderer { + margin-top: 12px; + } + + #owner.ytd-miniplayer-bar-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + display: block; + margin-top: 4px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #buttons.ytd-miniplayer-bar-renderer { + margin-top: 20px; + margin-bottom: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #menu.ytd-miniplayer-bar-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-companion-legal-text-renderer[expanded] #text.ytd-companion-legal-text-renderer { + height: auto; + } + + #text.ytd-companion-legal-text-renderer { + background-color: var(--yt-spec-general-background-b); + display: block; + height: 250px; + overflow: hidden; + padding: 8px 8px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #expand-button.ytd-companion-legal-text-renderer { + border-radius: 50%; + background-color: var(--yt-spec-brand-background-solid); + color: var(--yt-spec-icon-inactive); + height: 40px; + margin: -20px auto 0; + width: 40px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + button.ytd-companion-legal-text-renderer { + width: var(--yt-icon-width); + height: var(--yt-icon-height); + } + + ytd-action-companion-ad-renderer { + display: inline-block; + cursor: pointer; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin-bottom: 16px; + position: relative; + max-width: 402px; + width: 100%; + } + + ytd-action-companion-ad-renderer:not([hide-banner]) #action-companion-ad-info-button.ytd-action-companion-ad-renderer { + background-color: var(--yt-spec-general-background-a); + } + + #action-companion-ad-info-button.ytd-action-companion-ad-renderer { + position: absolute; + right: 0px; + top: 0px; + } + + #action-companion-click-target.ytd-action-companion-ad-renderer { + display: block; + } + + #banner.ytd-action-companion-ad-renderer { + --yt-img-max-height: 200px; + display: block; + min-height: 60px; + max-height: 200px; + width: 100%; + } + + #block.ytd-action-companion-ad-renderer { + height: 48px; + padding: 16px 0; + text-align: left; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #icon.ytd-action-companion-ad-renderer { + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); + height: 48px; + width: 48px; + } + + #text.ytd-action-companion-ad-renderer { + margin: 0 12px; + text-align: left; + vertical-align: top; + overflow: hidden; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + a.ytd-action-companion-ad-renderer,a.ytd-action-companion-ad-renderer:link,a.ytd-action-companion-ad-renderer:visited,a.ytd-action-companion-ad-renderer:hover,a.ytd-action-companion-ad-renderer:focus,a.ytd-action-companion-ad-renderer:active { + text-decoration: none; + } + + #header.ytd-action-companion-ad-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 4px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #desc.ytd-action-companion-ad-renderer { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #domain.ytd-action-companion-ad-renderer { + color: var(--yt-spec-text-secondary); + padding-left: 3px; + } + + #action.ytd-action-companion-ad-renderer { + background-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary-inverse); + margin-top: 5px; + max-width: 250px; + } + + #ad-badge-container.ytd-action-companion-ad-renderer { + display: inline-block; + } + + ytd-companion-slot-renderer { + display: block; + } + + ytd-iframe-companion-renderer { + display: block; + position: relative; + } + + #container.ytd-iframe-companion-renderer > *.ytd-iframe-companion-renderer:last-child:not(#google_companion_ad_div) { + margin-bottom: 12px; + } + + iframe.ytd-iframe-companion-renderer { + border: none; + overflow: hidden; + vertical-align: bottom; + } + + #videowall-ad-info-button.ytd-iframe-companion-renderer { + background-color: var(--yt-spec-brand-background-solid); + position: absolute; + left: 285px; + top: 4px; + } + + ytd-image-companion-renderer { + display: block; + position: relative; + padding-bottom: 16px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin-bottom: 16px; + } + + #image-companion-ad-info-button.ytd-image-companion-renderer { + background-color: var(--yt-spec-brand-background-solid); + position: absolute; + left: 285px; + top: 0px; + } + + img.ytd-image-companion-renderer { + cursor: pointer; + } + + ytd-shopping-companion-renderer { + position: relative; + display: block; + padding-right: 16px; + margin-bottom: 12px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #shopping-companion-ad-info-button.ytd-shopping-companion-renderer { + position: absolute; + right: 4px; + top: 10px; + } + + #title.ytd-shopping-companion-renderer { + cursor: pointer; + } + + #banner.ytd-shopping-companion-renderer { + padding-bottom: 16px; + padding-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #ad-badge-container.ytd-shopping-companion-renderer { + padding-right: 8px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-shopping-companion-renderer { + text-overflow: ellipsis; + overflow-x: hidden; + white-space: nowrap; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size, var(--yt-link-font-size, 1.4rem)); font-weight: var(--ytd-subheadline_-_font-weight, 500); line-height: var(--ytd-subheadline_-_line-height, var(--ytd-link-line-height, 1.6rem)); letter-spacing: var(--ytd-subheadline_-_letter-spacing, var(--yt-link-letter-spacing, normal)); + } + + yt-horizontal-list-renderer.ytd-shopping-companion-renderer { + --ytd-horizontal-list-margin-bottom: 4px; + } + + ytd-player-legacy-desktop-watch-ads-renderer { + display: block; + } + + ytd-ticket-shelf-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + color: var(--yt-spec-text-primary); + display: block; + padding-bottom: 8px; + } + + #head.ytd-ticket-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + margin-bottom: 10px; + } + + #head.ytd-ticket-shelf-renderer #title.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-primary); + margin-left: 4px; + white-space: nowrap; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #info-container.ytd-ticket-shelf-renderer { + padding-left: 8px; + } + + #info-icon.ytd-ticket-shelf-renderer { + color: var(--yt-spec-icon-inactive); + height: 14px; + position: relative; + top: 3px; + width: 14px; + } + + #shelf-toggler.ytd-ticket-shelf-renderer { + color: var(--yt-spec-icon-active-other); + float: right; + cursor: pointer; + flex-shrink: 0; + } + + #banner-info-tooltip.ytd-ticket-shelf-renderer { + width: 336px; + } + + #head.ytd-ticket-shelf-renderer #subtitle.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-secondary); + flex-grow: 1; + margin-left: 16px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #head.ytd-ticket-shelf-renderer #subtitle-text.ytd-ticket-shelf-renderer { + display: none; + } + + #head.ytd-ticket-shelf-renderer #toggler.ytd-ticket-shelf-renderer { + color: var(--yt-spec-icon-inactive); + cursor: pointer; + flex-shrink: 0; + } + + #body.ytd-ticket-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #body.ytd-ticket-shelf-renderer a.ytd-ticket-shelf-renderer { + text-decoration: none; + } + + #primary-event.ytd-ticket-shelf-renderer { + flex-grow: 0; + margin-bottom: 4px; + padding: 4px; + width: 50%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer { + width: 100%; + } + + #primary-event.ytd-ticket-shelf-renderer #thumbnail.ytd-ticket-shelf-renderer,#primary-event.ytd-ticket-shelf-renderer #thumbnail.ytd-ticket-shelf-renderer #thumbnail-img.ytd-ticket-shelf-renderer { + min-width: 102px; + max-width: 102px; + max-height: 102px; + min-height: 102px; + overflow: hidden; + } + + ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #thumbnail.ytd-ticket-shelf-renderer,ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #thumbnail.ytd-ticket-shelf-renderer #thumbnail-img.ytd-ticket-shelf-renderer { + min-width: 56px; + max-width: 56px; + max-height: 56px; + min-height: 56px; + } + + #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer { + flex-grow: 1; + margin-left: 16px; + overflow: hidden; + display: flex; + justify-content: space-between; + } + + #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer { + margin-right: 8px; + } + + #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #tickets-button.ytd-ticket-shelf-renderer { + background-color: var(--yt-spec-call-to-action); + border-radius: 2px; + border: none; + color: var(--yt-spec-filled-button-text); + display: inline-block; + flex-shrink: 0; + font-family: Roboto, Arial, sans-serif; + height: 32px; + padding: 8px 16px; + text-decoration: none; + cursor: pointer; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #view-tickets-link.ytd-ticket-shelf-renderer { + color: var(--yt-spec-call-to-action); + white-space: nowrap; + font-family: Roboto, Arial, sans-serif; + text-decoration: none; + padding-top: 2px; + height: fit-content; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #nearest.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 4px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #subtitle1.ytd-ticket-shelf-renderer,#primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #subtitle2.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #nearest.ytd-ticket-shelf-renderer,#primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #subtitle1.ytd-ticket-shelf-renderer,#primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #subtitle2.ytd-ticket-shelf-renderer { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + #nearest-with-location.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 4px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #subtitle1.ytd-ticket-shelf-renderer { + margin-top: 8px; + margin-bottom: 8px; + } + + #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer { + flex-grow: 1; + } + + ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #tickets-button.ytd-ticket-shelf-renderer { + margin-top: 0; + margin-right: 4px; + } + + #separator.ytd-ticket-shelf-renderer { + position: relative; + top: 4px; + border-right: 1px solid var(--yt-spec-10-percent-layer); + margin-right: 8px; + padding-right: 12px; + height: 102px; + } + + ytd-ticket-shelf-renderer[showing-more] #separator.ytd-ticket-shelf-renderer { + display: none; + } + + #rest-events.ytd-ticket-shelf-renderer { + flex-grow: 1; + position: relative; + } + + #body.one-event.ytd-ticket-shelf-renderer #rest-events.ytd-ticket-shelf-renderer { + display: none; + } + + #rest-events.ytd-ticket-shelf-renderer #table.ytd-ticket-shelf-renderer table.ytd-ticket-shelf-renderer { + cursor: pointer; + } + + .when-date-column.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .when-weekday-column.ytd-ticket-shelf-renderer,.when-time-column.ytd-ticket-shelf-renderer { + display: none; + } + + .when-time-column.ytd-ticket-shelf-renderer { + text-align: end; + } + + .when-weekday-column.ytd-ticket-shelf-renderer,.when-time-column.ytd-ticket-shelf-renderer,.where-column.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .where-column-td.ytd-ticket-shelf-renderer { + width: 100%; + position: relative; + } + + .where-column-td.ytd-ticket-shelf-renderer .where-column.ytd-ticket-shelf-renderer { + position: absolute; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + left: 8px; + right: 0; + top: 4px; + } + + .when-weekday-column.ytd-ticket-shelf-renderer #time.ytd-ticket-shelf-renderer { + padding-left: 8px; + } + + .link.ytd-ticket-shelf-renderer { + color: var(--yt-spec-call-to-action); + font-weight: 700; + text-decoration: none; + margin-right: 8px; + float: right; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .venue-vendor-container.ytd-ticket-shelf-renderer { + display: flex; + } + + .venue.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-secondary); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .vendor.ytd-ticket-shelf-renderer { + color: var(--yt-spec-call-to-action); + flex-shrink: 0; + text-decoration: none; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .dot.ytd-ticket-shelf-renderer { + color: var(--yt-spec-text-secondary); + padding-left: 8px; + padding-right: 8px; + } + + .launch-icon.ytd-ticket-shelf-renderer { + height: 16px; + padding-bottom: 2px; + width: 16px; + } + + ytd-ticket-shelf-renderer[showing-more] .when-weekday-column.ytd-ticket-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-ticket-shelf-renderer[showing-more] .when-time-column.ytd-ticket-shelf-renderer { + display: inline-block; + } + + #table.ytd-ticket-shelf-renderer table.ytd-ticket-shelf-renderer td.ytd-ticket-shelf-renderer { + margin: 0; + border: none; + } + + #table.ytd-ticket-shelf-renderer table.ytd-ticket-shelf-renderer tr.ytd-ticket-shelf-renderer td.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer:first-child { + padding-left: 8px; + white-space: nowrap; + } + + #table.ytd-ticket-shelf-renderer a.ytd-ticket-shelf-renderer { + text-decoration: none; + cursor: pointer; + } + + #show-more-button.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer,#show-less-button.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer { + margin-left: 8px; + color: var(--yt-spec-text-secondary); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #table.ytd-ticket-shelf-renderer table.ytd-ticket-shelf-renderer td.ytd-ticket-shelf-renderer,#show-more-button.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer,#show-less-button.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer { + padding: 4px 0; + } + + #rest-events.ytd-ticket-shelf-renderer tr.ytd-ticket-shelf-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + #show-more-button.ytd-ticket-shelf-renderer,#show-less-button.ytd-ticket-shelf-renderer { + display: none; + } + + ytd-ticket-shelf-renderer[can-show-more] #show-more-button.ytd-ticket-shelf-renderer { + display: block; + } + + ytd-ticket-shelf-renderer[showing-more] #show-more-button.ytd-ticket-shelf-renderer { + display: none; + } + + ytd-ticket-shelf-renderer[showing-more] #show-less-button.ytd-ticket-shelf-renderer { + display: block; + } + + ytd-ticket-shelf-renderer[showing-more] #body.ytd-ticket-shelf-renderer { + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer { + flex-grow: 1; + width: 100%; + } + + @media (max-width: 656px) { + #primary-event.ytd-ticket-shelf-renderer { + max-width: 100%; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #body.ytd-ticket-shelf-renderer { + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + } + + ytd-ticket-shelf-renderer[fixie_] #primary-event.ytd-ticket-shelf-renderer { + max-width: 100%; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-ticket-shelf-renderer[fixie_] #body.ytd-ticket-shelf-renderer { + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + ytd-ticket-shelf-renderer[fixie_] #separator.ytd-ticket-shelf-renderer { + display: none; + } + + #calendar-avatar.ytd-ticket-shelf-renderer,#nearest-with-location.ytd-ticket-shelf-renderer { + cursor: pointer; + } + + #calendar-avatar-day.ytd-ticket-shelf-renderer,#calendar-avatar-month.ytd-ticket-shelf-renderer { + text-align: center; + vertical-align: middle; + width: 64px; + } + + #calendar-avatar-day.ytd-ticket-shelf-renderer { + background-color: var(--yt-spec-static-brand-white); + height: 27px; + width: 48px; + display: flex; + justify-content: center; + align-items: center; + } + + #calendar-avatar-month.ytd-ticket-shelf-renderer { + background-color: #606060; + height: 21px; + width: 48px; + display: flex; + justify-content: center; + align-items: center; + } + + #calendar-avatar-day-text.ytd-ticket-shelf-renderer { + color: var(--yt-spec-static-brand-black); + font-size: 20px; + line-height: 34px; + } + + #calendar-avatar-month-text.ytd-ticket-shelf-renderer { + color: var(--yt-spec-static-brand-white); + font-size: 12px; + line-height: 30px; + text-transform: uppercase; + } + + yt-alert-renderer { + display: block; + } + + .WARNING.yt-alert-renderer { + background-color: #f5d562; + } + + .ERROR.yt-alert-renderer { + background-color: #b91f1f; + } + + .SUCCESS.yt-alert-renderer { + background-color: #167ac6; + } + + .INFO.yt-alert-renderer { + background-color: #167ac6; + } + + #container.yt-alert-renderer { + padding: var(--ytd-margin-3x); + } + + yt-formatted-string.yt-alert-renderer { + color: #FFF; + font-weight: bold; + font-size: 13px; + } + + .WARNING.yt-alert-renderer yt-formatted-string.yt-alert-renderer { + color: #000; + } + + ytd-browse { + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-browse[page-subtype=hashtag-landing-page] { + --ytd-background-promo-renderer-icon-width: auto; + --ytd-background-promo-renderer-icon-height: auto; + } + + ytd-browse[page-subtype=channels] { + background: var(--yt-spec-general-background-b); + } + + ytd-browse[page-subtype=WEB_PAGE_TYPE_SETTINGS] { + margin-left: 240px; + } + + ytd-browse[page-subtype=playlist] { + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #header.ytd-browse { + width: 100%; + z-index: 2000; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #header.ytd-browse > *.ytd-browse { + width: 100%; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #masthead-ad.ytd-browse { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #masthead-ad.ytd-browse { + width: 100%; + -ms-flex: none; + -webkit-flex: none; + flex: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-video-masthead-ad-v3-renderer.ytd-browse { + margin: 24px 20px 0 16px; + } + + ytd-playlist-sidebar-renderer.ytd-browse,ytd-settings-sidebar-renderer.ytd-browse { + position: fixed; + left: 0; + height: calc(100vh - var(--ytd-toolbar-height)); + } + + ytd-browse[mini-guide-visible] ytd-playlist-sidebar-renderer.ytd-browse { + left: 72px; + } + + ytd-browse[guide-persistent-and-visible] ytd-playlist-sidebar-renderer.ytd-browse { + left: var(--app-drawer-width); + } + + #alerts.ytd-browse,#alert-banner.ytd-browse { + width: 100%; + } + + #alerts.ytd-browse yt-alert-renderer.ytd-browse { + padding: 16px; + } + + ytd-two-column-browse-results-renderer.ytd-browse { + padding-bottom: var(--ytd-miniplayer-offset, 0); + } + + ytd-browse[page-subtype~=red] ytd-two-column-browse-results-renderer.ytd-browse { + width: 100%; + } + + ytd-browse[page-subtype~=memberships-and-purchases] ytd-two-column-browse-results-renderer.ytd-browse { + max-width: 700px; + } + + ytd-browse[page-subtype=playlist] { + position: relative; + } + + ytd-browse[page-subtype=playlist] ytd-two-column-browse-results-renderer.ytd-browse { + width: 100%; + min-width: 0; + box-sizing: border-box; + padding-left: 417px; + margin: 0; + background-color: var(--yt-spec-general-background-b); + min-height: calc(100vh - var(--ytd-toolbar-height)); + } + + ytd-browse[page-subtype=playlist][has-sidebar_] #alerts.ytd-browse,ytd-browse[page-subtype=playlist][has-sidebar_] #alert-banner.ytd-browse { + padding-left: 417px; + box-sizing: border-box; + width: 100%; + } + + ytd-browse[page-subtype=playlist] #alerts.ytd-browse yt-alert-renderer.ytd-browse { + padding: 16px 16px 0; + } + + ytd-browse[page-subtype~=channels] ytd-two-column-browse-results-renderer.ytd-browse { + min-height: calc(100vh - 56px - 48px - 16px); + } + + ytd-browse[page-subtype~=labs] ytd-two-column-browse-results-renderer.ytd-browse,ytd-browse[page-subtype~=standalone] ytd-two-column-browse-results-renderer.ytd-browse { + width: 100%; + max-width: 100%; + margin: 0; + } + + ytd-browse[page-subtype~=ypc-offers] ytd-two-column-browse-results-renderer.ytd-browse { + width: 100%; + margin: 0; + --yt-card-item-main-content-margin-right: 0; + } + + ytd-browse[page-subtype=WEB_PAGE_TYPE_SETTINGS] ytd-two-column-browse-results-renderer.ytd-browse { + width: 100%; + max-width: 1080px; + } + + @media (max-width: 680px) { + ytd-browse[page-subtype=WEB_PAGE_TYPE_SETTINGS] ytd-settings-sidebar-renderer.ytd-browse { + display: none; + } + + ytd-browse[page-subtype=WEB_PAGE_TYPE_SETTINGS] { + margin-left: 0; + } + + } + + ytd-page-footer-renderer.ytd-browse { + position: fixed; + bottom: 0; + right: 0; + left: 0; + } + + ytd-checkbox-survey-option-renderer { + display: block; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-checkbox-survey-option-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + cursor: pointer; + } + + paper-checkbox.ytd-checkbox-survey-option-renderer { + display: block; + width: 100%; + height: auto; + padding-top: var(--ytd-checkbox-survey-option-padding, 8px); + padding-bottom: var(--ytd-checkbox-survey-option-padding, 8px); + padding-left: var(--ytd-checkbox-survey-option-padding, 24px); + padding-right: var(--ytd-checkbox-survey-option-padding, 24px); + } + + ytd-inline-survey-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-inline-survey-renderer[is-dismissed] #dismissable.ytd-inline-survey-renderer,ytd-inline-survey-renderer[is-dismissed] #dismiss-button.ytd-inline-survey-renderer,ytd-inline-survey-renderer:not([is-dismissed]) #dismissed.ytd-inline-survey-renderer { + display: none; + } + + ytd-inline-survey-renderer[expanded] #dismissable.ytd-inline-survey-renderer { + background-color: var(--yt-spec-suggested-action); + } + + ytd-inline-survey-renderer[expanded] #star-survey.ytd-inline-survey-renderer { + padding-bottom: 16px; + } + + #dismissable.ytd-inline-survey-renderer { + margin: 24px 0; + max-width: 1160px; + width: 100%; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #inline-survey-header.ytd-inline-survey-renderer,#follow-up-header.ytd-inline-survey-renderer { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #inline-survey-header.ytd-inline-survey-renderer:focus,#follow-up-header.ytd-inline-survey-renderer:focus { + outline: none; + } + + #inline-survey-header.ytd-inline-survey-renderer { + margin-left: 16px; + margin-bottom: 8px; + } + + #follow-up-header.ytd-inline-survey-renderer { + margin-bottom: 28px; + padding-top: 8px; + } + + #inline-survey-header.ytd-inline-survey-renderer yt-icon-button.ytd-inline-survey-renderer { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + box-sizing: content-box; + color: var(--yt-spec-call-to-action); + height: 40px; + padding: 4px; + width: 40px; + } + + #inline-survey-header.ytd-inline-survey-renderer .header-text.ytd-inline-survey-renderer,#follow-up-header.ytd-inline-survey-renderer .header-text.ytd-inline-survey-renderer { + margin-top: 8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #title.ytd-inline-survey-renderer,#follow-up-title.ytd-inline-survey-renderer { + color: var(--yt-spec-call-to-action); + display: block; + max-height: calc(2 * var(--yt-subheadline-line-height, 2rem)); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #subtitle.ytd-inline-survey-renderer { + color: var(--yt-spec-call-to-action); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #inline-survey-compact-video-renderer.ytd-inline-survey-renderer { + background-color: var(--yt-spec-brand-background-solid); + margin-left: 16px; + margin-right: 16px; + padding: 8px; + } + + #star-survey.ytd-inline-survey-renderer { + background-color: var(--yt-spec-suggested-action); + max-width: 430px; + min-width: 430px; + padding-bottom: 32px; + padding-top: 8px; + -ms-flex: 2; + -webkit-flex: 2; + flex: 2; + } + + #rating-survey.ytd-inline-survey-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #follow-up-survey.ytd-inline-survey-renderer { + padding-left: 16px; + min-width: 300px; + -ms-flex: 3; + -webkit-flex: 3; + flex: 3; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #follow-up-survey-options.ytd-inline-survey-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + ytd-checkbox-survey-option-renderer.ytd-inline-survey-renderer { + --paper-checkbox-unchecked-color: var(--yt-spec-call-to-action); + --paper-checkbox-label-color: var(--yt-spec-call-to-action); + --ytd-checkbox-survey-option-padding: 7px; + background-color: var(--yt-spec-brand-background-solid); + margin-bottom: 8px; + margin-right: 8px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #submit-btn-footer.ytd-inline-survey-renderer { + margin-top: auto; + padding-bottom: 16px; + padding-top: 16px; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #dismissed.ytd-inline-survey-renderer { + background-color: var(--yt-spec-suggested-action); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #dismissed.ytd-inline-survey-renderer:focus { + outline: none; + } + + #dismissed.ytd-inline-survey-renderer ytd-message-renderer.ytd-inline-survey-renderer { + --yt-message-renderer-text-color: var(--yt-spec-call-to-action); + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #dismiss-button.ytd-inline-survey-renderer { + background-color: var(--yt-spec-suggested-action); + margin: 24px 0; + } + + #dismiss-button.ytd-inline-survey-renderer yt-icon-button.ytd-inline-survey-renderer { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + box-sizing: content-box; + color: var(--yt-spec-call-to-action); + height: 40px; + margin-top: 8px; + padding: 4px; + width: 40px; + } + + @media (max-width: 640px) { + #follow-up-header.ytd-inline-survey-renderer { + padding-top: 0; + } + + } + + @media (max-width: 440px) { + #star-survey.ytd-inline-survey-renderer { + min-width: 380px; + } + + } + + ytd-rating-survey-option-renderer { + color: var(--yt-spec-call-to-action); + } + + yt-icon-button.ytd-rating-survey-option-renderer { + box-sizing: content-box; + padding: 12px; + } + + ytd-rating-survey-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-rating-survey-renderer[not-sure-selected] #selected-response-text.ytd-rating-survey-renderer { + margin-top: 16px; + margin-bottom: 32px; + } + + #selection-panel.ytd-rating-survey-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #options.ytd-rating-survey-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #ratings.ytd-rating-survey-renderer { + margin-left: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + ytd-button-renderer.ytd-rating-survey-renderer { + margin-top: 8px; + } + + #selected-response-icon.ytd-rating-survey-renderer { + color: var(--yt-spec-call-to-action); + margin-bottom: 16px; + margin-left: 16px; + margin-top: 16px; + } + + #selected-response-text.ytd-rating-survey-renderer { + color: var(--yt-spec-call-to-action); + margin-left: 16px; + padding-bottom: 1px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-compact-video-renderer { + --yt-button-compact-background-color: var(--yt-spec-10-percent-layer); + --yt-button-compact-text-color: var(--yt-spec-text-secondary); + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + @keyframes fade-out-slide-up { + 0% { + opacity: 1; + transform: translateY(0); + } + + 80% { + opacity: 0; + transform: translateY(-16px); + } + + 100% { + opacity: 0; + } + + } + + ytd-compact-video-renderer[animation=fade-out-slide-up] { + animation: fade-out-slide-up forwards 0.62s; + animation-timing-function: linear; + } + + @keyframes fade-in-slide-up { + 0% { + opacity: 0; + transform: translateY(16px); + } + + 20% { + opacity: 0; + transform: translateY(16px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } + + } + + ytd-compact-video-renderer[animation=fade-in-slide-up] { + animation: fade-in-slide-up forwards 0.62s; + animation-timing-function: linear; + } + + @keyframes expanded-slide-down { + 0% { + transform: translateY(-94px); + } + + 100% { + transform: translateY(0); + } + + } + + ytd-compact-video-renderer[animation=expanded-slide-down] { + animation: expanded-slide-down forwards 0.4s; + animation-timing-function: linear; + } + + ytd-compact-video-renderer[expansion=expanded]:not([is-dismissed]) { + max-height: 94px; + margin-bottom: 8px; + } + + ytd-compact-video-renderer[expansion=collapsed] { + max-height: 0; + margin-bottom: 0; + overflow: hidden; + } + + ytd-compact-video-renderer:not(:hover) ytd-menu-renderer.ytd-compact-video-renderer:not([menu-active]).ytd-compact-video-renderer:not(:focus-within),ytd-compact-video-renderer:not(:hover) #queue-button.ytd-compact-video-renderer { + opacity: 0; + } + + ytd-compact-video-renderer[edu-force-menu-display_] ytd-menu-renderer.ytd-compact-video-renderer,ytd-compact-video-renderer[edu-force-menu-display_]:not(:hover) ytd-menu-renderer.ytd-compact-video-renderer { + opacity: 1; + } + + ytd-compact-video-renderer[queue-hide-menu] ytd-menu-renderer.ytd-compact-video-renderer { + display: none; + } + + ytd-compact-video-renderer[is-dismissed] #dismissable.ytd-compact-video-renderer,ytd-compact-video-renderer:not([is-dismissed]) #dismissed.ytd-compact-video-renderer { + display: none; + } + + #dismissable.ytd-compact-video-renderer,#dismissed.ytd-compact-video-renderer { + width: 100%; + } + + #dismissable.ytd-compact-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #dismissed.ytd-compact-video-renderer { + padding: 8px; + border: 1px solid var(--yt-spec-10-percent-layer); + } + + #dismissed.ytd-compact-video-renderer:focus { + outline: none; + } + + ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer { + margin-right: 8px; + height: 94px; + width: 168px; + } + + .details.ytd-compact-video-renderer { + width: 100%; + min-width: 0; + } + + .metadata.ytd-compact-video-renderer { + min-width: 0; + width: 100%; + padding-right: 24px; + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + a.yt-simple-endpoint.ytd-compact-video-renderer { + min-width: 0; + } + + #queue-button.ytd-compact-video-renderer ytd-button-renderer.ytd-compact-video-renderer,ytd-menu-renderer.ytd-compact-video-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + --yt-button-icon-padding: 0; + --yt-button-icon-size: 24px; + position: absolute; + top: 0; + right: 0; + } + + #video-title.ytd-compact-video-renderer { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-compact-video-renderer #video-title.ytd-compact-video-renderer { + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-compact-video-renderer { + color: var(--yt-spec-text-primary); + } + + #buttons.ytd-compact-video-renderer > *.ytd-compact-video-renderer { + margin-top: 4px; + } + + ytd-compact-video-renderer[watch-feed-big-thumbs]:not([is-dismissed]) #dismissable.ytd-compact-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-compact-video-renderer[watch-feed-big-thumbs] ytd-thumbnail.ytd-compact-video-renderer:before { + display: block; + content: ""; + padding-top: 55.95%; + background-color: var(--yt-spec-10-percent-layer); + } + + ytd-compact-video-renderer[watch-feed-big-thumbs] .metadata.ytd-compact-video-renderer { + padding-top: 8px; + padding-bottom: 8px; + } + + ytd-compact-video-renderer[watch-feed-big-thumbs] .secondary-metadata.ytd-compact-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-video-renderer[watch-feed-big-thumbs]:not([meta-block-empty]) .badges.ytd-compact-video-renderer { + padding-left: 8px; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + ytd-compact-video-renderer[watch-feed-big-thumbs] .details.ytd-compact-video-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-video-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-video-renderer { + margin-top: 8px; + } + + ytd-compact-video-renderer[watch-feed-big-thumbs] #dismissed.ytd-compact-video-renderer { + margin-bottom: 8px; + } + + ytd-compact-video-renderer[watch-feed-big-thumbs][is-dismissed] #dismissed.ytd-compact-video-renderer { + max-height: var(--ytd-compact-item-dismissed-height); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-page-introduction-renderer { + min-height: 180px; + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #primary-content.ytd-page-introduction-renderer { + flex-grow: 1; + padding-top: 48px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-icon.ytd-page-introduction-renderer { + height: 180px; + width: 180px; + } + + #name.ytd-page-introduction-renderer { + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #title.ytd-page-introduction-renderer { + margin: 40px 0 12px 0; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + #text.ytd-page-introduction-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #introduction-text.ytd-page-introduction-renderer { + padding-bottom: 24px; + } + + .introduction-bullet-items.ytd-page-introduction-renderer { + margin: 8px 12px; + } + + .introduction-bullet-items.ytd-page-introduction-renderer li.ytd-page-introduction-renderer { + padding-bottom: 4px; + } + + .introduction-bullet-items.ytd-page-introduction-renderer li.ytd-page-introduction-renderer yt-formatted-string.ytd-page-introduction-renderer { + vertical-align: middle; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #report-stats.ytd-page-introduction-renderer { + flex-grow: 1; + margin-bottom: 12px; + margin-left: 16px; + margin-top: -24px; + } + + ytd-profile-column-renderer { + margin-left: 32px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: none; + -webkit-flex: none; + flex: none; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #items.ytd-profile-column-renderer > *.ytd-profile-column-renderer { + margin-bottom: 20px; + } + + ytd-profile-column-stats-entry-renderer { + color: var(--yt-spec-text-secondary); + padding: 10px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #label.ytd-profile-column-stats-entry-renderer { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + #value.ytd-profile-column-stats-entry-renderer { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-profile-column-stats-renderer { + display: inline-block; + width: 178px; + } + + #items.ytd-profile-column-stats-renderer > *.ytd-profile-column-stats-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #items.ytd-profile-column-stats-renderer > *.ytd-profile-column-stats-renderer:first-child { + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-profile-column-user-info-renderer { + width: 178px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-profile-column-user-info-renderer[component-style=NON_CENTERED_PROFILE] { + width: 250px; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + ytd-profile-column-user-info-renderer[component-style=NON_CENTERED_PROFILE] #thumbnail.ytd-profile-column-user-info-renderer { + border-radius: 0; + margin: 88px 0 16px; + width: unset; + height: unset; + } + + #thumbnail.ytd-profile-column-user-info-renderer { + width: 80px; + height: 80px; + margin: 88px 16px 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #title.ytd-profile-column-user-info-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 4px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #subtitle.ytd-profile-column-user-info-renderer { + color: var(--yt-spec-text-secondary); + margin-bottom: 4px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-labs-edit-renderer { + background-color: var(--yt-spec-brand-background-solid); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #contents.ytd-labs-edit-renderer { + margin: 0 24px; + min-width: 727px; + max-width: 976px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding: 24px 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-labs-edit-renderer:nth-last-child(2) #contents.ytd-labs-edit-renderer { + border-bottom: none; + } + + #title.ytd-labs-edit-renderer { + color: var(--yt-spec-text-primary); + font-size: 3.2rem; + font-weight: 500; + line-height: 3.8rem; + } + + #primary-button.ytd-labs-edit-renderer { + margin-right: 16px; + } + + #wrapper.ytd-labs-header-renderer { + position: relative; + height: 420px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #wrapper.ytd-labs-header-renderer:before { + content: ""; + background-color: var(--yt-spec-brand-background-solid); + background-image: var(--yt-labs-header-background); + background-position: center; + background-repeat: no-repeat; + background-size: auto 100%; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #contents.ytd-labs-header-renderer { + margin: 0 24px; + min-width: 727px; + max-width: 976px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + [dir="rtl"] ytd-labs-header-renderer #wrapper.ytd-labs-header-renderer:before, ytd-labs-header-renderer[dir="rtl"] #wrapper.ytd-labs-header-renderer:before { + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); + } + + #metadata.ytd-labs-header-renderer { + width: 300px; + margin: 64px 0 auto; + z-index: 1; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #badge.ytd-labs-header-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #title.ytd-labs-header-renderer { + color: var(--yt-spec-text-primary); + margin-top: 12px; + font-size: 3.2rem; + font-weight: 500; + line-height: 3.8rem; + } + + #text.ytd-labs-header-renderer { + color: var(--yt-spec-text-secondary); + margin-top: 16px; + font-size: 1.6rem; + font-weight: 400; + line-height: 2.8rem; + } + + #primary-button.ytd-labs-header-renderer { + margin-top: 24px; + } + + ytd-labs-item-renderer { + background-color: var(--yt-spec-brand-background-solid); + min-height: 346px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-labs-item-renderer[item-style=LABS_ITEM_STYLE_PROMO] { + background-color: var(--yt-spec-general-background-a); + } + + #contents.ytd-labs-item-renderer { + margin: 0 24px; + min-width: 727px; + max-width: 976px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-labs-item-renderer:nth-last-child(2) #contents.ytd-labs-item-renderer { + border-bottom: none; + } + + ytd-labs-item-renderer[item-style=LABS_ITEM_STYLE_PROMO] #contents.ytd-labs-item-renderer { + border-bottom: none; + } + + #metadata.ytd-labs-item-renderer { + margin: 60px 0; + width: 350px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #badge.ytd-labs-item-renderer { + color: var(--yt-spec-brand-link-text); + border-radius: 2px; + border: solid 1px var(--yt-spec-brand-link-text); + padding: 5px 8px; + margin-bottom: 10px; + margin-right: auto; + text-transform: uppercase; + font-size: 1.6em; + font-weight: 500; + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + #title.ytd-labs-item-renderer { + color: var(--yt-spec-text-primary); + font-size: 3.2rem; + font-weight: 500; + line-height: 3.8rem; + } + + #expiration-date.ytd-labs-item-renderer { + color: var(--yt-spec-themed-green); + margin-top: 8px; + font-size: 1.6rem; + font-weight: 400; + line-height: 2.8rem; + } + + #text.ytd-labs-item-renderer { + color: var(--yt-spec-text-primary); + margin-top: 12px; + font-size: 1.6rem; + font-weight: 400; + line-height: 2.8rem; + } + + #buttons.ytd-labs-item-renderer { + margin-top: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #primary-button.ytd-labs-item-renderer { + margin-right: 16px; + } + + #promo-image.ytd-labs-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + ytd-labs-item-renderer[item-style=LABS_ITEM_STYLE_PROMO] #promo-image.ytd-labs-item-renderer { + display: none; + } + + ytd-live-chat-history-entry-renderer { + display: block; + margin: 24px 40px 32px 0; + } + + ytd-live-chat-history-entry-renderer[is-dismissed] { + display: none; + } + + #content.ytd-live-chat-history-entry-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #text.ytd-live-chat-history-entry-renderer { + width: 600px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #title.ytd-live-chat-history-entry-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #text.ytd-live-chat-history-entry-renderer > *.ytd-live-chat-history-entry-renderer { + display: block; + margin: 8px; + } + + #message-container.ytd-live-chat-history-entry-renderer { + margin: 8px; + } + + #message.ytd-live-chat-history-entry-renderer,#sc4g-message.ytd-live-chat-history-entry-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #superchat-container.ytd-live-chat-history-entry-renderer { + padding-bottom: 8px; + } + + #charity-name.ytd-live-chat-history-entry-renderer { + color: var(--yt-spec-text-secondary); + } + + #sc4g-message.ytd-live-chat-history-entry-renderer { + vertical-align: bottom; + } + + #timestamp.ytd-live-chat-history-entry-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-live-chat-history-entry-renderer:not(:hover) #delete-button.ytd-live-chat-history-entry-renderer { + opacity: 0; + } + + #chips.ytd-live-chat-history-entry-renderer > *.ytd-live-chat-history-entry-renderer { + margin-right: 8px; + } + + ytd-live-chat-history-new-sponsor-chip-renderer { + height: 24px; + min-width: 16px; + border-radius: 12px; + padding: 0 12px; + background-color: var(--yt-spec-themed-green); + color: var(--yt-spec-static-brand-white); + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + ytd-live-chat-history-super-chat-chip-renderer { + height: 24px; + min-width: 16px; + border-radius: 12px; + padding: 0 12px; + background-color: var(--yt-live-chat-history-super-chat-chip-renderer-background-color); + color: var(--yt-live-chat-history-super-chat-chip-renderer-text-color); + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + ytd-fact-check-renderer { + display: block; + padding: 16px 0 16px 16px; + background-color: var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-fact-check-renderer:not(:hover) ytd-menu-renderer.ytd-fact-check-renderer:not([menu-active]).ytd-fact-check-renderer { + opacity: 0; + } + + ytd-menu-renderer.ytd-fact-check-renderer { + margin-top: -10px; + } + + .yt-simple-endpoint.ytd-fact-check-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .section-title.ytd-fact-check-renderer { + padding-bottom: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .info-icon.ytd-fact-check-renderer { + width: 20px; + height: 20px; + margin-right: 8px; + } + + .contents.ytd-fact-check-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-img-shadow.ytd-fact-check-renderer { + margin-right: 12px; + height: 76px; + width: 76px; + } + + .article-title.ytd-fact-check-renderer { + color: var(--yt-spec-call-to-action); + padding-bottom: 4px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .external-link-icon.ytd-fact-check-renderer { + width: 12px; + height: 12px; + margin-bottom: 2px; + } + + .text.ytd-fact-check-renderer { + padding-top: 4px; + -webkit-line-clamp: 3; + display: block; + max-height: calc(3 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + #menu.ytd-fact-check-renderer { + margin-bottom: -10px; + } + + ytd-connected-app-renderer { + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-toggle-button-renderer.ytd-connected-app-renderer { + width: 120px; + } + + ytd-connected-app-renderer { + --ytd-account-link-button-width: 120px; + } + + yt-img-shadow.ytd-connected-app-renderer { + height: 48px; + width: 48px; + margin-right: 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #button-container.ytd-connected-app-renderer { + padding-left: 24px; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #app-info.ytd-connected-app-renderer { + justify-content: center; + padding-right: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #app.ytd-connected-app-renderer { + padding: 24px 0; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-connected-app-renderer { + color: var(--yt-spec-text-primary); + padding-bottom: 4px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #text.ytd-connected-app-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-connected-app-renderer[connected-app-style=connected-app-style-type-large] yt-img-shadow.ytd-connected-app-renderer { + height: 72px; + width: 72px; + } + + ytd-connected-app-renderer[connected-app-style=connected-app-style-type-large] #title.ytd-connected-app-renderer { + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-dropdown-item-renderer { + background-color: var(--ytd-dropdown-item-background-color, inherit); + outline: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + #label.ytd-dropdown-item-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-dropdown-renderer { + display: block; + --paper-dropdown-menu-color: var(--yt-spec-text-secondary); + --paper-dropdown-menu-focus-color: var(--yt-spec-text-primary); + --paper-dropdown-error-color: var(--yt-spec-brand-link-text); + --paper-dropdown-menu-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-dropdown-menu-input_-_border-bottom: initial;; + --paper-dropdown-menu-label_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-label_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-label_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-label_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + --paper-dropdown-menu-icon_-_color: var(--yt-spec-icon-inactive);; + } + + ytd-dropdown-renderer[no-underline] { + --paper-dropdown-menu-input_-_border-bottom: none; --paper-dropdown-menu-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + } + + ytd-dropdown-renderer[has-background] paper-dropdown-menu-light.ytd-dropdown-renderer { + --paper-dropdown-menu-input_-_border-bottom: none; --paper-dropdown-menu-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + color: var(--yt-spec-text-secondary); + background-color: var(--yt-spec-10-percent-layer); + padding: 0 16px; + } + + ytd-dropdown-renderer[has-background] paper-dropdown-menu-light.ytd-dropdown-renderer:focus { + --paper-dropdown-menu-input_-_border-bottom: none; --paper-dropdown-menu-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + } + + paper-dropdown-menu-light.ytd-dropdown-renderer { + width: 100%; + } + + #entries.ytd-dropdown-renderer { + width: var(--ytd-dropdown-renderer-width); + max-height: 400px; + } + + ytd-navigation-dropdown-item-renderer { + display: block; + outline: none; + } + + #label.ytd-navigation-dropdown-item-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .yt-simple-endpoint.ytd-navigation-dropdown-item-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-navigation-dropdown-item-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #channel-info.ytd-channel-options-renderer { + padding-top: 4px; + padding-bottom: 20px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + #channel-info-text.ytd-channel-options-renderer { + padding: 6px 0; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .link.ytd-channel-options-renderer { + display: block; + padding-left: 4px; + padding-bottom: 8px; + } + + yt-img-shadow.ytd-channel-options-renderer { + border-radius: 50%; + overflow: hidden; + margin-right: 20px; + } + + .link.ytd-channel-options-renderer { + color: var(--yt-spec-call-to-action); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .edit.ytd-channel-options-renderer { + color: var(--yt-spec-call-to-action); + } + + #name.ytd-channel-options-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-settings-checkbox-renderer { + cursor: default; + margin: 4px 0 20px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #main-option.ytd-settings-checkbox-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #checkbox-label.ytd-settings-checkbox-renderer { + padding-top: 2px; + } + + #label.ytd-settings-checkbox-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + paper-checkbox.ytd-settings-checkbox-renderer { + --paper-checkbox-vertical-align: top; + --paper-checkbox-margin: 2px; + --paper-checkbox-label_-_min-width: 0; --paper-checkbox-label_-_-ms-flex: var(--layout-flex_-_-ms-flex); --paper-checkbox-label_-_-webkit-flex: var(--layout-flex_-_-webkit-flex); --paper-checkbox-label_-_flex: var(--layout-flex_-_flex); --paper-checkbox-label_-_-webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); --paper-checkbox-label_-_flex-basis: var(--layout-flex_-_flex-basis); --paper-checkbox-label_-_margin-right: initial; --paper-checkbox-label_-_font-size: initial; --paper-checkbox-label_-_font-weight: initial; --paper-checkbox-label_-_line-height: initial; --paper-checkbox-label_-_letter-spacing: initial;; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #checkbox-container.ytd-settings-checkbox-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #checkbox-label.ytd-settings-checkbox-renderer { + align-items: center; + max-width: 450px; + padding-left: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + yt-icon.ytd-settings-checkbox-renderer { + height: 20px; + min-width: 18px; + margin-left: 12px; + color: var(--yt-spec-icon-inactive); + align-self: center; + } + + ytd-settings-checkbox-renderer[increased-tooltip-target] yt-icon.ytd-settings-checkbox-renderer { + padding: 0 16px; + margin-left: 0; + } + + ytd-settings-email-item-renderer { + padding: 8px 4px; + border: 1px solid var(--yt-spec-icon-disabled); + border-top: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + yt-img-shadow.ytd-settings-email-item-renderer { + border-radius: 50%; + overflow: hidden; + margin-right: 16px; + } + + #info.ytd-settings-email-item-renderer { + padding-left: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-settings-email-item-renderer { + color: var(--yt-spec-text-secondary); + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-settings-email-list-renderer { + margin: 16px 0 8px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #list-expansion.ytd-settings-email-list-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #header.ytd-settings-email-list-renderer { + justify-content: space-between; + border: 1px solid var(--yt-spec-icon-disabled); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-settings-email-list-renderer { + color: var(--yt-spec-text-primary); + padding: 0 4px 0 12px; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #content.ytd-settings-email-list-renderer { + display: none; + } + + ytd-settings-email-list-renderer[expanded] #content.ytd-settings-email-list-renderer { + display: inline-block; + } + + yt-icon.ytd-settings-email-list-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + .expand-icon.ytd-settings-email-list-renderer { + color: var(--yt-spec-text-primary); + } + + #help-icon.ytd-settings-email-list-renderer { + height: 20px; + padding-right: 12px; + color: var(--yt-spec-icon-inactive); + } + + paper-button.ytd-settings-email-list-renderer { + text-transform: none; + margin: 0; + padding: 20px 8px; + } + + yt-form-renderer { + display: inline-block; + } + + yt-contact-section-renderer.yt-form-renderer { + margin-top: 24px; + } + + ytd-settings-gaia-link-renderer { + display: block; + --paper-input-error_-_overflow: visible;; + } + + #form-container.ytd-settings-gaia-link-renderer { + padding: 16px 24px; + width: 214px; + } + + #username-password-form.ytd-settings-gaia-link-renderer > yt-form-renderer.ytd-settings-gaia-link-renderer { + display: block; + } + + #claim-button.ytd-settings-gaia-link-renderer { + padding: 24px 0; + } + + ytd-settings-options-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #section.ytd-settings-options-renderer { + padding: 20px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-settings-options-renderer { + width: 160px; + min-width: 160px; + margin-right: 56px; + color: var(--yt-spec-text-primary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #text.ytd-settings-options-renderer { + --yt-formatted-string-bold-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #options.ytd-settings-options-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #content.ytd-settings-options-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-settings-checkbox-renderer.ytd-settings-options-renderer:last-child { + margin-bottom: 4px; + } + + ytd-dropdown-renderer.ytd-settings-options-renderer { + min-width: 240px; + max-width: 280px; + margin-bottom: 8px; + } + + ytd-settings-radio-option-renderer { + cursor: default; + margin: 8px 0 12px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #label.ytd-settings-radio-option-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-icon.ytd-settings-radio-option-renderer { + height: 20px; + min-width: 18px; + margin-left: 12px; + color: var(--yt-spec-icon-inactive); + } + + ytd-settings-radio-option-renderer[increased-tooltip-target] yt-icon.ytd-settings-radio-option-renderer { + padding: 0 16px; + margin-left: 0; + } + + ytd-settings-switch-renderer { + cursor: default; + color: var(--yt-spec-text-primary); + margin: 12px 0; + align-items: flex-start; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + div.ytd-settings-switch-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + paper-toggle-button.ytd-settings-switch-renderer { + padding-right: 12px; + } + + #subtitle.ytd-settings-switch-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #title.ytd-settings-switch-renderer { + color: var(--yt-spec-text-primary); + padding-bottom: 4px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #icon.ytd-settings-switch-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-img-shadow.ytd-settings-switch-renderer { + padding: 8px 4px; + } + + #text.ytd-settings-switch-renderer { + align-self: center; + padding-left: 8px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + yt-copy-link-renderer { + display: inline-block; + width: 100%; + } + + yt-copy-link-renderer[renderer-style="copy-link-renderer-style-settings"] { + max-width: 350px; + } + + #bar.yt-copy-link-renderer { + justify-content: space-between; + border: 1px solid var(--yt-std-surface-400); + background-color: var(--yt-std-surface-200); + border-radius: 2px; + display: var(--layout_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-copy-link-renderer[renderer-style="copy-link-renderer-style-settings"] #bar.yt-copy-link-renderer { + background-color: var(--yt-guide-background); + padding: var(--ytd-margin-base) 0; + } + + #share-url.yt-copy-link-renderer { + margin-left: var(--ytd-margin-4x); + border: none; + overflow: hidden; + white-space: nowrap; + background-color: rgba(0, 0, 0, 0); + color: var(--yt-spec-text-primary); + font-size: 14px; + } + + [dir="rtl"] yt-copy-link-renderer #share-url.yt-copy-link-renderer, yt-copy-link-renderer[dir="rtl"] #share-url.yt-copy-link-renderer { + text-align: end; + } + + #copy-button.yt-copy-link-renderer { + padding: 0 var(--ytd-margin-2x); + color: var(--yt-spec-themed-blue); + } + + ytd-product-details-thumbnail-renderer { + --yt-img-max-height: 100%; + display: inline-block; + width: 56px; + } + + ytd-product-details-thumbnail-renderer:focus { + outline: none; + } + + ytd-product-details-thumbnail-renderer:focus #card-overlay.ytd-product-details-thumbnail-renderer { + border-color: rgba(0, 0, 0, 0.6); + } + + #product-card-renderer-container.ytd-product-details-thumbnail-renderer { + display: inline-block; + } + + #card.ytd-product-details-thumbnail-renderer { + position: relative; + overflow: hidden; + width: auto; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #card-selection-overlay.ytd-product-details-thumbnail-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: var(--yt-spec-static-overlay-background-medium-light); + box-sizing: border-box; + } + + #card-overlay.ytd-product-details-thumbnail-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + cursor: pointer; + } + + #card-image.ytd-product-details-thumbnail-renderer { + width: 56px; + height: 56px; + } + + ytd-product-details-image-carousel-renderer { + display: block; + height: var(--yt-horizontal-list-renderer-height, auto); + position: relative; + width: 100%; + } + + .main.ytd-product-details-image-carousel-renderer { + display: flex; + margin-top: 16px; + width: var(--yt-horizontal-list-renderer-width, auto); + } + + .preview.ytd-product-details-image-carousel-renderer { + display: flex; + justify-content: center; + align-items: center; + } + + .preview-image.ytd-product-details-image-carousel-renderer { + height: 512px; + width: var(--yt-horizontal-list-renderer-width, auto); + } + + #scroll-container.ytd-product-details-image-carousel-renderer { + overflow: hidden; + } + + #items.ytd-product-details-image-carousel-renderer { + transition-duration: 0.15s; + transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + will-change: transform; + display: inline-block; + white-space: nowrap; + display: inline-block; + padding: 0; + background: transparent; + } + + #items.ytd-product-details-image-carousel-renderer > *.ytd-product-details-image-carousel-renderer { + margin-right: 8px; + display: inline-block; + vertical-align: top; + white-space: normal; + } + + .left-arrow-container.ytd-product-details-image-carousel-renderer,.right-arrow-container.ytd-product-details-image-carousel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + align-items: center; + display: flex; + flex-direction: row; + position: relative; + z-index: 200; + } + + .arrow.ytd-product-details-image-carousel-renderer { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + background-color: var(--yt-spec-general-background-c); + border-radius: 24px; + box-shadow: 0 4px 4px var(--yt-spec-10-percent-layer), 0 0 8px var(--yt-spec-10-percent-layer); + color: var(--yt-spec-icon-inactive); + cursor: pointer; + height: 40px; + width: 40px; + } + + ytd-product-details-offer-renderer { + display: block; + } + + .offer-details.ytd-product-details-offer-renderer { + display: flex; + flex-direction: row; + align-items: center; + } + + .vendor-logo.ytd-product-details-offer-renderer { + width: 24px; + height: 24px; + border-radius: 12px; + background-color: var(--yt-spec-general-background-b); + } + + .vendor-logo-url.ytd-product-details-offer-renderer { + width: 24px; + height: 24px; + border-radius: 12px; + background-color: var(--yt-spec-general-background-a); + } + + .vendor-data.ytd-product-details-offer-renderer { + margin-left: 8px; + display: flex; + flex-direction: column; + } + + .vendor-name.ytd-product-details-offer-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-spec-text-primary); + } + + .offer-tags.ytd-product-details-offer-renderer { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + color: var(--yt-spec-text-secondary); + } + + .price.ytd-product-details-offer-renderer { + display: flex; + flex-direction: column; + align-items: flex-end; + flex: 1; + } + + .checkout.ytd-product-details-offer-renderer { + display: flex; + flex-direction: row; + align-items: center; + } + + .hover-icon.ytd-product-details-offer-renderer { + width: 18px; + height: 18px; + color: var(--yt-spec-call-to-action); + } + + .checkout-endpoint.ytd-product-details-offer-renderer { + margin-left: 10.5px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + color: var(--yt-spec-call-to-action); + text-decoration: none; + } + + .additional-fees.ytd-product-details-offer-renderer { + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + color: var(--yt-spec-text-secondary); + } + + ytd-product-details-offers-container-renderer { + display: block; + --yt-formatted-string-bold: var(--ytd-user-comment);; + --yt-formatted-string-bold_-_font-size: var(--ytd-user-comment_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-user-comment_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-user-comment_-_line-height); --yt-formatted-string-bold_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + --yt-formatted-string-bold-color: var(--yt-spec-text-primary); + } + + ytd-product-details-offers-container-renderer #view-offers.ytd-product-details-offers-container-renderer,ytd-product-details-offers-container-renderer #hide-offers.ytd-product-details-offers-container-renderer { + --yt-button-padding: 2px; + --yt-button-padding-minus-border: 0; + --yt-button-padding-minus-focus-outline: 0; + text-transform: none; + --iron-icon-height: 24px; + --iron-icon-width: 24px; + } + + ytd-product-details-offers-container-renderer #view-offers.ytd-product-details-offers-container-renderer:focus:hover,ytd-product-details-offers-container-renderer #hide-offers.ytd-product-details-offers-container-renderer:focus:hover { + outline: none; + } + + .offer-container.ytd-product-details-offers-container-renderer { + display: flex; + flex-direction: column; + } + + .header.ytd-product-details-offers-container-renderer { + display: flex; + flex-direction: row; + align-items: center; + user-select: none; + cursor: pointer; + } + + @media (max-width: 1185px) { + .header.ytd-product-details-offers-container-renderer { + flex-direction: column; + align-items: start; + } + + .logo-urls.ytd-product-details-offers-container-renderer { + margin-bottom: 8px; + } + + } + + .logo-urls.ytd-product-details-offers-container-renderer { + display: flex; + flex-direction: row-reverse; + align-items: center; + margin-right: 16px; + } + + .vendor-logo.ytd-product-details-offers-container-renderer { + width: 24px; + height: 24px; + margin-right: -8px; + border-radius: 16px; + background-color: var(--yt-spec-general-background-b); + } + + .vendor-logo-url.ytd-product-details-offers-container-renderer { + width: 24px; + height: 24px; + border-radius: 16px; + background-color: var(--yt-spec-general-background-a); + } + + .title.ytd-product-details-offers-container-renderer { + flex: 1; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-spec-text-secondary); + } + + .hide-button.ytd-product-details-offers-container-renderer,.view-button.ytd-product-details-offers-container-renderer { + color: var(--yt-spec-call-to-action); + margin-right: -9px; + } + + ytd-product-details-offer-renderer.ytd-product-details-offers-container-renderer { + margin-top: 8px; + padding-bottom: 8px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-product-details-offer-renderer.ytd-product-details-offers-container-renderer:last-child { + border-bottom: none; + } + + #offer.ytd-product-details-offers-container-renderer { + margin-top: 8px; + } + + #offers.ytd-product-details-offers-container-renderer { + display: block; + } + + ytd-product-details-variant-renderer { + display: inline-block; + margin-bottom: 34px; + width: 100%; + opacity: 0; + } + + ytd-product-details-variant-renderer[initialized] { + opacity: 1; + } + + .variant-title-container.ytd-product-details-variant-renderer { + display: flex; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + margin-bottom: 6px; + } + + .variant-title.ytd-product-details-variant-renderer { + color: var(--yt-spec-text-primary); + } + + .variant-selected-option.ytd-product-details-variant-renderer { + margin-left: 8px; + color: var(--yt-spec-text-secondary); + } + + .variant-items-container.ytd-product-details-variant-renderer { + display: flex; + align-items: center; + } + + .variant-items-container.ytd-product-details-variant-renderer #items.ytd-product-details-variant-renderer { + display: flex; + flex-wrap: wrap; + } + + .variant-items-container-pill.ytd-product-details-variant-renderer #items.ytd-product-details-variant-renderer,.variant-items-container-dropdown.ytd-product-details-variant-renderer #items.ytd-product-details-variant-renderer { + overflow: hidden; + flex-wrap: nowrap; + } + + .variant-items-container.ytd-product-details-variant-renderer .dropdown-container.ytd-product-details-variant-renderer { + display: flex; + flex-shrink: 0; + } + + #more-variants-button.ytd-product-details-variant-renderer { + width: 32px; + height: 32px; + color: var(--yt-spec-text-secondary); + } + + ytd-product-details-variant-option-renderer.ytd-product-details-variant-renderer { + margin-top: 8px; + margin-right: 8px; + } + + ytd-product-details-renderer { + --yt-horizontal-list-renderer-width: 512px; + --yt-formatted-string-bold: var(--ytd-user-comment);; + --yt-formatted-string-bold_-_font-size: var(--ytd-user-comment_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-user-comment_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-user-comment_-_line-height); --yt-formatted-string-bold_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + --yt-formatted-string-bold-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + display: flex; + flex-direction: row; + justify-content: center; + padding: 32px 0; + } + + #image-carousel-renderer.ytd-product-details-renderer { + display: flex; + padding: 24px; + margin-right: 16px; + background: var(--yt-spec-brand-background-solid); + } + + .container.ytd-product-details-renderer { + display: flex; + flex-direction: row; + } + + @media (max-width: 685px) { + ytd-product-details-renderer { + --yt-horizontal-list-renderer-width: 380px; + } + + } + + @media (max-width: 971px) { + .container.ytd-product-details-renderer { + flex-direction: column; + } + + .column-image-carousel.ytd-product-details-renderer { + margin-bottom: 32px; + } + + #image-carousel-renderer.ytd-product-details-renderer { + margin-right: 0; + } + + } + + @media (max-width: 1185px), (min-width: 1328px) and (max-width: 1353px) { + .row.price-and-action-row.ytd-product-details-renderer { + flex-direction: column; + } + + .row.price-and-action-row.ytd-product-details-renderer .price-column.ytd-product-details-renderer { + margin-bottom: 16px; + } + + .row.price-and-action-row.ytd-product-details-renderer .action-column.ytd-product-details-renderer { + margin-left: 0; + } + + } + + .column.ytd-product-details-renderer { + display: flex; + flex-direction: column; + flex-grow: 1; + } + + .row.ytd-product-details-renderer { + display: flex; + flex-direction: row; + } + + .title-row.ytd-product-details-renderer { + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + justify-content: space-between; + } + + #information-button.ytd-product-details-renderer { + --yt-icon-button-icon-height: 20px; + --yt-icon-button-icon-width: 20px; + --yt-button-icon-size: 20px; + --yt-button-icon-padding: 0px; + } + + #information-button.ytd-product-details-renderer ytd-button-renderer.ytd-product-details-renderer { + color: var(#000); + } + + .brand-row.ytd-product-details-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + display: flex; + flex-direction: row; + align-items: center; + margin-top: 12px; + } + + .formatted-brand.ytd-product-details-renderer { + color: var(--yt-spec-text-secondary); + } + + .merchant-row.ytd-product-details-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-spec-text-secondary); + display: flex; + flex-direction: row; + align-items: center; + margin-top: 8px; + } + + .description-row.ytd-product-details-renderer { + margin: 24px 0; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #expander.ytd-product-details-renderer { + margin-left: -1px; + } + + .more-button.ytd-product-details-renderer,.less-button.ytd-product-details-renderer { + text-transform: none; + color: var(--yt-spec-text-secondary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .buy.ytd-product-details-renderer { + display: flex; + flex-direction: column; + margin-top: 24px; + padding: 24px; + border: 1px solid var(--yt-spec-10-percent-layer); + } + + .buy-separator.ytd-product-details-renderer { + margin: 16px 0; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + .logo.ytd-product-details-renderer { + width: 24px; + height: 24px; + margin: 0 8px 0 0; + border-radius: 12px; + background-color: var(--yt-spec-general-background-b); + } + + .logo-url.ytd-product-details-renderer { + width: 24px; + height: 24px; + border-radius: 12px; + background-color: var(--yt-spec-general-background-a); + } + + .action-column.ytd-product-details-renderer { + flex-grow: 0; + margin-left: 24px; + } + + .price.ytd-product-details-renderer { + display: flex; + flex-direction: row; + align-items: flex-end; + } + + .item-price.ytd-product-details-renderer { + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + .additional-fees.ytd-product-details-renderer { + margin-left: 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-spec-text-secondary); + } + + #variants.ytd-product-details-renderer { + display: flex; + flex-direction: column; + margin-bottom: -34px; + } + + ytd-product-details-variant-option-renderer { + display: inline-block; + } + + .container.ytd-product-details-variant-option-renderer[is-active] .variant-option.ytd-product-details-variant-option-renderer { + border-color: var(--yt-spec-call-to-action); + border-radius: 0; + } + + .container.ytd-product-details-variant-option-renderer[is-active] .variant-option-image.ytd-product-details-variant-option-renderer { + padding: 1px; + border-width: 1px; + } + + .variant-option.ytd-product-details-variant-option-renderer { + border-radius: 2px; + white-space: nowrap; + } + + .variant-option-pill.ytd-product-details-variant-option-renderer { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + color: var(--yt-spec-text-primary); + border: 1px solid var(--yt-spec-10-percent-layer); + padding: 13px 9px; + } + + .variant-option-image.ytd-product-details-variant-option-renderer { + width: 52px; + border: 2px var(--yt-spec-brand-background-solid) solid; + } + + .variant-option-image.ytd-product-details-variant-option-renderer img.ytd-product-details-variant-option-renderer { + width: 100%; + } + + ytd-vc-balance-renderer { + display: block; + } + + yt-toggle-form-field-renderer { + --paper-toggle-button-checked-bar-color: var(--yt-spec-call-to-action); + --paper-toggle-button-checked-button-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary); + margin-top: 24px; + display: block; + } + + #toggle-container.yt-toggle-form-field-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #caption.yt-toggle-form-field-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + #description.yt-toggle-form-field-renderer { + display: block; + margin-top: 8px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #footer-container.yt-toggle-form-field-renderer { + margin-top: 16px; + } + + yt-toggle-form-field-renderer[use-keyboard-focused]:not([keyboard-focused]) { + --paper-toggle-button-unchecked-ink-color: transparent; + --paper-toggle-button-checked-ink-color: transparent; + } + + ytd-video-masthead-ad-advertiser-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + height: 121px; + --yt-endpoint-color: var(--yt-spec-text-secondary); + } + + ytd-video-masthead-ad-advertiser-info-renderer.no-thumbnail #thumbnail-container.ytd-video-masthead-ad-advertiser-info-renderer { + display: none; + } + + ytd-video-masthead-ad-advertiser-info-renderer.channel-banner { + height: 239px; + } + + #banner.ytd-video-masthead-ad-advertiser-info-renderer { + display: none; + } + + ytd-video-masthead-ad-advertiser-info-renderer.channel-banner #banner.ytd-video-masthead-ad-advertiser-info-renderer { + display: block; + outline: none; + background: var(--ytvmh-channel-banner); + background-position: center; + background-size: cover; + } + + ytd-video-masthead-ad-advertiser-info-renderer.channel-banner #banner.ytd-video-masthead-ad-advertiser-info-renderer ~ #info-container.ytd-video-masthead-ad-advertiser-info-renderer #thumbnail-endpoint.ytd-video-masthead-ad-advertiser-info-renderer { + position: relative; + } + + #info-container.ytd-video-masthead-ad-advertiser-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #thumbnail-container.ytd-video-masthead-ad-advertiser-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin-left: 20px; + } + + #thumbnail.ytd-video-masthead-ad-advertiser-info-renderer { + border-radius: 50%; + overflow: hidden; + width: 80px; + } + + #thumbnail-endpoint.ytd-video-masthead-ad-advertiser-info-renderer { + outline: none; + line-height: 0; + } + + #right-container.ytd-video-masthead-ad-advertiser-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + overflow: hidden; + white-space: nowrap; + margin-left: 20px; + } + + #title-container.ytd-video-masthead-ad-advertiser-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #title.ytd-video-masthead-ad-advertiser-info-renderer { + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + margin-bottom: 6px; + color: var(--yt-spec-text-primary); + } + + #menu.ytd-video-masthead-ad-advertiser-info-renderer { + margin-top: -4px; + } + + ytd-menu-renderer.ytd-video-masthead-ad-advertiser-info-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + } + + #byline-container.ytd-video-masthead-ad-advertiser-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + margin-bottom: 6px; + margin-right: 24px; + } + + #byline.ytd-video-masthead-ad-advertiser-info-renderer { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + color: var(--yt-spec-text-secondary); + } + + #badges.ytd-video-masthead-ad-advertiser-info-renderer { + display: inline-block; + margin-right: 4px; + } + + ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: 210px; + height: 239px; + transition: width 0.2s ease; + overflow: hidden; + } + + ytd-video-masthead-ad-expandable-thumbnail-tile-renderer[expanded] { + width: 424px; + } + + #endpoint.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { + width: 424px; + position: relative; + } + + #thumbnail.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { + width: 424px; + } + + #overlay.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + } + + #play-button.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { + width: 68px; + height: 48px; + } + + ytd-video-masthead-ad-expandable-video-tile-renderer { + width: 210px; + height: 239px; + transition: width 0.2s ease; + overflow: hidden; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-video-masthead-ad-expandable-video-tile-renderer[expanded] { + width: 424px; + } + + ytd-video-masthead-ad-expandable-video-tile-renderer.video-playing #mute-button.ytd-video-masthead-ad-expandable-video-tile-renderer { + display: block; + } + + ytd-video-masthead-ad-expandable-video-tile-renderer.video-ended #replay-button.ytd-video-masthead-ad-expandable-video-tile-renderer { + display: block; + } + + #container.ytd-video-masthead-ad-expandable-video-tile-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + width: 424px; + } + + #player-container.ytd-video-masthead-ad-expandable-video-tile-renderer { + width: 424px; + height: 239px; + } + + #player.ytd-video-masthead-ad-expandable-video-tile-renderer { + width: 100%; + height: 100%; + } + + #click-target.ytd-video-masthead-ad-expandable-video-tile-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + cursor: pointer; + } + + #overlay.ytd-video-masthead-ad-expandable-video-tile-renderer { + position: absolute; + bottom: 0; + left: 0; + z-index: 2; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #mute-button.ytd-video-masthead-ad-expandable-video-tile-renderer,#replay-button.ytd-video-masthead-ad-expandable-video-tile-renderer,#live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer { + display: none; + } + + #replay-button.ytd-video-masthead-ad-expandable-video-tile-renderer ytd-button-renderer.ytd-video-masthead-ad-expandable-video-tile-renderer { + --yt-button-color: var(--yt-spec-static-brand-white); + } + + #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer { + color: var(--yt-spec-static-brand-white); + height: 40px; + font-size: 1.5rem; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer:before { + display: inline-block; + width: 6px; + height: 6px; + vertical-align: 4%; + + margin-right: 5px; + content: ""; + border-radius: 100%; + } + + ytd-video-masthead-ad-expandable-video-tile-renderer.video-playing #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-video-masthead-ad-expandable-video-tile-renderer.video-playing #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer:before { + background: var(--yt-spec-static-brand-red); + } + + ytd-video-masthead-ad-expandable-video-tile-renderer.video-ended #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + margin-left: 10px; + } + + ytd-video-masthead-ad-expandable-video-tile-renderer.video-ended #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer:before { + background: var(--yt-spec-static-overlay-icon-inactive); + } + + ytd-video-masthead-ad-primary-video-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + color: var(--yt-spec-static-brand-white); + white-space: nowrap; + width: 424px; + --yt-endpoint-color: var(--yt-spec-static-brand-white); + } + + #advertiser-info.ytd-video-masthead-ad-primary-video-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + margin: 8px 0 0 8px; + } + + #title.ytd-video-masthead-ad-primary-video-overlay-renderer { + display: block; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + margin-bottom: 6px; + text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); + } + + #byline-container.ytd-video-masthead-ad-primary-video-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #byline.ytd-video-masthead-ad-primary-video-overlay-renderer { + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); + pointer-events: auto; + } + + #badges.ytd-video-masthead-ad-primary-video-overlay-renderer { + margin-right: 4px; + } + + #menu.ytd-video-masthead-ad-primary-video-overlay-renderer { + pointer-events: auto; + margin-top: 8px; + } + + ytd-menu-renderer.ytd-video-masthead-ad-primary-video-overlay-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + } + + ytd-video-masthead-ad-primary-video-renderer { + display: block; + position: relative; + } + + ytd-video-masthead-ad-primary-video-renderer.video-playing #mute-button.ytd-video-masthead-ad-primary-video-renderer { + display: block; + } + + ytd-video-masthead-ad-primary-video-renderer.video-ended #replay-button.ytd-video-masthead-ad-primary-video-renderer { + display: block; + } + + ytd-video-masthead-ad-primary-video-renderer.video-ended #player.ytd-video-masthead-ad-primary-video-renderer { + height: 100%; + } + + #player-container.ytd-video-masthead-ad-primary-video-renderer { + max-width: 424px; + height: 239px; + overflow: hidden; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #player-container.widescreen.ytd-video-masthead-ad-primary-video-renderer { + max-width: 852px; + } + + #player-container.ytd-video-masthead-ad-primary-video-renderer:not(.widescreen) #player.ytd-video-masthead-ad-primary-video-renderer { + height: 100%; + } + + #player.ytd-video-masthead-ad-primary-video-renderer { + width: 100%; + height: 640px; + } + + .yt-simple-endpoint.ytd-video-masthead-ad-primary-video-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-video-masthead-ad-primary-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #click-target.yt-simple-endpoint.ytd-video-masthead-ad-primary-video-renderer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + cursor: pointer; + } + + #overlay.ytd-video-masthead-ad-primary-video-renderer { + position: absolute; + bottom: 0; + z-index: 2; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #mute-button.ytd-video-masthead-ad-primary-video-renderer,#replay-button.ytd-video-masthead-ad-primary-video-renderer,#live-badge.ytd-video-masthead-ad-primary-video-renderer { + display: none; + } + + #replay-button.ytd-video-masthead-ad-primary-video-renderer ytd-button-renderer.ytd-video-masthead-ad-primary-video-renderer { + --yt-button-color: var(--yt-spec-static-brand-white); + } + + #live-badge.ytd-video-masthead-ad-primary-video-renderer { + color: var(--yt-spec-static-brand-white); + height: 40px; + font-size: 1.5rem; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #live-badge.ytd-video-masthead-ad-primary-video-renderer:before { + display: inline-block; + width: 6px; + height: 6px; + vertical-align: 4%; + + margin-right: 5px; + content: ""; + border-radius: 100%; + } + + ytd-video-masthead-ad-primary-video-renderer.video-playing #live-badge.ytd-video-masthead-ad-primary-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-video-masthead-ad-primary-video-renderer.video-playing #live-badge.ytd-video-masthead-ad-primary-video-renderer:before { + background: var(--yt-spec-static-brand-red); + } + + ytd-video-masthead-ad-primary-video-renderer.video-ended #live-badge.ytd-video-masthead-ad-primary-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + margin-left: 10px; + } + + ytd-video-masthead-ad-primary-video-renderer.video-ended #live-badge.ytd-video-masthead-ad-primary-video-renderer:before { + background: var(--yt-spec-static-overlay-icon-inactive); + } + + ytd-video-masthead-ad-v3-renderer { + display: block; + position: relative; + max-width: 1280px; + margin-right: 4px; + } + + @media (min-width: 671px) { + ytd-video-masthead-ad-v3-renderer { + width: 100% !important; + max-width: 1280px !important; + } + + } + + ytd-video-masthead-ad-v3-renderer[widescreen] #video-container.ytd-video-masthead-ad-v3-renderer { + max-width: 852px; + } + + ytd-video-masthead-ad-v3-renderer[widescreen] #right-container.ytd-video-masthead-ad-v3-renderer { + max-width: 436px; + } + + ytd-video-masthead-ad-v3-renderer[expandable] #right-container.ytd-video-masthead-ad-v3-renderer { + overflow: hidden; + } + + #top-container.ytd-video-masthead-ad-v3-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-video-masthead-ad-v3-renderer[collapsed] #top-container.ytd-video-masthead-ad-v3-renderer > .ytd-video-masthead-ad-v3-renderer:not(:last-child) { + display: none; + } + + #show-ad.ytd-video-masthead-ad-v3-renderer { + display: none; + } + + ytd-video-masthead-ad-v3-renderer[collapsed] #show-ad.ytd-video-masthead-ad-v3-renderer { + display: block; + margin: auto; + } + + #video-container.ytd-video-masthead-ad-v3-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + min-width: 424px; + max-width: 424px; + margin-right: var(--ytd-rich-grid-item-margin); + } + + #expandable-tile-container.ytd-video-masthead-ad-v3-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + max-width: 852px; + } + + #expandable-tile-container.ytd-video-masthead-ad-v3-renderer *.ytd-video-masthead-ad-v3-renderer { + margin-right: var(--ytd-rich-grid-item-margin); + } + + #expandable-tile-container.ytd-video-masthead-ad-v3-renderer:empty { + display: none; + } + + #right-container.ytd-video-masthead-ad-v3-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #video-overlay.ytd-video-masthead-ad-v3-renderer { + display: none; + pointer-events: none; + position: absolute; + top: 0; + left: 0; + z-index: 3; + } + + #compact-tile-container.ytd-video-masthead-ad-v3-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #compact-tile-container.ytd-video-masthead-ad-v3-renderer ytd-thumbnail.ytd-video-masthead-ad-v3-renderer { + margin-right: var(--ytd-rich-grid-item-margin); + } + + ytd-thumbnail.ytd-video-masthead-ad-v3-renderer { + height: 118px; + width: 210px; + } + + @media (max-width: 1280px) { + ytd-video-masthead-ad-v3-renderer.client-side #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+3) { + display: none; + } + + } + + @media (max-width: 1066px) { + ytd-video-masthead-ad-v3-renderer.client-side #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+2) { + display: none; + } + + ytd-video-masthead-ad-v3-renderer.client-side #right-container.ytd-video-masthead-ad-v3-renderer { + width: 424px; + } + + } + + @media (max-width: 852px) { + ytd-video-masthead-ad-v3-renderer.client-side #right-container.ytd-video-masthead-ad-v3-renderer { + width: 210px; + } + + ytd-video-masthead-ad-v3-renderer.client-side #compact-tile-container.ytd-video-masthead-ad-v3-renderer ytd-thumbnail.ytd-video-masthead-ad-v3-renderer + ytd-thumbnail.ytd-video-masthead-ad-v3-renderer { + display: none; + } + + } + + @media (max-width: 638px) { + ytd-video-masthead-ad-v3-renderer.client-side #right-container.ytd-video-masthead-ad-v3-renderer { + display: none; + } + + ytd-video-masthead-ad-v3-renderer.client-side #video-overlay.ytd-video-masthead-ad-v3-renderer { + display: block; + } + + } + + ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-1-columns #right-container.ytd-video-masthead-ad-v3-renderer,ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-2-columns #right-container.ytd-video-masthead-ad-v3-renderer { + display: none; + } + + ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-1-columns #video-overlay.ytd-video-masthead-ad-v3-renderer,ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-2-columns #video-overlay.ytd-video-masthead-ad-v3-renderer { + display: block; + } + + ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-2-columns #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+2) { + display: none; + } + + ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-3-columns #right-container.ytd-video-masthead-ad-v3-renderer { + width: 210px; + } + + ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-3-columns #compact-tile-container.ytd-video-masthead-ad-v3-renderer ytd-thumbnail.ytd-video-masthead-ad-v3-renderer + ytd-thumbnail.ytd-video-masthead-ad-v3-renderer { + display: none; + } + + ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-3-columns #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+2) { + display: none; + } + + ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-4-columns #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+2) { + display: none; + } + + ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-5-columns #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+3) { + display: none; + } + + ytd-video-masthead-ad-v3-renderer.grid:not(.grid-disabled) { + max-width: var(--ytd-grid-max-width); + } + + ytd-video-masthead-ad-v3-renderer.grid-1-columns,.grid-1-columns.ytd-video-masthead-ad-v3-renderer { + width: var(--ytd-grid-1-columns-width) !important; + } + + ytd-video-masthead-ad-v3-renderer.grid-2-columns,.grid-2-columns.ytd-video-masthead-ad-v3-renderer { + width: var(--ytd-grid-2-columns-width) !important; + } + + ytd-video-masthead-ad-v3-renderer.grid-3-columns,.grid-3-columns.ytd-video-masthead-ad-v3-renderer { + width: var(--ytd-grid-3-columns-width) !important; + } + + ytd-video-masthead-ad-v3-renderer.grid-4-columns,.grid-4-columns.ytd-video-masthead-ad-v3-renderer { + width: var(--ytd-grid-4-columns-width) !important; + } + + ytd-video-masthead-ad-v3-renderer.grid-5-columns,.grid-5-columns.ytd-video-masthead-ad-v3-renderer { + width: var(--ytd-grid-5-columns-width) !important; + } + + ytd-video-masthead-ad-v3-renderer.grid-6-columns,.grid-6-columns.ytd-video-masthead-ad-v3-renderer { + width: var(--ytd-grid-6-columns-width) !important; + } + + ytd-c4-tabbed-header-renderer { + --yt-lightsource-section1-color: var(--yt-spec-general-background-a); + --yt-lightsource-primary-title-color: var(--yt-spec-text-primary); + --yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary); + display: block; + } + + #channel-container.ytd-c4-tabbed-header-renderer,#tabs-container.ytd-c4-tabbed-header-renderer { + background-color: var(--yt-spec-general-background-a); + } + + #channel-container.ytd-c4-tabbed-header-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #channel-header.ytd-c4-tabbed-header-renderer { + background-color: var(--yt-lightsource-section1-color); + width: 100%; + padding: 16px 107px 4px; + position: relative; + z-index: 1; + min-width: 0; + } + + #channel-header-container.ytd-c4-tabbed-header-renderer { + height: 100%; + max-width: 1284px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #inner-header-container.ytd-c4-tabbed-header-renderer { + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #avatar.ytd-c4-tabbed-header-renderer { + width: 80px; + height: 80px; + margin: 0 24px 0 0; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #channel-name.ytd-c4-tabbed-header-renderer { + --ytd-channel-name-container-display: inline; + --ytd-channel-name-text-container-display: inline; + --ytd-channel-name-text-display: inline; + --ytd-channel-name-badges-display: inline; + --ytd-badge-icon-size: 16px; + --ytd-badge-icon-color: var(--yt-lightsource-secondary-title-color); + --ytd-badge-display: inline; + --iron-icon_-_margin-bottom: 7px; --iron-icon_-_margin-left: initial; --iron-icon_-_margin-right: initial; --iron-icon_-_margin-top: initial; --iron-icon_-_width: initial; --iron-icon_-_height: initial;; + --ytd-channel-name-text_-_font-size: var(--ytd-channel-title_-_font-size); --ytd-channel-name-text_-_font-weight: var(--ytd-channel-title_-_font-weight); --ytd-channel-name-text_-_line-height: var(--ytd-channel-title_-_line-height);; + max-height: 9rem; + overflow: hidden; + color: var(--yt-lightsource-primary-title-color); + font-size: 2em; + display: block; + } + + #channel-name.ytd-c4-tabbed-header-renderer[verified] { + color: var(--yt-spec-text-primary); + } + + #meta.ytd-c4-tabbed-header-renderer { + max-height: 9rem; + overflow: hidden; + } + + #meta.ytd-c4-tabbed-header-renderer { + min-width: 150px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .icon-container.ytd-c4-tabbed-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #subscriber-count.ytd-c4-tabbed-header-renderer { + color: var(--yt-lightsource-secondary-title-color); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-button-renderer#tip.ytd-c4-tabbed-header-renderer { + --iron-icon_-_margin-right: 4px; --iron-icon_-_width: 16px; --iron-icon_-_height: 16px; --iron-icon_-_margin-bottom: initial; --iron-icon_-_margin-left: initial; --iron-icon_-_margin-top: initial;; + color: var(--yt-lightsouce-secondary-title-color, var(--yt-spec-filled-button-text)); + background-color: var(--yt-lightsource-section2-color, var(--yt-spec-themed-blue)); + margin-right: 4px; + } + + #header.ytd-c4-tabbed-header-renderer { + --app-header-background-front-layer_-_background-image: var(--yt-channel-banner); --app-header-background-front-layer_-_background-position: 0 0; --app-header-background-front-layer_-_background-repeat: no-repeat; --app-header-background-front-layer_-_background-size: 100% auto;; + position: fixed; + margin-top: var(--ytd-toolbar-offset); + z-index: 1; + } + + .banner-visible-area.yt-simple-endpoint.ytd-c4-tabbed-header-renderer { + display: block; + } + + .banner-visible-area.ytd-c4-tabbed-header-renderer { + display: block; + height: 0; + position: relative; + } + + ytd-c4-tabbed-header-renderer[has-channel-art] .banner-visible-area.ytd-c4-tabbed-header-renderer { + height: calc(100vw / 6.2 - 1px); + } + + ytd-c4-tabbed-header-renderer[has-channel-art][guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer { + height: calc((100vw - 240px) / 6.2 - 1px); + } + + #buttons.ytd-c4-tabbed-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #tip.ytd-c4-tabbed-header-renderer:empty { + display: none; + } + + #sponsor-button.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer { + margin-right: 8px; + } + + #sponsor-button.ytd-c4-tabbed-header-renderer { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #edit-buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer:first-child { + margin-right: 8px; + } + + #tabs-container.ytd-c4-tabbed-header-renderer { + width: 100%; + height: 48px; + } + + #tabs-inner-container.ytd-c4-tabbed-header-renderer { + background-color: var(--yt-lightsource-section1-color); + } + + paper-tabs.ytd-c4-tabbed-header-renderer { + --paper-tabs-selection-bar-color: var(--yt-lightsource-secondary-title-color); + --paper-tabs-selection-bar_-_border-bottom-width: 3px;; + box-sizing: border-box; + color: var(--yt-lightsource-secondary-title-color); + height: 48px; + padding-bottom: 1px; + margin-left: 51px; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + paper-tab.ytd-c4-tabbed-header-renderer { + padding: 0 32px; + vertical-align: middle; + } + + paper-tab.ytd-c4-tabbed-header-renderer:hover { + color: var(--yt-lightsource-primary-title-color, var(--yt-spec-text-primary)); + } + + paper-tab.ytd-c4-tabbed-header-renderer { + --paper-tab-ink: var(--yt-spec-paper-tab-ink); + } + + paper-tab.iron-selected.ytd-c4-tabbed-header-renderer { + color: var(--yt-lightsource-primary-title-color); + } + + .expandable-tab.ytd-c4-tabbed-header-renderer { + display: inline-block; + } + + ytd-expandable-tab-renderer.ytd-c4-tabbed-header-renderer { + --yt-expandable-color: var(--yt-lightsource-primary-title-color); + --yt-expandable-unselected-color: var(--yt-lightsource-secondary-title-color); + padding: 0 24px; + vertical-align: middle; + } + + #links-holder.ytd-c4-tabbed-header-renderer { + height: 36px; + top: -52px; + right: 16px; + position: absolute; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + app-toolbar.ytd-c4-tabbed-header-renderer { + height: 48px; + padding: 0; + } + + #primary-links.ytd-c4-tabbed-header-renderer,#secondary-links.ytd-c4-tabbed-header-renderer { + background-color: var(--yt-spec-static-overlay-background-medium-light); + } + + #primary-links.ytd-c4-tabbed-header-renderer yt-formatted-string.ytd-c4-tabbed-header-renderer { + color: var(--yt-spec-static-brand-white); + font-size: 11px; + font-weight: 700; + } + + #primary-links.ytd-c4-tabbed-header-renderer yt-img-shadow.ytd-c4-tabbed-header-renderer { + padding-right: 5px; + } + + .yt-simple-endpoint.ytd-c4-tabbed-header-renderer { + display: block; + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-c4-tabbed-header-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #primary-links.ytd-c4-tabbed-header-renderer a.yt-simple-endpoint.ytd-c4-tabbed-header-renderer { + padding: 10px; + display: inline-block; + } + + #secondary-links.ytd-c4-tabbed-header-renderer a.yt-simple-endpoint.ytd-c4-tabbed-header-renderer { + padding: 10px 10px 10px 2px; + line-height: 0; + display: inline-block; + } + + #secondary-links.ytd-c4-tabbed-header-renderer a.ytd-c4-tabbed-header-renderer:first-child { + padding-left: 10px; + } + + @media (max-width: 701px) { + #avatar.ytd-c4-tabbed-header-renderer { + display: none; + } + + #channel-header-container.ytd-c4-tabbed-header-renderer { + width: 428px; + margin: auto; + padding: 24px 0 0; + box-sizing: border-box; + } + + #channel-header.ytd-c4-tabbed-header-renderer { + height: auto; + padding: 0; + } + + #channel-name.ytd-c4-tabbed-header-renderer { + max-height: 7.3rem; + --ytd-channel-name-text_-_font-size: var(--ytd-navbar-title_-_font-size, 2em); --ytd-channel-name-text_-_font-weight: var(--ytd-navbar-title_-_font-weight); --ytd-channel-name-text_-_line-height: var(--ytd-navbar-title_-_line-height);; + } + + paper-tabs.ytd-c4-tabbed-header-renderer { + margin: 0; + } + + } + + @media (max-width: 800px) { + #channel-header-container.ytd-c4-tabbed-header-renderer { + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #meta.ytd-c4-tabbed-header-renderer { + margin-bottom: 8px; + } + + #buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer,#buttons.ytd-c4-tabbed-header-renderer ytd-subscribe-button-renderer.ytd-c4-tabbed-header-renderer { + margin-bottom: 8px; + } + + } + + @media (max-width: 427px) { + #channel-header-container.ytd-c4-tabbed-header-renderer { + width: auto; + padding: 20px 8px; + } + + } + + @media (min-width: 1304px) { + ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]) #channel-header-container.ytd-c4-tabbed-header-renderer { + margin: auto; + } + + ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]) paper-tabs.ytd-c4-tabbed-header-renderer { + margin-left: calc(50% - 642px - 56px); + } + + } + + @media (min-width: 1544px) { + #channel-header-container.ytd-c4-tabbed-header-renderer { + margin: auto; + } + + paper-tabs.ytd-c4-tabbed-header-renderer { + margin-left: calc(50% - 642px - 56px); + } + + ytd-c4-tabbed-header-renderer[guide-persistent-and-visible] paper-tabs.ytd-c4-tabbed-header-renderer { + margin-left: calc(50% - 642px - 56px); + } + + } + + ytd-channel-banner-editor-renderer { + display: inline-block; + cursor: pointer; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-channel-banner-editor-renderer:focus { + outline: none; + } + + yt-img-shadow.ytd-channel-banner-editor-renderer { + width: 80px; + height: 80px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #edit-banner-link.ytd-channel-banner-editor-renderer { + width: 100%; + height: 100%; + } + + yt-icon.ytd-channel-banner-editor-renderer { + display: none; + color: var(--yt-spec-static-brand-white); + padding: 12px; + position: absolute; + top: 16px; + right: 16px; + border-radius: 50%; + background-color: var(--yt-spec-static-overlay-background-medium); + } + + ytd-channel-banner-editor-renderer:hover yt-icon.ytd-channel-banner-editor-renderer { + display: block; + } + + #message.ytd-channel-banner-editor-renderer { + background-color: var(--yt-spec-static-overlay-background-medium); + color: var(--yt-spec-static-brand-white); + border-radius: 2px; + padding: 4px 12px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-expandable-tab-renderer { + color: var(--yt-spec-text-secondary); + width: 300px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + ytd-expandable-tab-renderer[show-input] yt-icon-button.ytd-expandable-tab-renderer { + opacity: 1; + } + + form.ytd-expandable-tab-renderer { + margin-bottom: 0; + } + + yt-icon-button.ytd-expandable-tab-renderer { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + opacity: 0.8; + width: 40px; + height: 40px; + } + + paper-input.ytd-expandable-tab-renderer { + --paper-input-container-color: var(--yt-spec-text-primary); + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-input_-_padding: 4px 0; --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + --paper-input-container-label_-_padding: 4px 0; --paper-input-container-label_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-label_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-label_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-label_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-label_-_color: initial; --paper-input-container-label_-_opacity: initial;; + --paper-input-container-underline_-_height: 0; --paper-input-container-underline_-_border-bottom: 1px solid var(--yt-spec-text-primary); --paper-input-container-underline_-_box-sizing: initial; --paper-input-container-underline_-_display: initial; --paper-input-container-underline_-_background: initial;; + text-transform: none; + margin-bottom: -2px; + height: 40px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-channel-avatar-editor { + display: inline-block; + position: relative; + cursor: pointer; + margin: 0 24px 0 0; + } + + ytd-channel-avatar-editor:focus { + outline: none; + } + + yt-img-shadow.ytd-channel-avatar-editor { + width: 80px; + height: 80px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + yt-icon.ytd-channel-avatar-editor { + display: none; + color: var(--yt-spec-static-brand-white); + padding: 12px; + position: absolute; + top: 16px; + left: 16px; + border-radius: 50%; + background-color: var(--yt-spec-static-overlay-background-medium); + } + + ytd-channel-avatar-editor:hover yt-icon.ytd-channel-avatar-editor { + display: block; + } + + ytd-interactive-tabbed-header-renderer { + --ytd-badge-white-space: nowrap; + display: block; + } + + #bg.ytd-interactive-tabbed-header-renderer { + position: absolute; + width: 100%; + height: 100%; + fill: var(--yt-spec-general-background-a); + } + + [dir="rtl"] #bg.ytd-interactive-tabbed-header-renderer, #bg.ytd-interactive-tabbed-header-renderer[dir="rtl"] { + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); + transform-origin: center; + } + + #content-container.ytd-interactive-tabbed-header-renderer { + position: relative; + width: 100%; + } + + #content.ytd-interactive-tabbed-header-renderer { + height: 100%; + margin: auto; + padding: 24px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + } + + #box-art.ytd-interactive-tabbed-header-renderer { + width: 184px; + height: 256px; + border-radius: 2px; + } + + #details.ytd-interactive-tabbed-header-renderer { + margin-left: 40px; + } + + #title.ytd-interactive-tabbed-header-renderer { + max-width: 320px; + color: var(--yt-spec-text-primary); + display: block; + display: -webkit-box; + max-height: 6rem; + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + text-overflow: ellipsis; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + #auto-generated.ytd-interactive-tabbed-header-renderer { + margin-top: 4px; + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #description.ytd-interactive-tabbed-header-renderer { + max-width: 320px; + margin-top: 8px; + color: var(--yt-spec-text-secondary); + display: box; + display: -webkit-box; + max-height: calc(3 * var(--yt-subheadline-line-height, 2rem)); + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + text-overflow: ellipsis; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #metadata.ytd-interactive-tabbed-header-renderer { + max-width: 320px; + margin-top: 8px; + color: var(--yt-spec-text-secondary); + white-space: var(--ytd-subheadline-one-line-ellipsis_-_white-space); text-overflow: var(--ytd-subheadline-one-line-ellipsis_-_text-overflow); display: var(--ytd-subheadline-one-line-ellipsis_-_display); max-height: var(--ytd-subheadline-one-line-ellipsis_-_max-height); overflow: var(--ytd-subheadline-one-line-ellipsis_-_overflow); font-size: var(--ytd-subheadline-one-line-ellipsis_-_font-size); font-weight: var(--ytd-subheadline-one-line-ellipsis_-_font-weight); line-height: var(--ytd-subheadline-one-line-ellipsis_-_line-height); letter-spacing: var(--ytd-subheadline-one-line-ellipsis_-_letter-spacing); + } + + ytd-badge-supported-renderer.ytd-interactive-tabbed-header-renderer { + margin-top: 8px; + overflow: hidden; + height: 16px; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #buttons.ytd-interactive-tabbed-header-renderer { + -ms-flex-wrap: nowrap; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #buttons.ytd-interactive-tabbed-header-renderer ytd-button-renderer.ytd-interactive-tabbed-header-renderer,#buttons.ytd-interactive-tabbed-header-renderer ytd-subscribe-button-renderer.ytd-interactive-tabbed-header-renderer { + margin-top: 22px; + } + + #buttons.ytd-interactive-tabbed-header-renderer ytd-button-renderer.ytd-interactive-tabbed-header-renderer { + margin-right: 8px; + } + + #buttons.ytd-interactive-tabbed-header-renderer ytd-subscribe-button-renderer.ytd-interactive-tabbed-header-renderer { + margin-left: -4px; + margin-right: 4px; + } + + #header.ytd-interactive-tabbed-header-renderer { + --app-header-background-front-layer_-_background-image: var(--ytd-interactive-tabbed-header-renderer-banner-url); --app-header-background-front-layer_-_background-position: center; --app-header-background-front-layer_-_background-repeat: no-repeat; --app-header-background-front-layer_-_background-size: cover;; + position: fixed; + margin-top: var(--ytd-toolbar-offset); + z-index: 1; + } + + #tabs-container.ytd-interactive-tabbed-header-renderer { + width: 100%; + height: 48px; + } + + #tabs-inner-container.ytd-interactive-tabbed-header-renderer { + background-color: var(--yt-spec-general-background-a); + } + + paper-tabs.ytd-interactive-tabbed-header-renderer { + --paper-tabs-selection-bar-color: var(--yt-spec-text-secondary); + --paper-tabs-selection-bar_-_border-bottom-width: 3px;; + position: relative; + box-sizing: border-box; + height: 48px; + margin: auto; + max-width: 100%; + padding-bottom: 1px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + paper-tab.ytd-interactive-tabbed-header-renderer { + padding: 0 32px; + vertical-align: middle; + } + + paper-tab.ytd-interactive-tabbed-header-renderer:hover { + color: var(--yt-spec-text-primary); + } + + paper-tab.ytd-interactive-tabbed-header-renderer:focus { + background-color: var(--yt-spec-button-chip-background-hover); + } + + paper-tab.iron-selected.ytd-interactive-tabbed-header-renderer { + color: var(--yt-spec-text-primary); + } + + app-toolbar.ytd-interactive-tabbed-header-renderer { + height: 48px; + padding: 0; + } + + @media (max-width: 701px) { + #box-art.ytd-interactive-tabbed-header-renderer { + width: 90px; + height: 125px; + } + + #description.ytd-interactive-tabbed-header-renderer,#metadata.ytd-interactive-tabbed-header-renderer { + display: none; + } + + #buttons.ytd-interactive-tabbed-header-renderer ytd-button-renderer.ytd-interactive-tabbed-header-renderer,#buttons.ytd-interactive-tabbed-header-renderer ytd-subscribe-button-renderer.ytd-interactive-tabbed-header-renderer { + margin-top: 16px; + } + + } + + ytd-interactive-tabbed-header-renderer.grid-1-columns #content.ytd-interactive-tabbed-header-renderer { + width: 214px; + } + + ytd-interactive-tabbed-header-renderer.grid-1-columns paper-tabs.ytd-interactive-tabbed-header-renderer { + width: 326px; + } + + ytd-interactive-tabbed-header-renderer.grid-2-columns #content.ytd-interactive-tabbed-header-renderer { + width: 428px; + } + + ytd-interactive-tabbed-header-renderer.grid-2-columns paper-tabs.ytd-interactive-tabbed-header-renderer { + width: 540px; + } + + ytd-interactive-tabbed-header-renderer.grid-3-columns #content.ytd-interactive-tabbed-header-renderer { + width: 642px; + } + + ytd-interactive-tabbed-header-renderer.grid-3-columns paper-tabs.ytd-interactive-tabbed-header-renderer { + width: 754px; + } + + ytd-interactive-tabbed-header-renderer.grid-4-columns #content.ytd-interactive-tabbed-header-renderer { + width: 856px; + } + + ytd-interactive-tabbed-header-renderer.grid-4-columns paper-tabs.ytd-interactive-tabbed-header-renderer { + width: 968px; + } + + ytd-interactive-tabbed-header-renderer.grid-5-columns #content.ytd-interactive-tabbed-header-renderer { + width: 1070px; + } + + ytd-interactive-tabbed-header-renderer.grid-5-columns paper-tabs.ytd-interactive-tabbed-header-renderer { + width: 1182px; + } + + ytd-interactive-tabbed-header-renderer.grid-6-columns #content.ytd-interactive-tabbed-header-renderer { + width: 1284px; + } + + ytd-interactive-tabbed-header-renderer.grid-6-columns paper-tabs.ytd-interactive-tabbed-header-renderer { + width: 1396px; + } + + ytd-page-footer-renderer { + background-color: var(--yt-spec-general-background-a); + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #left-actions.ytd-page-footer-renderer ytd-button-renderer.ytd-page-footer-renderer { + margin-right: 8px; + } + + ytd-playlist-sidebar-renderer { + display: block; + width: 417px; + padding: 24px 32px; + box-sizing: border-box; + background-color: var(--yt-spec-general-background-a); + overflow: auto; + } + + #items.ytd-playlist-sidebar-renderer > *.ytd-playlist-sidebar-renderer:not(:last-child) { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-inline-form-renderer { + display: block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #text-displayed.ytd-inline-form-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-inline-form-renderer[component-style=INLINE_FORM_STYLE_TITLE] #text-displayed.ytd-inline-form-renderer { + color: var(--yt-spec-text-primary); + overflow: hidden; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + ytd-inline-form-renderer[component-style=INLINE_FORM_STYLE_BODY_TEXT] #text-displayed.ytd-inline-form-renderer { + color: var(--yt-spec-text-primary); + word-wrap: break-word; + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-inline-form-renderer[component-style=INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER] #text-displayed.ytd-inline-form-renderer { + color: var(--yt-spec-text-secondary); + word-wrap: break-word; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #display-dialog.ytd-inline-form-renderer { + overflow: hidden; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-inline-form-renderer[component-style=INLINE_FORM_STYLE_TITLE] #display-dialog.ytd-inline-form-renderer { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-inline-form-renderer[component-style=INLINE_FORM_STYLE_TITLE] #edit-button.ytd-inline-form-renderer { + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + #edit-button.ytd-inline-form-renderer { + color: var(--yt-spec-icon-active-other); + padding-left: 8px; + } + + ytd-inline-form-renderer[component-style=INLINE_FORM_STYLE_BODY_TEXT] #edit-button.ytd-inline-form-renderer { + margin-top: -8px; + } + + ytd-inline-form-renderer[component-style=INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER] #edit-button.ytd-inline-form-renderer { + margin-top: -8px; + } + + #edit-dialog.ytd-inline-form-renderer { + min-width: 0; + flex-grow: 1; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #edit-buttons.ytd-inline-form-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #save-button.ytd-inline-form-renderer { + margin-right: -16px; + } + + yt-text-input-form-field-renderer.ytd-inline-form-renderer { + padding-bottom: 0; + } + + yt-text-input-form-field-renderer { + --paper-input-char-counter_-_color: var(--yt-spec-text-primary); --paper-input-char-counter_-_margin-top: initial; --paper-input-char-counter_-_font-size: initial; --paper-input-char-counter_-_font-weight: initial; --paper-input-char-counter_-_line-height: initial; --paper-input-char-counter_-_letter-spacing: initial; --paper-input-char-counter_-_text-transform: initial; --paper-input-char-counter_-_margin-right: initial; --paper-input-char-counter_-_height: initial;; + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-color: var(--yt-spec-text-primary); + display: block; + padding-bottom: 6px; + } + + paper-input.yt-text-input-form-field-renderer { + --paper-input-container-underline_-_height: 0; --paper-input-container-underline_-_background: transparent; --paper-input-container-underline_-_border-bottom: 1px solid + var(--yt-text-input-form-field-underline-color, var(--yt-spec-text-secondary)); --paper-input-container-underline_-_box-sizing: initial; --paper-input-container-underline_-_display: initial;; + --paper-input-char-counter_-_margin-top: -2px; --paper-input-char-counter_-_height: 18px; --paper-input-char-counter_-_color: var(--yt-spec-text-primary); --paper-input-char-counter_-_font-size: initial; --paper-input-char-counter_-_font-weight: initial; --paper-input-char-counter_-_line-height: initial; --paper-input-char-counter_-_letter-spacing: initial; --paper-input-char-counter_-_text-transform: initial; --paper-input-char-counter_-_margin-right: initial;; + --paper-input-container-underline-focus_-_border-color: var( + --paper-input-container-underline-focus-color, + var(--yt-spec-text-primary) + ); --paper-input-container-underline-focus_-_display: initial;; + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + } + + yt-text-input-form-field-renderer[component-style=INLINE_FORM_STYLE_TITLE] paper-input.yt-text-input-form-field-renderer { + --paper-input-container-input_-_font-size: var(--ytd-channel-title_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-channel-title_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-channel-title_-_line-height); --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + } + + paper-textarea.yt-text-input-form-field-renderer { + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + --paper-input-container-underline-focus_-_border-color: var( + --paper-input-container-underline-focus-color, + var(--yt-spec-text-primary) + ); --paper-input-container-underline-focus_-_display: initial;; + } + + yt-text-input-form-field-renderer[component-style=TEXT_INPUT_FORM_FIELD_OUTLINED] paper-textarea.yt-text-input-form-field-renderer,yt-text-input-form-field-renderer[component-style=TEXT_INPUT_FORM_FIELD_OUTLINED] paper-input.yt-text-input-form-field-renderer { + --paper-input-container-underline-display: none; + --paper-input-container-underline-focus-display: none; + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 4px; + box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); + padding: 0 8px 12px 8px; + } + + yt-text-input-form-field-renderer[component-style=TEXT_INPUT_FORM_FIELD_OUTLINED][invalid] paper-textarea.yt-text-input-form-field-renderer,yt-text-input-form-field-renderer[component-style=TEXT_INPUT_FORM_FIELD_OUTLINED][invalid] paper-input.yt-text-input-form-field-renderer { + border-color: var(--yt-spec-brand-link-text); + } + + yt-text-input-form-field-renderer[component-style=BOLD_INPUT_TEXT] paper-input.yt-text-input-form-field-renderer,yt-text-input-form-field-renderer[component-style=BOLD_INPUT_TEXT] paper-textarea.yt-text-input-form-field-renderer { + --paper-input-container-input_-_font-size: var(--ytd-subheadline-link_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-subheadline-link_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-subheadline-link_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + } + + ytd-dropdown-form-field-renderer { + display: inline-block; + } + + ytd-playlist-sidebar-primary-info-renderer { + display: block; + } + + ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer { + width: 357px; + height: 200px; + margin-bottom: 16px; + } + + ytd-playlist-sidebar-primary-info-renderer[is-custom-thumbnail] ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer { + width: 357px; + height: 357px; + } + + #title.ytd-playlist-sidebar-primary-info-renderer { + display: block; + margin-bottom: 8px; + color: var(--yt-spec-text-primary); + word-break: break-word; + overflow: hidden; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + #privacy-stats.ytd-playlist-sidebar-primary-info-renderer { + margin-top: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #privacy-form.ytd-playlist-sidebar-primary-info-renderer { + margin-right: 12px; + } + + #badges.ytd-playlist-sidebar-primary-info-renderer { + margin-top: 12px; + margin-right: 4px; + white-space: nowrap; + } + + #stats.ytd-playlist-sidebar-primary-info-renderer { + color: var(--yt-spec-text-secondary); + margin-top: 10px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type):after { + content: "•"; + margin: 0 4px; + } + + [dir="rtl"] ytd-playlist-sidebar-primary-info-renderer #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type):after, ytd-playlist-sidebar-primary-info-renderer[dir="rtl"] #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type):after { + content: none; + margin: 0; + } + + [dir="rtl"] ytd-playlist-sidebar-primary-info-renderer #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type):before, ytd-playlist-sidebar-primary-info-renderer[dir="rtl"] #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type):before { + content: "•"; + margin: 0 4px; + } + + #menu.ytd-playlist-sidebar-primary-info-renderer { + margin-top: 4px; + margin-bottom: 8px; + margin-left: -8px; + } + + #description.ytd-playlist-sidebar-primary-info-renderer { + display: block; + color: var(--yt-spec-text-secondary); + word-wrap: break-word; + margin-bottom: 16px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #description-form.ytd-playlist-sidebar-primary-info-renderer { + margin-bottom: 8px; + } + + #play-buttons.ytd-playlist-sidebar-primary-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #play-buttons.ytd-playlist-sidebar-primary-info-renderer ytd-button-renderer.ytd-playlist-sidebar-primary-info-renderer,#play-buttons.ytd-playlist-sidebar-primary-info-renderer ytd-toggle-button-renderer.ytd-playlist-sidebar-primary-info-renderer { + margin: 16px 0 8px 8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #play-buttons.ytd-playlist-sidebar-primary-info-renderer ytd-button-renderer.ytd-playlist-sidebar-primary-info-renderer:first-child,#play-buttons.ytd-playlist-sidebar-primary-info-renderer ytd-toggle-button-renderer.ytd-playlist-sidebar-primary-info-renderer:first-child { + margin-left: 0; + } + + .more-button.ytd-playlist-sidebar-primary-info-renderer { + color: var(--yt-spec-text-secondary); + display: inline-block; + margin-top: 16px; + margin-bottom: 16px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-playlist-sidebar-secondary-info-renderer { + display: block; + padding: 16px 0; + } + + #owner-container.ytd-playlist-sidebar-secondary-info-renderer { + margin-bottom: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #video-owner.ytd-playlist-sidebar-secondary-info-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #description.ytd-playlist-sidebar-secondary-info-renderer { + display: block; + color: var(--yt-spec-text-secondary); + word-wrap: break-word; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #title.ytd-playlist-sidebar-secondary-info-renderer { + display: block; + padding-bottom: 16px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-playlist-sidebar-tertiary-info-renderer { + display: block; + padding: 20px 0; + } + + #title.ytd-playlist-sidebar-tertiary-info-renderer { + display: block; + color: var(--yt-spec-text-secondary); + word-wrap: break-word; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #items.ytd-playlist-sidebar-tertiary-info-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #items.ytd-playlist-sidebar-tertiary-info-renderer > *.ytd-playlist-sidebar-tertiary-info-renderer:not(:last-child) { + margin-right: 4px; + } + + ytd-channel-legal-info-renderer { + --paper-material_-_position: relative; --paper-material_-_display: initial;; + } + + ytd-channel-legal-info-renderer[expanded] #text.ytd-channel-legal-info-renderer { + height: auto; + } + + ytd-channel-legal-info-renderer[is-compact] #text.ytd-channel-legal-info-renderer { + padding: 16px 0; + } + + #text.ytd-channel-legal-info-renderer { + color: var(--yt-spec-text-secondary); + display: block; + height: 118px; + overflow: auto; + padding: 32px 64px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #expand-button.ytd-channel-legal-info-renderer { + border-radius: 50%; + background-color: var(--yt-spec-brand-background-solid); + color: var(--yt-spec-brand-icon-inactive); + height: 40px; + margin: -20px auto 0; + width: 40px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #button.ytd-channel-legal-info-renderer { + width: 40px; + height: 40px; + } + + ytd-banner-promo-renderer { + --yt-lightsource-section2-color: var(--yt-spec-static-overlay-text-primary); + --yt-lightsource-section3-color: var(--yt-spec-static-overlay-text-primary); + --yt-lightsource-navBarColor: var(--yt-spec-static-overlay-text-primary); + --yt-lightsource-body-text-color: var(--yt-spec-static-overlay-text-primary); + --yt-lightsource-iron-activated-color: var(--yt-spec-static-overlay-text-primary); + --yt-lightsource-iron-inactive-color: var(--yt-spec-static-overlay-text-primary); + --yt-basic-foreground-body-color: var(--yt-spec-static-overlay-text-primary); + --yt-basic-foreground-activated-color: var(--yt-spec-static-overlay-text-primary); + display: inline-block; + width: 100%; + } + + ytd-banner-promo-renderer.dismissed { + display: none; + } + + #action-button.ytd-banner-promo-renderer[invisible] { + visibility: hidden; + } + + .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { + background-color: var(--yt-basic-background-color); + background-position: top; + background-repeat: no-repeat; + position: relative; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer,ytd-banner-promo-renderer.banner-promo-style-type-masthead-ad .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { + background-size: 1440px; + color: var(--yt-spec-static-brand-white); + height: 320px; + margin: 0 auto; + max-width: 1440px; + text-align: center; + } + + .ytd-small-features.ytd-banner-promo-renderer { + color: var(--yt-basic-foreground-body-color); + display: none; + padding-top: 8px; + list-style: none; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + text-transform: none; + } + + .ytd-small-feature-header.ytd-banner-promo-renderer { + padding-top: 8px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-logo.ytd-banner-promo-renderer,ytd-banner-promo-renderer.banner-promo-style-type-masthead-ad .ytd-banner-promo-renderer-logo.ytd-banner-promo-renderer { + height: 134px; + left: 0; + margin: 0 auto; + max-width: 400px; + position: absolute; + right: 0; + z-index: 2; + } + + .ytd-banner-promo-renderer-logo.ytd-banner-promo-renderer yt-img-shadow.ytd-banner-promo-renderer { + max-height: 134px; + max-width: 400px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-content.ytd-banner-promo-renderer,ytd-banner-promo-renderer.banner-promo-style-type-masthead-ad .ytd-banner-promo-renderer-content.ytd-banner-promo-renderer { + bottom: 20px; + left: 0; + margin: 0 auto; + max-width: 400px; + position: absolute; + right: 0; + z-index: 2; + } + + .ytd-banner-promo-renderer-title.ytd-banner-promo-renderer { + color: var(--yt-basic-foreground-title-color); + white-space: pre-line; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-title.ytd-banner-promo-renderer,ytd-banner-promo-renderer.banner-promo-style-type-masthead-ad .ytd-banner-promo-renderer-title.ytd-banner-promo-renderer { + margin: 0 auto 16px auto; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + .ytd-banner-promo-renderer-promo-text.ytd-banner-promo-renderer { + color: var(--yt-basic-foreground-body-color); + white-space: pre-line; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-promo-text.ytd-banner-promo-renderer,ytd-banner-promo-renderer.banner-promo-style-type-masthead-ad .ytd-banner-promo-renderer-promo-text.ytd-banner-promo-renderer { + margin: 0 auto; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #action-button.ytd-banner-promo-renderer { + margin-top: 20px; + } + + #dismiss-button.ytd-banner-promo-renderer { + --yt-button-icon-padding: 0px; + --yt-button-icon-size: 24px; + position: absolute; + right: 13px; + top: 13px; + z-index: 2; + } + + #dismiss-button.ytd-banner-promo-renderer[is-icon-button] { + background-color: var(--yt-spec-static-overlay-text-secondary); + color: var(--yt-spec-static-overlay-background-heavy); + } + + @media (min-height: 733px) { + ytd-banner-promo-renderer.banner-promo-style-type-big .yt-banner-promo-renderer-content.ytd-banner-promo-renderer { + bottom: 40px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big #action-button.ytd-banner-promo-renderer { + margin-top: 30px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { + height: 533px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-small-features.ytd-banner-promo-renderer { + display: block; + } + + } + + @media (min-height: 946px) { + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { + background-size: 2016px; + height: 746px; + max-width: 2880px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-promo-text.ytd-banner-promo-renderer { + font-size: 22px; + line-height: normal; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-small-feature-header.ytd-banner-promo-renderer { + font-size: 18px; + margin-top: 11px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-title.ytd-banner-promo-renderer { + font-size: 36px; + line-height: normal; + margin-bottom: 22px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big #action-button.ytd-banner-promo-renderer { + margin-top: 48px; + transform: scale(1.4); + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-content.ytd-banner-promo-renderer { + bottom: 56px; + max-width: 560px; + } + + } + + @media (min-height: 1160px) { + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { + background-size: 2822px; + height: 960px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-promo-text.ytd-banner-promo-renderer { + font-size: 31px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-small-feature-header.ytd-banner-promo-renderer { + font-size: 25px; + margin-top: 15px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-title.ytd-banner-promo-renderer { + font-size: 50px; + margin-bottom: 31px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-big #action-button.ytd-banner-promo-renderer { + margin-top: 59px; + transform: scale(1.4); + } + + ytd-banner-promo-renderer.banner-promo-style-type-big .ytd-banner-promo-renderer-content.ytd-banner-promo-renderer { + bottom: 78px; + max-width: 784px; + } + + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-ad .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { + height: 250px; + margin-top: 10px; + max-width: 970px; + background-size: 970px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { + display: flex; + flex-direction: column; + justify-content: flex-end; + background-position: top center; + background-repeat: no-repeat; + background-size: auto 260px; + text-align: left; + height: 260px; + max-width: none; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-inline-image.ytd-banner-promo-renderer { + position: absolute; + bottom: 0; + height: 260px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-logo.ytd-banner-promo-renderer { + position: relative; + margin-bottom: 8px; + height: 28px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-title.ytd-banner-promo-renderer,ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-promo-text.ytd-banner-promo-renderer { + font-family: "YT Sans", Roboto, Arial, sans-serif; + font-weight: 400; + margin-bottom: 20px; + max-width: 440px; + height: 92px; + overflow: hidden; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-content.ytd-banner-promo-renderer { + position: relative; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-title.ytd-banner-promo-renderer { + font-size: 42px; + line-height: 46px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2.compact-title .ytd-banner-promo-renderer-title.ytd-banner-promo-renderer { + font-size: 36px; + line-height: 43px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-promo-text.ytd-banner-promo-renderer { + font-size: 26px; + line-height: 30px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 #action-button.ytd-banner-promo-renderer { + --yt-basic-background-color: transparent; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-layout-container.ytd-banner-promo-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin: 0 24px; + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 .ytd-banner-promo-renderer-layout.ytd-banner-promo-renderer { + width: 100%; + min-width: --ytd-rich-grid-item-min-width; + max-width: calc( var(--ytd-rich-grid-item-max-width) * var(--ytd-rich-grid-items-per-row) + var(--ytd-rich-grid-item-margin) * var(--ytd-rich-grid-items-per-row) ); + margin-right: calc(-1 * var(--ytd-rich-grid-item-margin)); + } + + ytd-banner-promo-renderer.banner-promo-style-type-masthead-v2 ytd-button-renderer#action-button.ytd-banner-promo-renderer { + margin: 0 0 34px; + border: 2px solid; + } + + ytd-settings-sidebar-renderer { + display: block; + width: 240px; + padding: 20px 0; + box-sizing: border-box; + background-color: var(--yt-spec-general-background-b); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-settings-sidebar-renderer { + color: var(--yt-spec-text-secondary); + padding-left: 24px; + padding-bottom: 20px; + text-transform: uppercase; + font-size: 1.6em; + font-weight: 500; + } + + ytd-hashtag-header-renderer { + display: block; + position: relative; + box-sizing: border-box; + width: min-content; + min-width: 100%; + padding: 28px; + } + + #background.ytd-hashtag-header-renderer { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + } + + #background-image.ytd-hashtag-header-renderer { + width: 100%; + height: 100%; + background-repeat: no-repeat; + background-position: right center; + background-size: 33.3%; + } + + @media (max-width: 720px) { + #background-image.ytd-hashtag-header-renderer { + background-size: 50%; + } + + } + + [dir="rtl"] #background-image.ytd-hashtag-header-renderer, #background-image.ytd-hashtag-header-renderer[dir="rtl"] { + background-position: left center; + transform: scaleX(-1); + } + + #hashtag.ytd-hashtag-header-renderer { + color: var(--yt-spec-static-brand-white); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + #hashtag-info.ytd-hashtag-header-renderer { + padding-top: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #hashtag-info-text.ytd-hashtag-header-renderer { + color: var(--yt-spec-static-brand-white); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #facepile.ytd-hashtag-header-renderer { + margin-left: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + .thumbnail.ytd-hashtag-header-renderer { + position: relative; + margin-left: -4px; + width: 15px; + height: 15px; + border: 2px solid var(--yt-spec-static-brand-white); + border-radius: 50%; + background-color: var(--yt-spec-static-brand-white) !important; + overflow: hidden; + } + + #facepile.ytd-hashtag-header-renderer .thumbnail.ytd-hashtag-header-renderer:nth-child(2) { + margin-left: -14px; + } + + #facepile.ytd-hashtag-header-renderer .thumbnail.ytd-hashtag-header-renderer:nth-child(1) { + margin-left: -14px; + } + + ytd-topic-channel-details-renderer { + display: block; + } + + #channel-header-container.ytd-topic-channel-details-renderer { + width: 100%; + padding-top: 16px; + padding-bottom: 16px; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #title.ytd-topic-channel-details-renderer { + display: inline; + color: var(--yt-spec-text-primary); + font-size: 2.4rem; + font-weight: 500; + line-height: 3rem; + } + + #subtitle.ytd-topic-channel-details-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .yt-simple-endpoint.ytd-topic-channel-details-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #avatar.ytd-topic-channel-details-renderer { + width: 80px; + height: 80px; + margin: 0 24px 0 0; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #subscribe-button.ytd-topic-channel-details-renderer { + position: absolute; + right: 0px; + margin-right: -4px; + } + + ytd-topic-channel-details-renderer.grid:not(.grid-disabled) { + max-width: var(--ytd-grid-max-width); + } + + ytd-topic-channel-details-renderer.grid-1-columns,.grid-1-columns.ytd-topic-channel-details-renderer { + width: var(--ytd-grid-1-columns-width) !important; + } + + ytd-topic-channel-details-renderer.grid-2-columns,.grid-2-columns.ytd-topic-channel-details-renderer { + width: var(--ytd-grid-2-columns-width) !important; + } + + ytd-topic-channel-details-renderer.grid-3-columns,.grid-3-columns.ytd-topic-channel-details-renderer { + width: var(--ytd-grid-3-columns-width) !important; + } + + ytd-topic-channel-details-renderer.grid-4-columns,.grid-4-columns.ytd-topic-channel-details-renderer { + width: var(--ytd-grid-4-columns-width) !important; + } + + ytd-topic-channel-details-renderer.grid-5-columns,.grid-5-columns.ytd-topic-channel-details-renderer { + width: var(--ytd-grid-5-columns-width) !important; + } + + ytd-topic-channel-details-renderer.grid-6-columns,.grid-6-columns.ytd-topic-channel-details-renderer { + width: var(--ytd-grid-6-columns-width) !important; + } + + ytd-carousel-header-renderer { + --ytd-default-promo-panel-renderer-height: 400px; + display: block; + width: 100%; + background-color: var(--yt-spec-general-background-a); + } + + ytd-carousel-item-renderer.ytd-carousel-header-renderer { + background-color: #000; + } + + ytd-topic-channel-details-renderer.ytd-carousel-header-renderer { + margin: auto; + } + + ytd-carousel-header-renderer[disable-grid-state-aware] ytd-topic-channel-details-renderer.ytd-carousel-header-renderer { + width: calc(100% - 48px); + max-width: var(--ytd-rich-grid-max-width); + } + + ytd-channel-metadata-renderer { + display: none; + } + + ytd-browse-feed-actions-renderer { + display: block; + } + + #contents.ytd-browse-feed-actions-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #contents.ytd-browse-feed-actions-renderer > ytd-button-renderer.ytd-browse-feed-actions-renderer,#contents.ytd-browse-feed-actions-renderer > ytd-toggle-button-renderer.ytd-browse-feed-actions-renderer { + margin-top: 16px; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + @media (min-width: 876px) { + ytd-browse-feed-actions-renderer { + margin-bottom: 50px; + } + + } + + ytd-sub-feed-option-renderer { + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .yt-simple-endpoint.ytd-sub-feed-option-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-sub-feed-option-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-sub-feed-option-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + yt-formatted-string.ytd-sub-feed-option-renderer { + color: var(--yt-spec-text-primary); + } + + paper-radio-button.ytd-sub-feed-option-renderer { + --paper-radio-button-label-spacing: 0; + --paper-radio-button-label_-_display: var(--layout-horizontal_-_display); --paper-radio-button-label_-_-ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); --paper-radio-button-label_-_-webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); --paper-radio-button-label_-_flex-direction: var(--layout-horizontal_-_flex-direction); --paper-radio-button-label_-_-ms-flex-align: var(--layout-center_-_-ms-flex-align); --paper-radio-button-label_-_-webkit-align-items: var(--layout-center_-_-webkit-align-items); --paper-radio-button-label_-_align-items: var(--layout-center_-_align-items); --paper-radio-button-label_-_width: initial;; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + ytd-sub-feed-selector-renderer { + display: block; + margin-bottom: 8px; + } + + #title.ytd-sub-feed-selector-renderer { + color: var(--yt-spec-text-primary); + padding: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer { + padding: 16px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #title.ytd-sub-feed-selector-renderer,ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-search-box-renderer { + margin: 4px 16px 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + form.ytd-search-box-renderer { + margin-bottom: 0; + } + + paper-input.ytd-search-box-renderer { + --paper-input-container-color: var(--yt-spec-text-secondary); + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-underline-color: var(--yt-opalescence-grey); + --paper-input-container-underline-legacy-height: 0; + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + --paper-input-container-label_-_color: var(--yt-placeholder-text); --paper-input-container-label_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-label_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-label_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-label_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-label_-_padding: initial; --paper-input-container-label_-_opacity: initial;; + width: 250px; + } + + paper-input.ytd-search-box-renderer[focused] { + --paper-input-container-label_-_opacity: .5; --paper-input-container-label_-_color: var(--yt-spec-text-primary); --paper-input-container-label_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-label_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-label_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-label_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-label_-_padding: initial;; + } + + paper-input.ytd-search-box-renderer { + margin-bottom: -2px; + } + + paper-input.ytd-search-box-renderer[focused] ytd-button-renderer.ytd-search-box-renderer { + --yt-button-color: var(--yt-spec-text-primary); + } + + ytd-search-box-renderer[hide-clear-button] #clear-button.ytd-search-box-renderer { + display: none; + } + + #clear-button.ytd-search-box-renderer ytd-button-renderer.ytd-search-box-renderer { + --yt-icon-button-icon-width: 20px; + } + + #search-button.ytd-search-box-renderer { + margin-left: -8px; + } + + #clear-button.ytd-search-box-renderer { + margin-right: -12px; + } + + ytd-browse-secondary-contents-renderer { + display: block; + padding-left: 28px; + padding-top: 24px; + } + + #contents.ytd-browse-secondary-contents-renderer > *.ytd-browse-secondary-contents-renderer:not(:first-child) { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding-top: 24px; + } + + ytd-mini-channel-renderer { + display: block; + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + yt-img-shadow.ytd-mini-channel-renderer { + height: 24px; + width: 24px; + margin-right: 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #channel-info.ytd-mini-channel-renderer { + margin-bottom: 8px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .title.ytd-mini-channel-renderer { + color: var(--yt-spec-text-primary); + text-overflow: ellipsis; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-vertical-channel-section-renderer { + display: block; + padding-bottom: 24px; + } + + #items.ytd-vertical-channel-section-renderer > *.ytd-vertical-channel-section-renderer:not(:first-child) { + padding-top: 24px; + } + + #title.ytd-vertical-channel-section-renderer { + color: var(--yt-spec-text-secondary); + margin-bottom: 24px; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + ytd-feed-filter-chip-bar-renderer { + --ytd-rich-grid-chips-bar-width: 100%; + --ytd-rich-grid-chips-bar-top: 56px; + width: 100%; + height: 56px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #scroll-container.ytd-feed-filter-chip-bar-renderer { + position: relative; + white-space: nowrap; + overflow: hidden; + } + + #left-arrow.ytd-feed-filter-chip-bar-renderer:after,#right-arrow.ytd-feed-filter-chip-bar-renderer:before { + height: 100%; + width: 50px; + content: ""; + pointer-events: none; + } + + #left-arrow.ytd-feed-filter-chip-bar-renderer:after { + background: linear-gradient(to right, var(--yt-spec-brand-background-primary) 20%, rgba(255, 255, 255, 0) 80%); + } + + ytd-feed-filter-chip-bar-renderer[is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer:after { + background: linear-gradient(to right, var(--yt-spec-brand-background-primary) 20%, rgba(33, 33, 33, 0) 80%); + } + + #right-arrow.ytd-feed-filter-chip-bar-renderer:before { + background: linear-gradient(to left, var(--yt-spec-brand-background-primary) 20%, rgba(255, 255, 255, 0) 80%); + } + + ytd-feed-filter-chip-bar-renderer[is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer:before { + background: linear-gradient(to left, var(--yt-spec-brand-background-primary) 20%, rgba(33, 33, 33, 0) 80%); + } + + #chips.ytd-feed-filter-chip-bar-renderer { + transition-duration: 0.15s; + transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + will-change: transform; + display: inline-block; + white-space: nowrap; + } + + yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer { + margin: 12px; + margin-left: 0; + } + + yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:first-of-type { + margin-left: 24px; + } + + yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:last-of-type { + margin-right: 24px; + } + + #left-arrow.ytd-feed-filter-chip-bar-renderer,#right-arrow.ytd-feed-filter-chip-bar-renderer { + position: absolute; + height: 100%; + z-index: 2000; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #left-arrow.ytd-feed-filter-chip-bar-renderer { + left: 0; + } + + #right-arrow.ytd-feed-filter-chip-bar-renderer { + right: 0; + } + + ytd-feed-filter-chip-bar-renderer[at-start] #left-arrow.ytd-feed-filter-chip-bar-renderer { + display: none; + } + + ytd-feed-filter-chip-bar-renderer[at-end] #right-arrow.ytd-feed-filter-chip-bar-renderer { + display: none; + } + + #left-arrow-button.ytd-feed-filter-chip-bar-renderer,#right-arrow-button.ytd-feed-filter-chip-bar-renderer { + background-color: var(--yt-spec-brand-background-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-button-renderer.ytd-feed-filter-chip-bar-renderer { + --yt-button-color: var(--yt-spec-icon-active-other); + --yt-button-icon-size: 32px; + border-radius: 16px; + height: 32px; + margin: 0 12px; + width: 32px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #chips-wrapper.ytd-feed-filter-chip-bar-renderer { + position: fixed; + top: var(--ytd-rich-grid-chips-bar-top); + width: var(--ytd-rich-grid-chips-bar-width); + z-index: 2000; + background-color: var(--yt-spec-brand-background-primary); + border-top: 1px solid var(--yt-spec-10-percent-layer); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-feed-filter-chip-bar-renderer[not-sticky] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { + position: relative; + top: 0; + width: 100%; + } + + ytd-feed-filter-chip-bar-renderer[component-style=FEED_FILTER_CHIP_BAR_STYLE_TYPE_HASHTAG_LANDING_PAGE] { + margin-bottom: -24px; + } + + ytd-feed-filter-chip-bar-renderer[component-style=FEED_FILTER_CHIP_BAR_STYLE_TYPE_HASHTAG_LANDING_PAGE] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { + background-color: transparent; + border: none; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + yt-chip-cloud-chip-renderer { + height: 32px; + min-width: 12px; + + padding: 0 10px; + border-radius: 16px; + box-sizing: border-box; + outline: none; + + overflow: hidden; + cursor: pointer; + user-select: none; + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout-inline_-_display, var(--layout-horizontal_-_display)); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"],yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] { + background-color: var(--yt-spec-badge-chip-background); + border: 1px solid var(--yt-spec-10-percent-layer); + color: var(--yt-spec-text-primary); + padding: 0 var(--ytd-margin-3x); + transition: background-color 0.5s cubic-bezier(0.05, 0.0, 0.0, 1); + } + + yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected],yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] { + background-color: var(--yt-spec-icon-active-other); + color: var(--yt-spec-text-primary-inverse); + } + + yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected]:hover,yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected]:hover,yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected]:focus,yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected]:focus { + background-color: var(--yt-spec-icon-inactive); + } + + yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"]:not([selected]):hover,yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"]:not([selected]):hover,yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"]:not([selected]):focus,yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"]:not([selected]):focus { + background-color: var(--yt-spec-button-chip-background-hover); + } + + yt-chip-cloud-chip-renderer[chip-style="STYLE_RELATED"][selected] { + background-color: var(--yt-spec-call-to-action); + color: var(--yt-white); + } + + yt-chip-cloud-chip-renderer[chip-style="STYLE_RELATED"]:not([selected]) { + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-primary); + } + + yt-chip-cloud-chip-renderer[chip-style="STYLE_RELATED"]:not([selected]):hover,yt-chip-cloud-chip-renderer[chip-style="STYLE_RELATED"]:not([selected]):focus { + background-color: var(--yt-spec-button-chip-background-hover); + } + + #text.yt-chip-cloud-chip-renderer { + max-width: 20rem; + } + + ytd-rich-grid-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #header.ytd-rich-grid-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #masthead-ad.ytd-rich-grid-renderer { + width: 100%; + -ms-flex: var(--ytd-safari-layout-fix_-_-ms-flex); -webkit-flex: var(--ytd-safari-layout-fix_-_-webkit-flex); flex: var(--ytd-safari-layout-fix_-_flex); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + ytd-video-masthead-ad-v3-renderer.ytd-rich-grid-renderer { + margin: 16px 24px 0 24px; + } + + @media (min-width: 671px) { + ytd-video-masthead-ad-v3-renderer.ytd-rich-grid-renderer { + width: 100% !important; + overflow: hidden; + } + + } + + #grid-title.ytd-rich-grid-renderer { + margin-top: 36px; + margin-left: 24px; + } + + #grid-title.ytd-rich-grid-renderer:focus { + outline: none; + } + + #title.ytd-rich-grid-renderer { + color: var(--yt-spec-text-primary); + font-size: 2rem; + font-weight: 500; + line-height: 2.4rem; + } + + #contents.ytd-rich-grid-renderer,#grid-title.ytd-rich-grid-renderer { + width: calc(100% - var(--ytd-rich-grid-item-margin) * 2); + max-width: calc( var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) ); + } + + ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer { + max-width: calc( var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) ); + } + + #contents.ytd-rich-grid-renderer { + margin-top: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + @media (max-width: 600px) { + #contents.ytd-rich-grid-renderer { + width: calc(100% + var(--ytd-rich-grid-item-margin)); + } + + } + + #masthead-ad.ytd-rich-grid-renderer > *.ytd-rich-grid-renderer { + margin-bottom: 32px; + } + + ytd-rich-grid-renderer[is-reloading] #contents.ytd-rich-grid-renderer,ytd-rich-grid-renderer[continuation-is-reloading] #contents.ytd-rich-grid-renderer { + opacity: 0.25; + pointer-events: none; + } + + #contents.ytd-rich-grid-renderer ytd-rich-section-renderer.ytd-rich-grid-renderer:first-child { + border-top: none; + } + + ytd-rich-section-renderer.ytd-rich-grid-renderer + ytd-rich-section-renderer.ytd-rich-grid-renderer { + margin-top: -44px; + } + + #spinner-container.ytd-rich-grid-renderer { + height: 0; + } + + paper-spinner-lite.ytd-rich-grid-renderer { + margin: auto; + display: none; + } + + paper-spinner-lite.ytd-rich-grid-renderer[active] { + display: block; + margin-top: 150px; + } + + ytd-rich-grid-media { + --yt-button-compact-background-color: var(--yt-spec-10-percent-layer); + --yt-button-compact-text-color: var(--yt-spec-text-secondary); + width: 100%; + margin: 0; + display: block; + max-width: var(--ytd-rich-grid-item-max-width); + } + + ytd-rich-grid-media[mini-mode] { + max-width: var(--ytd-rich-grid-mini-item-max-width); + } + + ytd-rich-grid-media:not(:hover) ytd-menu-renderer.ytd-rich-grid-media:not([menu-active]).ytd-rich-grid-media:not(:focus-within) { + opacity: 0; + } + + ytd-rich-grid-media[is-dismissed] #dismissable.ytd-rich-grid-media,ytd-rich-grid-media #dismissed.ytd-rich-grid-media { + display: none; + } + + ytd-rich-grid-media[is-dismissed] #dismissed.ytd-rich-grid-media { + display: block; + } + + ytd-thumbnail.ytd-rich-grid-media { + width: 100%; + position: relative; + } + + ytd-thumbnail.ytd-rich-grid-media:before { + display: block; + content: ""; + width: 100%; + padding-top: 56.25%; + background-color: var(--yt-spec-10-percent-layer); + } + + #meta.ytd-rich-grid-media { + overflow-x: hidden; + padding-right: 24px; + } + + #badges.ytd-rich-grid-media { + margin-top: 8px; + } + + #details.ytd-rich-grid-media { + position: relative; + cursor: pointer; + margin: 0 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + @media (min-width: 392px) { + #details.ytd-rich-grid-media { + margin: 0; + } + + } + + #avatar-link.ytd-rich-grid-media { + height: 36px; + margin-top: 12px; + margin-right: 12px; + } + + #avatar.ytd-rich-grid-media { + background-color: var(--yt-spec-10-percent-layer) !important; + width: 36px; + height: 36px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + ytd-menu-renderer.ytd-rich-grid-media { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + position: absolute; + top: 0; + right: 0; + margin-top: 12px; + } + + #dismissed.ytd-rich-grid-media { + padding-bottom: 56.19%; + border: 1px solid var(--yt-spec-10-percent-layer); + position: relative; + } + + #dismissed.ytd-rich-grid-media:focus { + outline: none; + } + + #dismissed-content.ytd-rich-grid-media { + box-sizing: border-box; + padding: 8px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #video-title-link.ytd-rich-grid-media { + display: block; + } + + #video-title.ytd-rich-grid-media { + color: var(--yt-spec-text-primary); + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + font-size: 1.6rem; + font-weight: 500; + line-height: 2.2rem; + max-height: 4.4rem; + } + + ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media { + font-size: 1.4rem; + line-height: 2rem; + max-height: 4rem; + } + + h3.ytd-rich-grid-media { + color: var(--yt-spec-text-primary); + margin: 12px 0 4px 0; + } + + ytd-rich-grid-media[mini-mode] h3.ytd-rich-grid-media { + margin-bottom: 6px; + } + + #buttons.ytd-rich-grid-media > *.ytd-rich-grid-media { + margin-top: 4px; + } + + ytd-badge-supported-renderer.ytd-rich-grid-media { + margin: 4px 4px 0 0; + } + + #dismissed-content.ytd-rich-grid-media { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-rich-grid-movie { + width: 100%; + margin: 0; + display: block; + max-width: var(--ytd-rich-grid-movie-max-width); + } + + ytd-rich-grid-movie:not(:hover) ytd-menu-renderer.ytd-rich-grid-movie:not([menu-active]).ytd-rich-grid-movie:not(:focus-within) { + opacity: 0; + } + + ytd-thumbnail.ytd-rich-grid-movie { + width: 100%; + position: relative; + } + + ytd-thumbnail.ytd-rich-grid-movie:before { + display: block; + content: ""; + width: 100%; + padding-top: 144%; + background-color: var(--yt-spec-10-percent-layer); + } + + #badges.ytd-rich-grid-movie { + margin-top: 8px; + } + + #details.ytd-rich-grid-movie { + position: relative; + cursor: pointer; + margin: 0 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + @media (min-width: 392px) { + #details.ytd-rich-grid-movie { + margin: 0; + } + + } + + #video-title.ytd-rich-grid-movie { + color: var(--yt-spec-text-primary); + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + font-size: 1.6rem; + font-weight: 500; + line-height: 2.2rem; + max-height: 4.4rem; + } + + h3.ytd-rich-grid-movie { + color: var(--yt-spec-text-primary); + padding: 12px 24px 4px 0; + } + + ytd-video-metadata-block.ytd-rich-grid-movie { + padding-right: 24px; + } + + ytd-badge-supported-renderer.ytd-rich-grid-movie { + --ytd-badge-white-space: nowrap; + flex-wrap: wrap; + margin: 4px 4px 0 0; + } + + ytd-menu-renderer.ytd-rich-grid-movie { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + position: absolute; + top: 0; + right: 0; + margin-top: 12px; + } + + ytd-rich-grid-movie[is-dismissed] #dismissable.ytd-rich-grid-movie,ytd-rich-grid-movie #dismissed.ytd-rich-grid-movie { + display: none; + } + + ytd-rich-grid-movie[is-dismissed] #dismissed.ytd-rich-grid-movie { + display: block; + } + + #dismissed.ytd-rich-grid-movie { + padding-bottom: 143%; + border: 1px solid var(--yt-spec-10-percent-layer); + position: relative; + } + + .yt-simple-endpoint.ytd-rich-grid-movie { + overflow-x: hidden; + } + + #dismissed.ytd-rich-grid-movie:focus { + outline: none; + } + + #dismissed-content.ytd-rich-grid-movie { + box-sizing: border-box; + padding: 8px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #dismissed-content.ytd-rich-grid-movie { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-rich-item-renderer { + margin-left: calc(var(--ytd-rich-grid-item-margin) / 2); + margin-right: calc(var(--ytd-rich-grid-item-margin) / 2); + margin-bottom: 40px; + width: calc( 100% / var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - 0.01px ); + } + + ytd-rich-item-renderer[is-post] { + width: calc( 100% / var(--ytd-rich-grid-posts-per-row) - var(--ytd-rich-grid-item-margin) - 0.01px ); + } + + ytd-rich-item-renderer[is-movie] { + width: calc( 100% / var(--ytd-rich-grid-movies-per-row) - var(--ytd-rich-grid-item-margin) - 0.01px ); + } + + #content.ytd-rich-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #content.ytd-rich-item-renderer ytd-post-renderer.ytd-rich-item-renderer,#content.ytd-rich-item-renderer ytd-shared-post-renderer.ytd-rich-item-renderer { + max-width: 100%; + width: 100%; + overflow: hidden; + } + + ytd-primetime-promo-details-renderer { + width: 100%; + min-width: var(--ytd-rich-grid-mini-item-min-width); + padding-top: 56.25%; + position: relative; + } + + #content.ytd-primetime-promo-details-renderer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #action-button.ytd-primetime-promo-details-renderer { + margin-top: 16px; + } + + #detail-text.ytd-primetime-promo-details-renderer { + margin-top: 12px; + color: var(--yt-spec-text-secondary); + -ms-flex: none; + -webkit-flex: none; + flex: none; + display: block; + max-height: var(--yt-user-comment-line-height, 2.1rem); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #headline.ytd-primetime-promo-details-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-badge-supported-renderer.ytd-primetime-promo-details-renderer { + margin-top: 12px; + } + + ytd-rich-section-renderer { + width: 100%; + margin-left: calc(var(--ytd-rich-grid-item-margin) / 2); + margin-right: calc(var(--ytd-rich-grid-item-margin) / 2); + } + + #content.ytd-rich-section-renderer { + width: 100%; + } + + ytd-primetime-promo-renderer.ytd-rich-section-renderer,ytd-inline-survey-renderer.ytd-rich-section-renderer { + border-top: 4px solid var(--yt-spec-10-percent-layer); + border-bottom: 4px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + ytd-primetime-promo-renderer.ytd-rich-section-renderer { + margin-right: 16px; + } + + #content.ytd-rich-section-renderer > *.ytd-rich-section-renderer { + margin-bottom: 40px; + } + + ytd-counterfactual-renderer.ytd-rich-section-renderer { + margin-bottom: 0; + } + + ytd-primetime-promo-renderer.ytd-rich-section-renderer[is-primetime-redesign] { + margin-right: 0; + } + + ytd-rich-shelf-renderer { + border-top: 4px solid var(--yt-spec-10-percent-layer); + width: 100%; + overflow-x: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-rich-shelf-renderer[is-dismissed] #dismissable.ytd-rich-shelf-renderer,ytd-rich-shelf-renderer:not([is-dismissed]) #dismissed.ytd-rich-shelf-renderer { + display: none; + } + + #dismissable.ytd-rich-shelf-renderer { + width: 100%; + } + + #dismissed.ytd-rich-shelf-renderer { + border-bottom: 4px solid var(--yt-spec-10-percent-layer); + width: 100%; + } + + #dismissed.ytd-rich-shelf-renderer:focus { + outline: none; + } + + #rich-shelf-header.ytd-rich-shelf-renderer { + margin: 24px 0 24px 8px; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #rich-shelf-header.ytd-rich-shelf-renderer:focus { + outline: none; + } + + #rich-shelf-header.ytd-rich-shelf-renderer h2.ytd-rich-shelf-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #rich-shelf-header.ytd-rich-shelf-renderer a.ytd-rich-shelf-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #image-container.ytd-rich-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #avatar.ytd-rich-shelf-renderer { + height: 36px; + width: 36px; + margin-right: 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #title-container.ytd-rich-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #title-text.ytd-rich-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-rich-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: 2rem; + font-weight: 500; + line-height: 2.4rem; + } + + #subtitle.ytd-rich-shelf-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-user-comment-line-height, 2.1rem); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #featured-badge.ytd-rich-shelf-renderer { + margin-left: 8px; + } + + #menu.ytd-rich-shelf-renderer { + margin-top: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #contents.ytd-rich-shelf-renderer { + overflow-x: auto; + margin-left: calc(-1 * var(--ytd-rich-grid-item-margin) / 2); + margin-right: calc( -1 * var(--ytd-rich-grid-item-margin) / 2 ); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + #contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer { + margin-bottom: 20px; + } + + @media (max-width: 800px) { + ytd-rich-shelf-renderer #contents.ytd-rich-shelf-renderer { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + } + + #button-container.ytd-rich-shelf-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #show-more-button.ytd-rich-shelf-renderer { + border-bottom: 4px solid var(--yt-spec-10-percent-layer); + cursor: pointer; + padding: 2px 0; + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #show-more-button.ytd-rich-shelf-renderer:hover { + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-icon-active-other); + } + + #show-more-button.ytd-rich-shelf-renderer:focus { + outline: none; + } + + ytd-rich-shelf-renderer[is-show-more-hidden] #dismissable.ytd-rich-shelf-renderer { + border-bottom: 4px solid var(--yt-spec-10-percent-layer); + } + + ytd-statement-banner-renderer { + --ytd-statement-banner-thumbnail-width: calc( + (100% + var(--ytd-rich-grid-item-margin)) / + var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) + ); + display: block; + } + + ytd-statement-banner-renderer[is-dismissed] #dismissable.ytd-statement-banner-renderer,ytd-statement-banner-renderer:not([is-dismissed]) #dismissed.ytd-statement-banner-renderer { + display: none; + } + + ytd-statement-banner-renderer[is-dark-theme] #content-wrapper.ytd-statement-banner-renderer { + background-color: var(--yt-spec-static-brand-white); + } + + #content-wrapper.ytd-statement-banner-renderer { + width: 100%; + background-repeat: no-repeat; + position: relative; + background-color: var(--yt-spec-general-background-c); + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .showcase-image.ytd-statement-banner-renderer { + width: var(--ytd-statement-banner-thumbnail-width); + flex-shrink: 0; + height: auto; + } + + #logo-container.showcase-image.ytd-statement-banner-renderer { + position: relative; + padding-bottom: calc(var(--ytd-statement-banner-thumbnail-width) * 9 / 16); + } + + #tile-image.ytd-statement-banner-renderer { + width: 100%; + height: 100%; + display: block; + } + + #tile-container.ytd-statement-banner-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + #logo-container.ytd-statement-banner-renderer { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #logo-wrapper.ytd-statement-banner-renderer { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #details-container.ytd-statement-banner-renderer { + padding: 24px 16px 24px var(--ytd-rich-grid-item-margin); + flex: 1; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + #text-container.ytd-statement-banner-renderer { + width: calc(100% / (var(--ytd-rich-grid-items-per-row) - 1) * 2); + max-width: calc(100% / (var(--ytd-rich-grid-items-per-row) - 1) * 2); + padding-right: var(--ytd-rich-grid-item-margin); + } + + #button-container.ytd-statement-banner-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #button-wrapper.ytd-statement-banner-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + #logo-image.ytd-statement-banner-renderer { + margin-bottom: 8px; + } + + #title-container.ytd-statement-banner-renderer { + margin-bottom: 8px; + color: var(--yt-spec-text-primary); + font-family: "YT Sans", "Roboto", sans-serif; + font-size: 3.2rem; + line-height: 4.4rem; + font-weight: 500; + } + + #subtitle-container.ytd-statement-banner-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #primary-button.ytd-statement-banner-renderer { + margin-right: 12px; + } + + #dismiss-button.ytd-statement-banner-renderer { + position: absolute; + top: 8px; + right: 8px; + z-index: 1; + } + + #primary-button.ytd-statement-banner-renderer,#secondary-button.ytd-statement-banner-renderer { + margin-top: calc(var(--ytd-margin-3x) / 2); + margin-bottom: calc(var(--ytd-margin-3x) / 2); + } + + ytd-statement-banner-renderer[elements-per-row="1"] #subtitle.ytd-statement-banner-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-statement-banner-renderer[elements-per-row="1"] #content-wrapper.ytd-statement-banner-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-statement-banner-renderer[elements-per-row="1"] #details-container.ytd-statement-banner-renderer { + padding-top: 48px; + padding-left: 12px; + padding-right: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + ytd-statement-banner-renderer[elements-per-row="1"] #logo-image.ytd-statement-banner-renderer { + margin-bottom: 16px; + } + + ytd-statement-banner-renderer[elements-per-row="1"] #title-container.ytd-statement-banner-renderer { + margin-bottom: 0; + } + + ytd-statement-banner-renderer[elements-per-row="1"] #subtitle-container.ytd-statement-banner-renderer { + margin-top: 8px; + } + + ytd-statement-banner-renderer[elements-per-row="1"] #text-container.ytd-statement-banner-renderer { + padding-right: 0; + width: auto; + } + + ytd-statement-banner-renderer[elements-per-row="1"] #primary-button.ytd-statement-banner-renderer,ytd-statement-banner-renderer[elements-per-row="1"] #secondary-button.ytd-statement-banner-renderer { + margin-top: 16px; + margin-bottom: 0; + } + + ytd-statement-banner-renderer[elements-per-row="1"] #dismiss-button.ytd-statement-banner-renderer { + top: 12px; + right: 12px; + } + + ytd-statement-banner-renderer[elements-per-row="1"][has-tile-image] #dismiss-button.ytd-statement-banner-renderer { + border-radius: 50%; + background-color: rgba(0, 0, 0, 0.6); + } + + ytd-statement-banner-renderer[elements-per-row="1"][has-tile-image] #dismiss-button.ytd-statement-banner-renderer ytd-button-renderer.ytd-statement-banner-renderer { + color: var(--yt-spec-static-brand-white); + } + + ytd-statement-banner-renderer[elements-per-row="1"][has-tile-image] #details-container.ytd-statement-banner-renderer { + padding-top: 20px; + } + + ytd-statement-banner-renderer[elements-per-row="2"] .showcase-image.ytd-statement-banner-renderer { + flex-shrink: 0; + } + + ytd-statement-banner-renderer[elements-per-row="2"] #details-container.ytd-statement-banner-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-statement-banner-renderer[elements-per-row="2"] #button-container.ytd-statement-banner-renderer { + padding-top: 4px; + } + + ytd-statement-banner-renderer[elements-per-row="2"] #primary-button.ytd-statement-banner-renderer,ytd-statement-banner-renderer[elements-per-row="2"] #secondary-button.ytd-statement-banner-renderer { + margin-top: 12px; + margin-bottom: 0; + } + + ytd-statement-banner-renderer[elements-per-row="2"] #text-container.ytd-statement-banner-renderer { + width: auto; + } + + ytd-statement-banner-renderer[elements-per-row="2"] #tile.ytd-statement-banner-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + ytd-statement-banner-renderer[elements-per-row="2"] #subtitle.ytd-statement-banner-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-statement-banner-renderer[elements-per-row="3"] #button-container.ytd-statement-banner-renderer { + padding-top: 4px; + } + + ytd-statement-banner-renderer[elements-per-row="3"] #details-container.ytd-statement-banner-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-statement-banner-renderer[elements-per-row="3"] #primary-button.ytd-statement-banner-renderer,ytd-statement-banner-renderer[elements-per-row="3"] #secondary-button.ytd-statement-banner-renderer { + margin-top: 12px; + margin-bottom: 0; + } + + ytd-statement-banner-renderer[elements-per-row="3"] #tile.ytd-statement-banner-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + ytd-statement-banner-renderer[elements-per-row="4"] #tile-container.ytd-statement-banner-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + ytd-statement-banner-renderer[title-size=TITLE_SIZE_SMALL] #title-container.ytd-statement-banner-renderer { + font-family: "YT Sans", "Roboto", sans-serif; + font-size: 2.4rem; + line-height: 3.4rem; + font-weight: 500; + } + + ytd-statement-banner-renderer[title-size=TITLE_SIZE_MEDIUM] #title-container.ytd-statement-banner-renderer { + font-family: "YT Sans", "Roboto", sans-serif; + font-size: 3.2rem; + line-height: 4.4rem; + font-weight: 500; + } + + ytd-statement-banner-renderer[title-size=TITLE_SIZE_LARGE] #title-container.ytd-statement-banner-renderer { + font-family: "YT Sans", "Roboto", sans-serif; + font-size: 4rem; + line-height: 5.4rem; + font-weight: 500; + } + + ytd-primetime-promo-header-renderer { + display: inline-block; + width: 210px; + } + + #logo.ytd-primetime-promo-header-renderer { + margin-top: 20px; + margin-bottom: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + } + + ytd-badge-supported-renderer.ytd-primetime-promo-header-renderer { + color: var(--yt-spec-text-secondary); + margin-left: 12px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #logo.ytd-primetime-promo-header-renderer > yt-img-shadow.ytd-primetime-promo-header-renderer { + height: 24px; + } + + ytd-primetime-promo-renderer[is-dismissed] { + display: none; + } + + #action-button.ytd-primetime-promo-renderer { + margin-top: 8px; + } + + #content-wrapper.ytd-primetime-promo-renderer { + min-width: 0px; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + #detail-text.ytd-primetime-promo-renderer { + margin-top: 4px; + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #dismissable.ytd-primetime-promo-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #dismiss-button.ytd-primetime-promo-renderer { + margin-top: 12px; + } + + #headline.ytd-primetime-promo-renderer { + display: block; + color: var(--yt-spec-text-primary); + max-height: 56px; + overflow: hidden; + text-overflow: ellipsis; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #header.ytd-primetime-promo-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #header-contents.ytd-primetime-promo-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #panels.ytd-primetime-promo-renderer { + margin-left: calc(-1 * var(--ytd-rich-grid-item-margin) / 2); + margin-right: calc(-1 * var(--ytd-rich-grid-item-margin) / 2); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #shelf-detail-container.ytd-primetime-promo-renderer { + width: 210px; + margin-right: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #shelf-detail-container.ytd-primetime-promo-renderer > ytd-badge-supported-renderer.ytd-primetime-promo-renderer { + margin-top: 8px; + height: 16px; + color: var(--yt-spec-themed-green); + } + + #shelf-container.ytd-primetime-promo-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-horizontal-list-renderer.ytd-primetime-promo-renderer { + --ytd-horizontal-list-arrow-top: 9px; + } + + ytd-channel-age-gate-renderer { + display: block; + padding: 96px; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #container.ytd-channel-age-gate-renderer { + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + yt-formatted-string.ytd-channel-age-gate-renderer { + color: var(--yt-spec-text-secondary); + padding-bottom: 8px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-button-renderer.ytd-channel-age-gate-renderer,#channel.ytd-channel-age-gate-renderer { + padding-bottom: 8px; + } + + #channel.ytd-channel-age-gate-renderer { + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #header.ytd-channel-age-gate-renderer { + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #channel-container.ytd-channel-age-gate-renderer { + padding-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + yt-img-shadow.ytd-channel-age-gate-renderer { + width: 144px; + height: 144px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #info.ytd-channel-age-gate-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #info.ytd-channel-age-gate-renderer > ytd-button-renderer.ytd-channel-age-gate-renderer { + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + ytd-channel-owner-empty-state-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + .container.ytd-channel-owner-empty-state-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + height: 384px; + margin-top: 96px; + margin-bottom: 56px; + } + + .content.ytd-channel-owner-empty-state-renderer { + margin-top: 12px; + width: 528px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .header.ytd-channel-owner-empty-state-renderer { + text-align: center; + padding: 0 24px; + margin-bottom: 8px; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .header-title.ytd-channel-owner-empty-state-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + .description.ytd-channel-owner-empty-state-renderer { + margin-bottom: 24px; + padding: 0 24px; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .description-text.ytd-channel-owner-empty-state-renderer { + text-align: center; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .button-layer.ytd-channel-owner-empty-state-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .learn-more.ytd-channel-owner-empty-state-renderer { + text-align: center; + color: var(--yt-spec-text-secondary); + margin-top: 24px; + min-height: 32px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-scrollable-calendar { + --ytd-scrollable-calendar-row-width: calc(40px * 7 + 2 * 16px); + min-height: 250px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .calendar-container.ytd-scrollable-calendar { + background-color: var(--yt-spec-brand-background-solid); + max-width: calc(var(--ytd-scrollable-calendar-row-width) + 15px + 8px + 2px); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .calendar-header.ytd-scrollable-calendar { + background-color: var(--yt-spec-brand-background-solid); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + padding: 0 16px; + padding-bottom: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #calendar-main.ytd-scrollable-calendar { + padding: 0 16px; + overflow-x: hidden; + overflow-y: auto; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .calendar-month.ytd-scrollable-calendar { + display: inline-block; + } + + .calendar-month-label.ytd-scrollable-calendar { + color: var(--yt-spec-text-secondary); + margin-left: 16px; + margin-top: 12px; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + .calendar-month-label.shift-down-label.ytd-scrollable-calendar { + position: absolute; + } + + .calendar-week.ytd-scrollable-calendar { + margin-left: 8px; + width: var(--ytd-scrollable-calendar-row-width); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .calendar-header-day.ytd-scrollable-calendar { + display: inline-block; + width: 40px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .calendar-header-day.ytd-scrollable-calendar:first-of-type { + margin-left: 8px; + } + + .calendar-day.ytd-scrollable-calendar { + height: 40px; + width: 40px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .calendar-header-day.ytd-scrollable-calendar { + color: var(--yt-spec-text-disabled); + } + + .calendar-day.ytd-scrollable-calendar { + color: var(--yt-spec-text-primary); + cursor: pointer; + position: relative; + } + + .calendar-day.ytd-scrollable-calendar:hover:not(.disabled)::after,.calendar-day.today.ytd-scrollable-calendar::after,.calendar-day.selected.ytd-scrollable-calendar::after,.calendar-day.period-start.ytd-scrollable-calendar::after,.calendar-day.period-end.ytd-scrollable-calendar::after { + border-radius: 100%; + bottom: 2px; + content: ""; + left: 2px; + position: absolute; + right: 2px; + top: 2px; + z-index: -1; + } + + .calendar-day.today.ytd-scrollable-calendar::after { + box-shadow: inset 0 0 0 1px var(--yt-spec-text-disabled); + } + + .calendar-day.ytd-scrollable-calendar:hover:not(.disabled) { + color: var(--yt-spec-text-primary); + } + + .calendar-day.ytd-scrollable-calendar:hover:not(.disabled)::after { + background: var(--yt-spec-general-background-c); + } + + .calendar-day.selected.ytd-scrollable-calendar { + color: var(--yt-spec-text-primary-inverse); + } + + .calendar-day.period-start.ytd-scrollable-calendar:not(.selected):hover::after,.calendar-day.period-end.ytd-scrollable-calendar:not(.selected):hover::after { + background: var(--yt-spec-general-background-c); + } + + .calendar-day.period-start.ytd-scrollable-calendar:not(.selected)::after,.calendar-day.period-end.ytd-scrollable-calendar:not(.selected)::after { + background: var(--yt-spec-call-to-action); + } + + .calendar-day.selected.ytd-scrollable-calendar::after { + background: var(--yt-spec-call-to-action); + } + + .calendar-day.disabled.ytd-scrollable-calendar { + color: var(--yt-spec-text-disabled); + cursor: default; + pointer-events: none; + } + + .calendar-day.highlighted.ytd-scrollable-calendar { + color: var(--yt-spec-text-primary); + } + + .calendar-day.highlighted.period-start.ytd-scrollable-calendar:not(:hover),.calendar-day.highlighted.period-end.ytd-scrollable-calendar:not(:hover) { + color: var(--yt-spec-text-primary-inverse); + } + + .calendar-day.highlighted.ytd-scrollable-calendar::before { + background-color: var(--yt-spec-suggested-action); + content: ""; + height: calc(40px - 4px); + left: 0; + position: absolute; + top: 2px; + width: 40px; + z-index: -1; + } + + .calendar-day.highlighted.ytd-scrollable-calendar:not(.selected)::before { + left: 0; + width: 40px; + } + + .calendar-day.highlighted.period-start.ytd-scrollable-calendar::before { + left: calc(40px / 2); + width: calc(40px / 2); + } + + .calendar-day.highlighted.period-end.ytd-scrollable-calendar::before { + left: 0; + width: calc(40px / 2); + } + + .calendar-day.period-start.period-end.ytd-scrollable-calendar::before { + background-color: transparent; + } + + .invisible.ytd-scrollable-calendar { + visibility: hidden; + } + + ytd-date-period-picker-renderer { + display: flex; + flex-direction: column; + overflow: hidden; + width: 352px; + } + + form.ytd-date-period-picker-renderer { + margin: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .error-message.ytd-date-period-picker-renderer { + color: var(--yt-spec-brand-link-text); + height: 18px; + margin-bottom: 4px; + margin-top: -12px; + text-align: center; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #separator.ytd-date-period-picker-renderer { + padding: 0 8px; + text-align: center; + } + + #calendar.ytd-date-period-picker-renderer { + min-height: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #control-area.ytd-date-period-picker-renderer { + margin: 0 20px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #buttons.ytd-date-period-picker-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #buttons.ytd-date-period-picker-renderer ytd-button-renderer.ytd-date-period-picker-renderer { + margin-right: 8px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + yt-text-input-form-field-renderer.ytd-date-period-picker-renderer { + --paper-input-container-floated-label-placeholder-display: none; + --paper-input-container-shared-input-style_-_padding: 4px + 0; + text-align: center; + } + + ytd-report-history-section-header-renderer { + display: block; + } + + .filter.ytd-report-history-section-header-renderer:not(:first-of-type) { + margin-left: 24px; + } + + ytd-report-history-table-text-cell-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + .icon-wrapper.ytd-report-history-table-text-cell-renderer { + color: var(--yt-spec-icon-disabled); + margin-right: 8px; + width: 24px; + } + + yt-formatted-string.ytd-report-history-table-text-cell-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-call-to-action); + display: block; + } + + .text.ytd-report-history-table-text-cell-renderer { + margin-top: calc(4px / 2); + overflow: hidden; + } + + .main-text.ytd-report-history-table-text-cell-renderer { + color: var(--main-text-color, var(--yt-spec-text-primary)); + margin-bottom: 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .sub-text.ytd-report-history-table-text-cell-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-report-reason-history-modal-renderer { + display: block; + min-width: 400px; + max-width: 500px; + } + + ytd-report-reason-history-modal-renderer.style-scope { + margin: 0; + padding: 0; + } + + #report-history-modal-body.ytd-report-reason-history-modal-renderer { + padding: 24px; + } + + .title.ytd-report-reason-history-modal-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 20px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #content-info.ytd-report-reason-history-modal-renderer { + margin-bottom: 12px; + } + + #scroller.ytd-report-reason-history-modal-renderer { + height: 250px; + width: 100%; + overflow: auto; + --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + } + + #report-history-modal-footer.ytd-report-reason-history-modal-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + ytd-report-history-table-cell-renderer { + display: inline-block; + } + + ytd-report-history-table-reason-cell-renderer { + display: inline-block; + } + + #show-all-reasons.ytd-report-history-table-reason-cell-renderer { + --yt-endpoint-color: var(--yt-spec-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-call-to-action); + margin-top: 12px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-report-history-table-row-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding: 16px 0; + } + + ytd-report-history-table-row-renderer,#row-container.ytd-report-history-table-row-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + ytd-report-history-table-cell-renderer.ytd-report-history-table-row-renderer { + width: 100%; + } + + ytd-report-history-table-row-renderer[component-style=COMPACT_ROW] { + border-bottom: none; + padding: 8px 0; + } + + ytd-report-history-table-row-renderer[component-style=COMPACT_ROW] ytd-report-history-table-cell-renderer.date.ytd-report-history-table-row-renderer { + --main-text-color: var(--yt-spec-text-secondary); + } + + #table-header.ytd-table-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding: 16px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + .cell-header.ytd-table-renderer { + color: var(--yt-spec-text-disabled); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-report-history-section-renderer { + color: var(--yt-spec-text-primary); + display: block; + } + + #items.ytd-report-history-section-renderer > *.ytd-report-history-section-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding: 16px 0 20px 0; + } + + #header.ytd-report-history-section-renderer { + margin-bottom: 4px; + } + + .table-container.ytd-report-history-section-renderer { + position: relative; + } + + .spinner-container.ytd-report-history-section-renderer { + background: var(--yt-spec-brand-background-solid); + opacity: 0.5; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + #unified-report-history.ytd-report-history-section-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding-top: 20px; + overflow-x: auto; + } + + ytd-report-description-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .report-description-vertical-line.ytd-report-description-renderer { + border-left: 2px solid var(--yt-spec-10-percent-layer); + margin-left: 20px; + margin-right: -5px; + margin-top: 14px; + margin-bottom: 13px; + } + + .report-description.ytd-report-description-renderer { + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + .report-description-item.ytd-report-description-renderer { + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .report-description-bullet.ytd-report-description-renderer { + min-width: 0; + border-radius: 50%; + width: 8px; + height: 8px; + margin-top: 6px; + margin-right: 10px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .report-description-upper-bullet.ytd-report-description-renderer { + margin-top: 6px; + background: var(--yt-spec-10-percent-layer); + } + + .report-description-lower-bullet.ytd-report-description-renderer { + margin-top: 4px; + background: var(--yt-paper-button-ink-color); + } + + .report-state.ytd-report-description-renderer { + min-width: 0; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .report-receipt.ytd-report-description-renderer { + min-width: 0; + white-space: pre-wrap; + overflow-wrap: break-word; + word-break: break-word; + margin-bottom: 16px; + } + + ytd-video-report-renderer { + --paper-input-container-input-align: baseline; + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .report-info.ytd-video-report-renderer { + flex-basis: 500px; + min-width: 200px; + padding: 4px; + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .report-info.ytd-video-report-renderer yt-formatted-string.ytd-video-report-renderer { + margin-bottom: 4px; + } + + .report-subtitle.ytd-video-report-renderer { + white-space: pre-wrap; + overflow-wrap: break-word; + word-break: break-all; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .report-thumbnail.ytd-video-report-renderer { + background-color: var(--yt-spec-10-percent-layer); + height: 54px; + margin-right: 16px; + width: 96px; + } + + @media screen and (max-width: 712px) { + .report-thumbnail.ytd-video-report-renderer { + display: none; + } + + } + + .report-title.ytd-video-report-renderer { + white-space: pre-wrap; + overflow-wrap: break-word; + word-break: break-word; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #description.ytd-video-report-renderer { + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-channel-list-sub-menu-avatar-renderer { + display: inline-block; + } + + a.ytd-channel-list-sub-menu-avatar-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + yt-img-shadow.ytd-channel-list-sub-menu-avatar-renderer { + width: 80px; + height: 80px; + --yt-img-border-radius: 40px; + } + + #title.ytd-channel-list-sub-menu-avatar-renderer { + margin-top: 8px; + color: var(--ytd-channel-list-sub-menu-link-color, var(--yt-spec-text-secondary)); + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-channel-list-sub-menu-renderer { + display: inline-block; + } + + #contents.ytd-channel-list-sub-menu-renderer { + max-width: var(--ytd-channel-list-sub-menu-max-width, 560px); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #contents.ytd-channel-list-sub-menu-renderer .ytd-channel-list-sub-menu-renderer:not(:first-child) { + margin-left: 24px; + } + + ytd-channel-list-sub-menu-renderer[aligment=distributed] { + display: block; + } + + ytd-channel-list-sub-menu-renderer[aligment=distributed] #contents.ytd-channel-list-sub-menu-renderer { + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + } + + ytd-channel-sub-menu-renderer { + height: 56px; + margin: 8px 0 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #primary-items.ytd-channel-sub-menu-renderer { + color: var(--yt-spec-text-primary); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-feed-channel-filter-header-renderer { + margin: 32px 0 0 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + h2.ytd-feed-channel-filter-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + a.ytd-feed-channel-filter-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #avatar.ytd-feed-channel-filter-header-renderer { + height: 56px; + width: 56px; + margin-right: 24px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #title.ytd-feed-channel-filter-header-renderer { + margin-top: 5px; + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + ytd-backstage-prefilled-post-dialog-header-renderer { + background: var(--yt-spec-general-background-b); + border-radius: 3px; + font-family: "Roboto", sans-serif; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #banner.ytd-backstage-prefilled-post-dialog-header-renderer { + background-repeat: repeat-x; + background-size: auto 100%; + border-radius: 3px 3px 0 0; + overflow: hidden; + height: 24px; + width: 100%; + } + + #title.ytd-backstage-prefilled-post-dialog-header-renderer { + color: var(--ytd-backstage-creationbox-input-text-color); + font-size: 1.8rem; + font-weight: 400; + } + + ytd-backstage-prefilled-post-dialog-header-renderer[has-text] #title.ytd-backstage-prefilled-post-dialog-header-renderer { + margin-bottom: 8px; + } + + #text.ytd-backstage-prefilled-post-dialog-header-renderer { + color: var(--ytd-backstage-creationbox-text-color); + font-size: 1.4rem; + } + + #message.ytd-backstage-prefilled-post-dialog-header-renderer { + line-height: 2rem; + margin: 20px 16px 24px 16px; + text-align: left; + width: 100%; + } + + ytd-backstage-zero-state-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #image.ytd-backstage-zero-state-renderer { + width: 140px; + height: 140px; + margin-bottom: 24px; + } + + #title.ytd-backstage-zero-state-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #text.ytd-backstage-zero-state-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 16px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #link.ytd-backstage-zero-state-renderer { + margin-bottom: 24px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #footer.ytd-backstage-zero-state-renderer { + color: var(--ytd-comment-metadata-text-color); + padding: 24px 12px 0 12px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-post-scheduling-zero-state-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #image.ytd-post-scheduling-zero-state-renderer { + width: 40px; + height: 40px; + margin-bottom: 20px; + color: var(--yt-spec-text-secondary); + } + + #title.ytd-post-scheduling-zero-state-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-post-stream-filter-renderer { + display: block; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #filter-container.ytd-post-stream-filter-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + paper-tabs.ytd-post-stream-filter-renderer { + --paper-tabs-selection-bar-color: var(--yt-spec-text-primary); + --paper-tabs-selection-bar_-_border-bottom-width: 2px;; + color: var(--yt-spec-text-secondary); + height: 48px; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + paper-tab.iron-selected.ytd-post-stream-filter-renderer { + color: var(--yt-spec-text-primary); + } + + paper-tab.ytd-post-stream-filter-renderer { + --paper-tab-ink: var(--yt-spec-paper-tab-ink); + } + + .posts-count.ytd-post-stream-filter-renderer { + background-color: var(--yt-spec-badge-chip-background); + border-radius: 0.2rem; + height: 1.6rem; + width: 1.6rem; + text-align: center; + margin-left: 12px; + display: inline-block; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.6rem; + } + + ytd-comment-simplebox-renderer { + --paper-input-container-input-align: baseline; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #author-thumbnail.ytd-comment-simplebox-renderer { + width: 40px; + height: 40px; + margin-right: 16px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #comment-dialog.ytd-comment-simplebox-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + min-width: 0; + } + + #simplebox-placeholder.ytd-comment-simplebox-renderer { + color: var(--yt-spec-text-secondary); + outline: none; + -webkit-flex-basis: 100%; + flex-basis: 100%; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #placeholder-area.ytd-comment-simplebox-renderer { + cursor: text; + padding-bottom: 4px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #attachments.ytd-comment-simplebox-renderer { + margin-left: 56px; + -webkit-flex-basis: 100%; + flex-basis: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #attachments.ytd-comment-simplebox-renderer ytd-button-renderer.ytd-comment-simplebox-renderer { + --yt-button-color: var(--yt-spec-icon-inactive); + } + + ytd-comments-header-renderer { + --paper-input-container-input-align: baseline; + display: block; + margin-top: var(--comments-header-renderer-margin-top, 24px); + margin-bottom: var(--comments-header-renderer-margin-bottom, 32px); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-comments-header-renderer[is-backstage] { + margin-bottom: 24px; + } + + .count-text.ytd-comments-header-renderer { + vertical-align: middle; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + yt-sort-filter-sub-menu-renderer.ytd-comments-header-renderer { + --iron-icon-fill-color: var(--yt-spec-icon-inactive); + margin-top: -3px; + } + + ytd-alert-with-button-renderer.ytd-comments-header-renderer { + margin: 0 0 24px 0; + } + + #title.ytd-comments-header-renderer { + margin-bottom: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #count.ytd-comments-header-renderer { + display: inline-block; + margin: 0 32px 0 0; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + yt-formatted-string.ytd-comments-header-renderer { + color: var(--yt-spec-text-primary); + } + + #toggle-button.ytd-comments-header-renderer { + margin-left: auto; + } + + #red-commenting-text.ytd-comments-header-renderer { + color: var(--yt-spec-text-secondary); + } + + #red-commenting-div.ytd-comments-header-renderer { + margin-top: -4px; + padding: 0 0 12px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #red-commenting-text.ytd-comments-header-renderer:empty { + display: none; + } + + ytd-post-stream-filter-renderer.ytd-comments-header-renderer { + margin-top: 24px; + } + + ytd-backstage-zero-state-renderer.ytd-comments-header-renderer { + margin: 16px 0 16px 0; + } + + ytd-post-scheduling-zero-state-renderer.ytd-comments-header-renderer { + margin: 72px 0 16px 0; + } + + ytd-backstage-prefilled-post-dialog-header-renderer.ytd-comments-header-renderer { + margin-bottom: 16px; + } + + ytd-compact-playlist-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-playlist-renderer:not([watch-feed-big-thumbs]) ytd-playlist-thumbnail.ytd-compact-playlist-renderer { + margin-right: 8px; + height: 94px; + width: 168px; + } + + .details.ytd-compact-playlist-renderer { + width: 100%; + min-width: 0; + } + + #title.ytd-compact-playlist-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #video-title.ytd-compact-playlist-renderer { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-compact-playlist-renderer #video-title.ytd-compact-playlist-renderer { + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-compact-playlist-renderer { + color: var(--yt-spec-text-primary); + } + + .yt-simple-endpoint.ytd-compact-playlist-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-compact-playlist-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-compact-playlist-renderer { + min-width: 0; + } + + #badges.ytd-compact-playlist-renderer { + margin-top: 8px; + } + + ytd-compact-playlist-renderer:not(:hover) ytd-menu-renderer.ytd-compact-playlist-renderer:not([menu-active]).ytd-compact-playlist-renderer:not(:focus-within) { + display: none; + } + + ytd-compact-playlist-renderer[is-dismissed] #dismissable.ytd-compact-playlist-renderer,ytd-compact-playlist-renderer:not([is-dismissed]) #dismissed.ytd-compact-playlist-renderer { + display: none; + } + + #dismissable.ytd-compact-playlist-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #dismissed.ytd-compact-playlist-renderer { + padding: 8px; + border: 1px solid var(--yt-spec-10-percent-layer); + } + + #dismissable.ytd-compact-playlist-renderer,#dismissed.ytd-compact-playlist-renderer { + width: 100%; + } + + #dismissed.ytd-compact-playlist-renderer:focus { + outline: none; + } + + .metadata.ytd-compact-playlist-renderer { + min-width: 0; + width: 100%; + padding-right: 24px; + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-menu-renderer.ytd-compact-playlist-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + --yt-button-icon-padding: 0; + --yt-button-icon-size: 24px; + position: absolute; + top: 0; + right: 0; + } + + #buttons.ytd-compact-playlist-renderer > *.ytd-compact-playlist-renderer { + margin-top: 4px; + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs]:not([is-dismissed]) #dismissable.ytd-compact-playlist-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs] ytd-playlist-thumbnail.ytd-compact-playlist-renderer:before { + display: block; + content: ""; + padding-top: 55.95%; + background-color: var(--yt-spec-10-percent-layer); + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs] .secondary-metadata.ytd-compact-playlist-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs] .metadata.ytd-compact-playlist-renderer { + padding-top: 8px; + padding-bottom: 8px; + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs] .details.ytd-compact-playlist-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-playlist-renderer { + margin-top: 8px; + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs] #dismissed.ytd-compact-playlist-renderer { + margin-bottom: 8px; + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs][is-dismissed] #dismissed.ytd-compact-playlist-renderer { + max-height: var(--ytd-compact-item-dismissed-height); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-compact-playlist-renderer[watch-feed-big-thumbs] #badges.ytd-compact-playlist-renderer { + margin-top: 0; + padding-left: 8px; + } + + ytd-compact-radio-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-radio-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-radio-renderer { + margin-right: 8px; + height: 94px; + width: 168px; + } + + .details.ytd-compact-radio-renderer { + width: 100%; + min-width: 0; + } + + .yt-simple-endpoint.ytd-compact-radio-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-compact-radio-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #title.yt-simple-endpoint.ytd-compact-radio-renderer { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #video-title.ytd-compact-radio-renderer { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-compact-radio-renderer.use-ellipsis #video-title.ytd-compact-radio-renderer { + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-compact-radio-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-compact-radio-renderer:not(:hover) ytd-menu-renderer.ytd-compact-radio-renderer:not([menu-active]).ytd-compact-radio-renderer { + display: none; + } + + ytd-compact-radio-renderer[is-dismissed] #dismissable.ytd-compact-radio-renderer,ytd-compact-radio-renderer:not([is-dismissed]) #dismissed.ytd-compact-radio-renderer { + display: none; + } + + #dismissable.ytd-compact-radio-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #dismissed.ytd-compact-radio-renderer { + padding: 8px; + border: 1px solid var(--yt-spec-10-percent-layer); + } + + #dismissable.ytd-compact-radio-renderer,#dismissed.ytd-compact-radio-renderer { + width: 100%; + } + + #dismissed.ytd-compact-radio-renderer:focus { + outline: none; + } + + .metadata.ytd-compact-radio-renderer { + min-width: 0; + width: 100%; + padding-right: 24px; + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-menu-renderer.ytd-compact-radio-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + --yt-button-icon-padding: 0; + --yt-button-icon-size: 24px; + position: absolute; + top: 0; + right: 0; + } + + #buttons.ytd-compact-radio-renderer > *.ytd-compact-radio-renderer { + margin-top: 4px; + } + + ytd-compact-radio-renderer[watch-feed-big-thumbs]:not([is-dismissed]) #dismissable.ytd-compact-radio-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-compact-radio-renderer[watch-feed-big-thumbs] ytd-thumbnail.ytd-compact-radio-renderer:before { + display: block; + content: ""; + padding-top: 55.95%; + background-color: var(--yt-spec-10-percent-layer); + } + + ytd-compact-radio-renderer[watch-feed-big-thumbs] .metadata.ytd-compact-radio-renderer { + padding-top: 8px; + padding-bottom: 8px; + } + + ytd-compact-radio-renderer[watch-feed-big-thumbs] .details.ytd-compact-radio-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-radio-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-radio-renderer { + margin-top: 8px; + } + + ytd-compact-radio-renderer[watch-feed-big-thumbs] #dismissed.ytd-compact-radio-renderer { + margin-bottom: 8px; + } + + ytd-compact-radio-renderer[watch-feed-big-thumbs][is-dismissed] #dismissed.ytd-compact-radio-renderer { + max-height: var(--ytd-compact-item-dismissed-height); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-compact-text-promo-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + margin: 32px 0 24px 48px; + } + + .title.ytd-compact-text-promo-renderer { + color: var(--yt-spec-text-primary); + margin: 8px 0 4px 0; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + .subtitle.ytd-compact-text-promo-renderer { + color: var(--yt-spec-text-secondary); + margin-bottom: 28px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.2rem; + } + + #title.ytd-item-section-header-renderer { + color: var(--yt-spec-text-primary); + padding-top: 24px; + padding-bottom: 8px; + font-size: 1.6em; + line-height: 1.4em; + font-weight: 500; + } + + #subtitle.ytd-item-section-header-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-item-section-header-renderer[title-style=ITEM_SECTION_HEADER_TITLE_STYLE_HISTORY] #title.ytd-item-section-header-renderer { + padding-top: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-item-section-header-renderer[title-style=ITEM_SECTION_HEADER_TITLE_STYLE_TRANSFER_CHANNEL_DIALOG] #title.ytd-item-section-header-renderer { + padding-top: 8px; + font-size: 1.4rem; + font-weight: 500; + line-height: var(--yt-guide-highlight-line-height, 1.8rem); + } + + ytd-item-section-header-renderer[title-style=ITEM_SECTION_HEADER_TITLE_STYLE_TRANSFER_CHANNEL_DIALOG] #subtitle.ytd-item-section-header-renderer { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-item-section-renderer { + display: block; + } + + ytd-button-renderer.ytd-item-section-renderer,ytd-compact-radio-renderer.ytd-item-section-renderer,ytd-compact-video-renderer.ytd-item-section-renderer,ytd-compact-movie-renderer.ytd-item-section-renderer,ytd-compact-playlist-renderer.ytd-item-section-renderer,ytd-emergency-onebox-renderer.ytd-item-section-renderer,ytd-movie-renderer.ytd-item-section-renderer,ytd-playlist-renderer.ytd-item-section-renderer,ytd-show-renderer.ytd-item-section-renderer,ytd-radio-renderer.ytd-item-section-renderer,yt-search-no-results-renderer.ytd-item-section-renderer,ytd-video-renderer.ytd-item-section-renderer,ytd-channel-renderer.ytd-item-section-renderer,ytd-promoted-sparkles-text-search-renderer.ytd-item-section-renderer,ytd-web-answer-renderer.ytd-item-section-renderer,ytd-clarification-renderer.ytd-item-section-renderer,ytd-fact-check-renderer.ytd-item-section-renderer,ytd-info-panel-container-renderer.ytd-item-section-renderer { + margin-top: var(--ytd-item-section-item-margin, 16px); + } + + ytd-button-renderer.ytd-item-section-renderer:last-child,ytd-compact-radio-renderer.ytd-item-section-renderer:last-child,ytd-compact-video-renderer.ytd-item-section-renderer:last-child,ytd-compact-movie-renderer.ytd-item-section-renderer:last-child,ytd-compact-playlist-renderer.ytd-item-section-renderer:last-child,ytd-emergency-onebox-renderer.ytd-item-section-renderer:last-child,ytd-movie-renderer.ytd-item-section-renderer:last-child,ytd-playlist-renderer.ytd-item-section-renderer:last-child,ytd-show-renderer.ytd-item-section-renderer:last-child,ytd-radio-renderer.ytd-item-section-renderer:last-child,yt-search-no-results-renderer.ytd-item-section-renderer:last-child,ytd-video-renderer.ytd-item-section-renderer:last-child,ytd-channel-renderer.ytd-item-section-renderer:last-child,ytd-promoted-sparkles-text-search-renderer.ytd-item-section-renderer:last-child,ytd-web-answer-renderer.ytd-item-section-renderer:last-child,ytd-clarification-renderer.ytd-item-section-renderer,ytd-fact-check-renderer.ytd-item-section-renderer,ytd-info-panel-container-renderer.ytd-item-section-renderer { + margin-bottom: var(--ytd-item-section-item-margin, 16px); + } + + yt-subscription-product-header-renderer.ytd-item-section-renderer { + margin: 40px 0 16px; + color: var(--yt-spec-text-primary); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + ytd-exploratory-results-renderer.ytd-item-section-renderer,ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child),ytd-shelf-renderer.ytd-item-section-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin-top: 24px; + } + + ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child) { + padding: 4px 0 24px; + margin-bottom: 24px; + } + + ytd-horizontal-card-list-renderer.ytd-item-section-renderer:first-child { + padding-top: 16px; + } + + #contents.ytd-item-section-renderer > ytd-settings-options-renderer.ytd-item-section-renderer:first-child { + margin-top: 20px; + } + + #contents.ytd-item-section-renderer > ytd-settings-options-renderer.ytd-item-section-renderer:last-child { + margin-bottom: 20px; + } + + #contents.ytd-item-section-renderer > ytd-settings-options-renderer.ytd-item-section-renderer:only-child { + margin: 0; + } + + ytd-exploratory-results-renderer.ytd-item-section-renderer + ytd-exploratory-results-renderer.ytd-item-section-renderer,ytd-exploratory-results-renderer.ytd-item-section-renderer + ytd-shelf-renderer.ytd-item-section-renderer,#contents.ytd-item-section-renderer > ytd-exploratory-results-renderer.ytd-item-section-renderer:first-child,ytd-shelf-renderer.ytd-item-section-renderer + ytd-exploratory-results-renderer.ytd-item-section-renderer,ytd-shelf-renderer.ytd-item-section-renderer + ytd-horizontal-card-list-renderer.ytd-item-section-renderer,ytd-shelf-renderer.ytd-item-section-renderer + ytd-shelf-renderer.ytd-item-section-renderer,#contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:first-child { + border-top: none; + margin-top: 0; + } + + #contents.ytd-item-section-renderer > ytd-exploratory-results-renderer.ytd-item-section-renderer:last-child,#contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:last-child { + border-bottom: none; + } + + #spinner-container.ytd-item-section-renderer { + height: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + ytd-item-section-renderer[continuation-is-reloading] #contents.ytd-item-section-renderer { + opacity: 0.25; + pointer-events: none; + } + + .reloading.ytd-item-section-renderer { + opacity: 0.25; + pointer-events: none; + } + + paper-spinner-lite.ytd-item-section-renderer { + margin: auto; + display: none; + } + + paper-spinner-lite.ytd-item-section-renderer[active] { + display: block; + margin-top: 150px; + } + + yt-next-continuation.ytd-item-section-renderer { + --paper-button_-_background-color: var(--yt-spec-10-percent-layer); --paper-button_-_border: solid 1px transparent; --paper-button_-_color: var(--yt-spec-text-secondary); --paper-button_-_width: 100%; --paper-button_-_margin: 0; --paper-button_-_text-transform: initial; --paper-button_-_min-width: initial;; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-item-section-renderer[can-show-more][use-height-hack] { + min-height: 7000px; + } + + ytd-item-section-renderer[can-show-more] #continuations.ytd-item-section-renderer { + visibility: hidden; + } + + yt-subscription-product-renderer.ytd-item-section-renderer,yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer { + display: inline-block; + box-sizing: border-box; + margin: 0 0 var(--yt-subscription-product-grid-margin); + vertical-align: top; + width: 100%; + } + + @media (min-width: 876px) { + yt-subscription-product-renderer.ytd-item-section-renderer,yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer { + width: 50%; + } + + yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(odd),yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(odd) { + padding: 0 var(--yt-subscription-product-grid-margin-half) 0 0; + } + + yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(even),yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(even) { + padding: 0 0 0 var(--yt-subscription-product-grid-margin-half); + } + + } + + @media (min-width: 1090px) { + yt-subscription-product-renderer.ytd-item-section-renderer,yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer { + width: 33.33%; + } + + yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(3n+1),yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(3n+1) { + padding: 0 var(--yt-subscription-product-grid-margin-two-thirds) 0 0; + } + + yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(3n+2),yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(3n+2) { + padding: 0 var(--yt-subscription-product-grid-margin-one-third); + } + + yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(3n+3),yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(3n+3) { + padding: 0 0 0 var(--yt-subscription-product-grid-margin-two-thirds); + } + + } + + ytd-premium-browse-footer-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + margin: 32px 0 24px 48px; + } + + .title.ytd-premium-browse-footer-renderer { + color: var(--yt-spec-text-primary); + margin: 8px 0 4px 0; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + .subtitle.ytd-premium-browse-footer-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.2rem; + } + + ytd-sort-filter-header-renderer { + display: block; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #header-container.ytd-sort-filter-header-renderer { + margin-top: 16px; + margin-bottom: -4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #headings.ytd-sort-filter-header-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #title.ytd-sort-filter-header-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #subtitle.ytd-sort-filter-header-renderer { + display: block; + color: var(--yt-spec-text-secondary); + margin-top: 8px; + display: block; + max-height: calc(2 * var(--yt-user-comment-line-height, 2.1rem)); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #filter-menu.ytd-sort-filter-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-hashtag-tile-renderer { + display: block; + } + + #content-section.ytd-hashtag-tile-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .hashtag-link.ytd-hashtag-tile-renderer { + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #thumbnail-spacing-wrapper.ytd-hashtag-tile-renderer { + display: flex; + align-items: center; + justify-content: center; + height: 136px; + width: 136px; + margin-right: 16px; + } + + #thumbnail-color-wrapper.ytd-hashtag-tile-renderer { + display: flex; + align-items: center; + justify-content: center; + height: 112px; + width: 112px; + border-radius: 6px; + } + + #info-section.ytd-hashtag-tile-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #thumbnail.ytd-hashtag-tile-renderer { + width: 246px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #info.ytd-hashtag-tile-renderer { + padding: 0 16px 16px 16px; + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #hashtag.ytd-hashtag-tile-renderer { + --ytd-channel-name-container-display: -webkit-box; + --ytd-channel-name-text-display: -webkit-box; + --ytd-channel-name-text-line-clamp: 2; + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + #metadata.ytd-hashtag-tile-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + margin-bottom: 4px; + } + + @media (min-width: 0) and (max-width: 662px) { + #info.ytd-hashtag-tile-renderer { + padding: 0 0 0 16px; + } + + } + + ytd-hashtag-tile-renderer[use-prominent-thumbs] #thumbnail-section.ytd-hashtag-tile-renderer { + margin-right: 16px; + max-width: 360px; + min-width: 240px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-hashtag-tile-renderer[prominent-thumb-style=BIG1] #thumbnail-section.ytd-hashtag-tile-renderer { + max-width: 340px; + } + + ytd-hashtag-tile-renderer[prominent-thumb-style=BIG2] #thumbnail-section.ytd-hashtag-tile-renderer { + max-width: 320px; + } + + ytd-hashtag-tile-renderer[prominent-thumb-style=MEDIUM1] #thumbnail-section.ytd-hashtag-tile-renderer { + max-width: 300px; + } + + ytd-hashtag-tile-renderer[prominent-thumb-style=MEDIUM2] #thumbnail-section.ytd-hashtag-tile-renderer { + max-width: 280px; + } + + ytd-hashtag-tile-renderer[use-prominent-thumbs] #thumbnail-section.ytd-hashtag-tile-renderer .hashtag-link.ytd-hashtag-tile-renderer { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-hashtag-tile-renderer[use-prominent-thumbs] #thumbnail-spacing-wrapper.ytd-hashtag-tile-renderer { + margin: 0; + } + + ytd-hashtag-tile-renderer[use-prominent-thumbs] #info-section.ytd-hashtag-tile-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-hashtag-tile-renderer[use-prominent-thumbs] #info.ytd-hashtag-tile-renderer { + padding-left: 0; + } + + ytd-compact-movie-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-movie-renderer:not(:hover) ytd-menu-renderer.ytd-compact-movie-renderer:not([menu-active]).ytd-compact-movie-renderer:not(:focus-within) { + opacity: 0; + } + + ytd-compact-movie-renderer[is-dismissed] #dismissable.ytd-compact-movie-renderer,ytd-compact-movie-renderer:not([is-dismissed]) #dismissed.ytd-compact-movie-renderer { + display: none; + } + + #dismissable.ytd-compact-movie-renderer,#dismissed.ytd-compact-movie-renderer { + width: 100%; + } + + #dismissable.ytd-compact-movie-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #dismissed.ytd-compact-movie-renderer { + padding: 8px; + border: 1px solid var(--yt-spec-10-percent-layer); + } + + #dismissed.ytd-compact-movie-renderer:focus { + outline: none; + } + + ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-movie-renderer { + margin-right: 8px; + height: 94px; + width: 168px; + } + + .details.ytd-compact-movie-renderer { + width: 100%; + min-width: 0; + } + + .yt-simple-endpoint.ytd-compact-movie-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-compact-movie-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-compact-movie-renderer { + min-width: 0; + padding-right: 24px; + box-sizing: border-box; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-menu-renderer.ytd-compact-movie-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + position: absolute; + top: 0; + right: 0; + } + + #movie-title.ytd-compact-movie-renderer { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-compact-movie-renderer #video-title.ytd-compact-movie-renderer { + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-compact-movie-renderer { + color: var(--yt-spec-text-primary); + } + + .movie-metadata.ytd-compact-movie-renderer { + color: var(--yt-spec-text-secondary); + padding: 0; + padding-bottom: 4px; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-compact-movie-renderer[watch-feed-big-thumbs]:not([is-dismissed]) #dismissable.ytd-compact-movie-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-compact-movie-renderer[watch-feed-big-thumbs] ytd-thumbnail.ytd-compact-movie-renderer:before { + display: block; + content: ""; + padding-top: 55.95%; + background-color: var(--yt-spec-10-percent-layer); + } + + ytd-compact-movie-renderer[watch-feed-big-thumbs] .details.ytd-compact-movie-renderer { + padding-top: 8px; + padding-bottom: 8px; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-movie-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-movie-renderer { + margin-top: 8px; + } + + ytd-compact-movie-renderer[watch-feed-big-thumbs] #dismissed.ytd-compact-movie-renderer { + margin-bottom: 8px; + } + + ytd-compact-movie-renderer[watch-feed-big-thumbs][is-dismissed] #dismissed.ytd-compact-movie-renderer { + max-height: var(--ytd-compact-item-dismissed-height); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-compact-movie-renderer[watch-feed-big-thumbs] .secondary-metadata.ytd-compact-movie-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-movie-renderer[watch-feed-big-thumbs] .movie-metadata.ytd-compact-movie-renderer { + white-space: nowrap; + text-overflow: ellipsis; + } + + ytd-offline-item-section-renderer { + display: inline-block; + } + + ytd-geo-search-details-renderer { + position: relative; + margin-top: 16px; + margin-bottom: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #background-img.ytd-geo-search-details-renderer { + width: 100%; + height: 230px; + } + + #place-name.ytd-geo-search-details-renderer { + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + #place-description.ytd-geo-search-details-renderer { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #place-details-gradient.ytd-geo-search-details-renderer { + position: absolute; + width: 100%; + height: 153px; + bottom: 0px; + left: 0px; + text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #place-details.ytd-geo-search-details-renderer { + position: absolute; + width: 100%; + bottom: 24px; + left: 24px; + color: var(--yt-spec-static-brand-white); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #place-map.ytd-geo-search-details-renderer { + position: absolute; + bottom: 14px; + right: 24px; + width: 164px; + height: 105px; + } + + #result-string-container.ytd-geo-search-details-renderer { + position: relative; + bottom: 0px; + left: 0px; + margin-top: 16px; + } + + #result-string.ytd-geo-search-details-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #container.ytd-geo-search-details-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-search-filter-group-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #filter-group-name.ytd-search-filter-group-renderer { + color: var(--yt-spec-text-primary); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin: 5px 0; + padding: 15px 0; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-search-filter-renderer.ytd-search-filter-group-renderer { + color: var(--yt-spec-text-primary); + font-size: 12px; + padding: 15px 0 0; + } + + ytd-search-filter-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer { + font-size: 14px; + color: var(--yt-spec-text-secondary); + } + + ytd-search-filter-renderer.disabled yt-formatted-string.ytd-search-filter-renderer { + color: var(--yt-spec-text-disabled); + } + + ytd-search-filter-renderer.selected yt-formatted-string.ytd-search-filter-renderer { + color: var(--yt-spec-text-primary); + font-weight: 500; + } + + #dismiss-x.ytd-search-filter-renderer { + display: none; + } + + ytd-search-filter-renderer.selected #dismiss-x.ytd-search-filter-renderer { + color: var(--yt-spec-text-primary); + display: block; + padding-left: 10px; + --iron-icon-height: 16px; + --iron-icon-width: 16px; + } + + #label.ytd-search-filter-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .yt-simple-endpoint.ytd-search-filter-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-search-filter-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + ytd-search-sub-menu-renderer { + display: block; + } + + ytd-search-filter-group-renderer.ytd-search-sub-menu-renderer { + padding: 0 32px 0 0; + } + + #filter-menu.ytd-search-sub-menu-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #collapse-content.ytd-search-sub-menu-renderer { + margin-bottom: 32px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #collapse.ytd-search-sub-menu-renderer { + overflow: hidden; + } + + #container.ytd-search-sub-menu-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #container.ytd-search-sub-menu-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-toggle-button-renderer.ytd-search-sub-menu-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-section-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype=history]):not([page-subtype=memberships-and-purchases]):not([page-subtype=ypc-offers]) #contents.ytd-section-list-renderer > *.ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer):not([item-dismissed]).ytd-section-list-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-section-list-renderer[page-subtype~=ypc-offers] #contents.ytd-section-list-renderer { + width: 100%; + max-width: 700px; + margin: 0 auto; + } + + ytd-section-list-renderer[can-show-more] #continuations.ytd-section-list-renderer { + visibility: hidden; + } + + ytd-section-list-renderer[has-sort-filter] #header.ytd-section-list-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-section-list-renderer[has-sort-filter] #header-container.ytd-section-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-section-list-renderer[has-sort-filter] #sub-menu.ytd-section-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-channel-list-sub-menu-renderer.ytd-section-list-renderer { + display: block; + padding: 16px 0; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-section-list-renderer[page-subtype=WEB_PAGE_TYPE_SETTINGS] { + margin: 0 32px; + } + + ytd-section-list-renderer[page-subtype=channels] ytd-comments.ytd-section-list-renderer { + max-width: 852px; + } + + ytd-text-header-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: calc(2 * var(--yt-user-comment-line-height, 2.1rem)); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-text-header-renderer[header-style=text-header-renderer-style-bold] { + margin-top: 24px; + margin-bottom: 8px; + color: var(--yt-spec-text-primary); + font-size: 1.6em; + line-height: 1.4em; + font-weight: 500; + } + + ytd-sponsorships-alert-renderer { + display: inline-block; + padding: 16px 0; + background-color: var(--yt-spec-error-background); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-sponsorships-alert-renderer > *.ytd-sponsorships-alert-renderer { + position: relative; + } + + #alert-message.ytd-sponsorships-alert-renderer { + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-spec-text-primary-inverse); + } + + #action-buttons.ytd-sponsorships-alert-renderer { + text-align: end; + -ms-flex: none; + -webkit-flex: none; + flex: none; + padding-left: 16px; + } + + ytd-sponsorships-expandable-message-renderer { + display: block; + } + + ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { + width: 100%; + border: none; + display: flex; + text-align: left; + } + + #message-container.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer { + flex-grow: 1; + margin: auto 0; + font-family: roboto; + } + + #expand-icon.ytd-sponsorships-expandable-message-renderer { + color: var(--yt-spec-text-secondary); + width: 20px; + height: 20px; + flex-grow: 0; + flex-shrink: 0; + } + + #check-icon.ytd-sponsorships-expandable-message-renderer { + color: var(--yt-icon-disabled-color); + width: 26px; + height: 26px; + padding-right: 12px; + flex-grow: 0; + flex-shrink: 0; + } + + ytd-sponsorships-expandable-message-renderer .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer { + display: block; + margin-bottom: 8px; + } + + .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer { + color: var(--yt-primary-text-color); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { + background-color: var(--yt-spec-general-background-b); + padding: 16px 12px 16px 12px; + } + + .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer:focus { + background-color: var(--yt-opalescence-grey-opacity-lighten-3); + } + + .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer { + background-color: var(--yt-spec-general-background-a); + padding: 20px 20px 20px 20px; + } + + .style-included-perks.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer,.style-unspecified.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .style-included-perks.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer,.style-unspecified.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { + background-color: var(--yt-opalescence-grey-opacity-lighten-5); + padding: 8px 12px 8px 12px; + } + + .style-included-perks.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer:focus,.style-unspecified.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer:focus { + background-color: var(--yt-opalescence-grey-opacity-lighten-3); + } + + .style-included-perks.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer,.style-unspecified.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer { + background-color: var(--yt-opalescence-grey-opacity-lighten-5); + padding: 8px 12px 8px 12px; + } + + div.style-single-perk.ytd-sponsorships-expandable-message-renderer,div.style-single-perk-first.ytd-sponsorships-expandable-message-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + div.style-single-perk-first.ytd-sponsorships-expandable-message-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + .style-single-perk.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer,.style-single-perk-first.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer { + color: var(--yt-primary-text-color); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .style-single-perk.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer,.style-single-perk-first.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { + align-items: center; + padding: 20px 12px 20px 12px; + } + + .style-single-perk.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer,.style-single-perk-first.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer { + padding: 8px 40px 8px 40px; + } + + #message-container.ytd-sponsorships-expandable-message-renderer { + outline: none; + } + + .ytd-sponsorships-expandable-message-renderer:not(:focus) { + background: none; + } + + .ytd-sponsorships-expandable-message-renderer:focus { + background-color: var(--yt-opalescence-grey-opacity-lighten-3); + } + + ytd-sponsorships-loyalty-badges-renderer { + display: block; + } + + .description-container.ytd-sponsorships-loyalty-badges-renderer { + padding-left: 8px; + } + + .description.ytd-sponsorships-loyalty-badges-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .badge-container.ytd-sponsorships-loyalty-badges-renderer { + display: inline-block; + } + + .badge-line.ytd-sponsorships-loyalty-badges-renderer { + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .badge-selected.ytd-sponsorships-loyalty-badges-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 4px; + } + + .badge-not-selected.ytd-sponsorships-loyalty-badges-renderer { + opacity: 0.8; + } + + .badge-hidden.ytd-sponsorships-loyalty-badges-renderer { + display: none; + } + + .icon-container.ytd-sponsorships-loyalty-badges-renderer { + padding: 8px 8px; + margin-left: auto; + vertical-align: middle; + display: block; + } + + .badge-icon.ytd-sponsorships-loyalty-badges-renderer { + height: 18px; + width: 18px; + vertical-align: middle; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .badge-title-container.ytd-sponsorships-loyalty-badges-renderer { + padding: 8px 8px; + display: flex; + flex-direction: column; + } + + .badge-title.ytd-sponsorships-loyalty-badges-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-sponsorships-perk-renderer { + display: inline-block; + } + + #title.ytd-sponsorships-perk-renderer,#description.ytd-sponsorships-perk-renderer,#fulfillment-instructions.ytd-sponsorships-perk-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + margin-bottom: 8px; + } + + #title.ytd-sponsorships-perk-renderer { + color: var(--yt-spec-text-secondary); + } + + #description.ytd-sponsorships-perk-renderer,#fulfillment-instructions.ytd-sponsorships-perk-renderer { + color: var(--yt-spec-text-secondary); + } + + #fulfillment-instructions.ytd-sponsorships-perk-renderer { + margin-top: 16px; + } + + #image-description.ytd-sponsorships-perk-renderer { + vertical-align: middle; + color: var(--yt-spec-text-secondary); + padding-right: 8px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .images-line.ytd-sponsorships-perk-renderer { + margin-bottom: 4px; + margin-top: 2px; + } + + .images.ytd-sponsorships-perk-renderer { + vertical-align: middle; + width: 32px; + height: 32px; + padding-right: 2px; + padding-bottom: -4px; + } + + ytd-sponsorships-perks-renderer { + display: block; + } + + .item.ytd-sponsorships-perks-renderer { + padding: 8px 0; + } + + ytd-sponsorships-perk-renderer.ytd-sponsorships-perks-renderer { + display: inline; + } + + #perks-title.ytd-sponsorships-perks-renderer { + display: block; + padding-bottom: 4px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + color: var(--yt-spec-text-primary); + } + + ytd-sponsorships-heading-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #content.ytd-sponsorships-heading-renderer { + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + #title.ytd-sponsorships-heading-renderer { + display: block; + margin-bottom: 8px; + margin-top: 40px; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #subtitle-content.ytd-sponsorships-heading-renderer { + display: flex; + align-items: center; + margin-top: 24px; + margin-bottom: 8px; + } + + #subtitle-icon.ytd-sponsorships-heading-renderer { + border-radius: 50%; + width: 18px; + margin-right: 12px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #subtitle.ytd-sponsorships-heading-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #end-button.ytd-sponsorships-heading-renderer { + margin-right: -12px; + -ms-align-self: flex-end; + -webkit-align-self: flex-end; + align-self: flex-end; + } + + #bottom-button.ytd-sponsorships-heading-renderer ytd-button-renderer.ytd-sponsorships-heading-renderer { + margin-top: 4px; + padding-left: 12px; + padding-right: 12px; + } + + ytd-sponsorships-links-renderer { + display: block; + padding: 28px 0; + border-top: 1px solid var(--yt-spec-10-percent-layer); + margin-top: 20px; + } + + .link.ytd-sponsorships-links-renderer { + display: block; + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + padding-bottom: 4px; + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-hover-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + } + + ytd-sponsorships-list-tile-renderer { + display: block; + } + + .tile.ytd-sponsorships-list-tile-renderer { + align-items: center; + margin-left: -8px; + padding: 12px 8px 8px 8px; + margin-right: -8px; + background: transparent; + border: none; + text-align: left; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .keyboard-focus.ytd-sponsorships-list-tile-renderer { + background-color: var(--yt-opalescence-grey-opacity-lighten-3); + } + + .expandable-tile.ytd-sponsorships-list-tile-renderer { + cursor: pointer; + } + + .sponsorships-loyalty-badges-renderer.ytd-sponsorships-list-tile-renderer { + margin-left: 40px; + } + + .expandable-tile.ytd-sponsorships-list-tile-renderer:hover { + background-color: var(--yt-opalescence-grey-opacity-lighten-5); + } + + .icon.ytd-sponsorships-list-tile-renderer { + align-self: start; + margin-right: 24px; + width: 24px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .titles.ytd-sponsorships-list-tile-renderer { + display: flex; + flex-direction: column; + flex: 1; + pointer-events: all; + } + + .title.ytd-sponsorships-list-tile-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .subtitle.ytd-sponsorships-list-tile-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .detail.ytd-sponsorships-list-tile-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.6rem; + padding-top: 4px; + } + + .expand-icon.ytd-sponsorships-list-tile-renderer { + width: 20px; + margin-right: 4px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-sponsorships-management-renderer { + display: block; + max-width: 1070px; + } + + ytd-sponsorships-alert-renderer.ytd-sponsorships-management-renderer:before { + background: var(--yt-spec-error-background); + content: ""; + position: absolute; + left: 0; + height: 100%; + width: 9999px; + top: 0; + margin-left: -4999px; + } + + ytd-sponsorships-alert-renderer.ytd-sponsorships-management-renderer { + position: relative; + } + + #main-section.ytd-sponsorships-management-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #content.ytd-sponsorships-management-renderer { + flex: 1; + padding-right: 96px; + } + + #content.ytd-sponsorships-management-renderer ytd-sponsorships-tier-renderer.ytd-sponsorships-management-renderer { + margin-bottom: 24px; + } + + #content.ytd-sponsorships-management-renderer ytd-sponsorships-heading-renderer.ytd-sponsorships-management-renderer { + margin-bottom: 8px; + } + + #sidebar.ytd-sponsorships-management-renderer { + width: 324px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #sidebar.ytd-sponsorships-management-renderer ytd-sponsorships-heading-renderer.ytd-sponsorships-management-renderer { + margin-bottom: 12px; + } + + ytd-sponsorships-promotion-renderer { + display: inline-block; + } + + .above-redeem-button-text.ytd-sponsorships-promotion-renderer { + color: var(--yt-spec-text-primary); + margin-right: 8px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .redeem-disclaimer.ytd-sponsorships-promotion-renderer { + color: var(--yt-spec-text-secondary); + margin-bottom: 4px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #redeem-button.ytd-sponsorships-promotion-renderer { + margin: 8px 0; + } + + #content.ytd-sponsorships-promotion-renderer { + margin: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #above-button.ytd-sponsorships-promotion-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-sponsorships-tier-renderer { + display: block; + } + + #above-purchase-button-text.ytd-sponsorships-tier-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #purchase-text.ytd-sponsorships-tier-renderer { + color: var(--yt-spec-call-to-action); + margin-top: 8px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .disclaimer.ytd-sponsorships-tier-renderer { + color: var(--yt-spec-text-secondary); + margin: 8px 0; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #bottom-disclaimer.ytd-sponsorships-tier-renderer { + margin-top: 24px; + } + + #expansion_call_to_action.ytd-sponsorships-tier-renderer { + background: transparent; + border: none; + color: var(--yt-spec-call-to-action); + cursor: pointer; + font: inherit; + margin-top: 8px; + outline: none; + padding: 0; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #title.ytd-sponsorships-tier-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 12px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #header.ytd-sponsorships-tier-renderer,#subtitle.ytd-sponsorships-tier-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #content.ytd-sponsorships-tier-renderer { + margin-top: 4px; + } + + #expandable-message.ytd-sponsorships-tier-renderer ytd-sponsorships-expandable-message-renderer.ytd-sponsorships-tier-renderer { + margin: 8px 0; + } + + .separator.ytd-sponsorships-tier-renderer { + background-color: var(--yt-spec-10-percent-layer); + height: 1px; + margin: 8px 0 8px 0; + } + + ytd-backstage-items { + display: block; + max-width: 852px; + } + + ytd-comments { + display: block; + } + + ytd-comments[is-backstage] { + --ytd-comment-thread-margin-bottom: 24px; + --ytd-comment-replies-margin-top: 8px; + --yt-commentbox-border-inactive: var(--yt-spec-10-percent-layer); + --yt-spec-icon-inactive: var(--yt-spec-text-secondary); + --yt-spec-icon-active-other: var(--yt-spec-text-primary); + max-width: 852px; + } + + paper-spinner-lite.ytd-comments { + margin: auto; + display: none; + } + + paper-spinner-lite.ytd-comments[active] { + display: block; + } + + yt-header-with-back-renderer { + display: block; + background-color: var(--yt-spec-general-background-b); + } + + #header-wrapper.yt-header-with-back-renderer { + max-width: 700px; + margin: 0 auto; + padding: var(--ytd-margin-8x) 0; + position: relative; + display: var(--layout_-_display); + display: var(--layout-horizontal_-_display, var(--layout_-_display)); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #back-button.yt-header-with-back-renderer { + left: -36px; + position: absolute; + color: var(--yt-spec-brand-icon-inactive); + } + + #image-renderer.yt-header-with-back-renderer { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: var(--yt-spec-static-brand-red); + margin-right: var(--ytd-margin-3x); + color: var(--yt-spec-brand-background-solid); + display: var(--layout_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #header-container.yt-header-with-back-renderer { + overflow: hidden; + } + + #header-title.yt-header-with-back-renderer { + display: block; + color: var(--yt-spec-text-primary); + display: var(--ytd-navbar-title-two-lines_-_display, block); max-height: var(--ytd-navbar-title-two-lines_-_max-height); overflow: var(--ytd-navbar-title-two-lines_-_overflow); font-size: var(--ytd-navbar-title-two-lines_-_font-size); font-weight: var(--ytd-navbar-title-two-lines_-_font-weight); line-height: var(--ytd-navbar-title-two-lines_-_line-height); + } + + #header-subtitle.yt-header-with-back-renderer { + display: block; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-two-column-browse-results-renderer { + flex: none; + margin-bottom: 16px; + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column-reverse; + -webkit-flex-direction: column-reverse; + flex-direction: column-reverse; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #primary.ytd-two-column-browse-results-renderer { + max-width: 100%; + min-width: 0; + } + + ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer { + width: 100%; + margin-top: 8px; + } + + ytd-browse-secondary-contents-renderer.ytd-two-column-browse-results-renderer { + display: none; + } + + @media (min-width: 876px) { + ytd-two-column-browse-results-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + #primary.ytd-two-column-browse-results-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-two-column-browse-results-renderer[page-subtype=history] #secondary.ytd-two-column-browse-results-renderer { + overflow-y: auto; + background-color: var(--yt-spec-general-background-b); + height: 100%; + position: fixed; + right: 0; + } + + ytd-two-column-browse-results-renderer[page-subtype=history] #primary.ytd-two-column-browse-results-renderer { + padding-right: 442px; + } + + ytd-two-column-browse-results-renderer[page-subtype=history] ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer { + padding: 0 28px; + } + + ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer { + width: 385px; + } + + ytd-browse-secondary-contents-renderer.ytd-two-column-browse-results-renderer { + display: block; + width: 187px; + } + + } + + @media (max-width: 876px) { + ytd-profile-column-renderer.ytd-two-column-browse-results-renderer { + display: none; + } + + } + + ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) { + max-width: var(--ytd-grid-max-width); + } + + ytd-two-column-browse-results-renderer.grid-1-columns,.grid-1-columns.ytd-two-column-browse-results-renderer { + width: var(--ytd-grid-1-columns-width) !important; + } + + ytd-two-column-browse-results-renderer.grid-2-columns,.grid-2-columns.ytd-two-column-browse-results-renderer { + width: var(--ytd-grid-2-columns-width) !important; + } + + ytd-two-column-browse-results-renderer.grid-3-columns,.grid-3-columns.ytd-two-column-browse-results-renderer { + width: var(--ytd-grid-3-columns-width) !important; + } + + ytd-two-column-browse-results-renderer.grid-4-columns,.grid-4-columns.ytd-two-column-browse-results-renderer { + width: var(--ytd-grid-4-columns-width) !important; + } + + ytd-two-column-browse-results-renderer.grid-5-columns,.grid-5-columns.ytd-two-column-browse-results-renderer { + width: var(--ytd-grid-5-columns-width) !important; + } + + ytd-two-column-browse-results-renderer.grid-6-columns,.grid-6-columns.ytd-two-column-browse-results-renderer { + width: var(--ytd-grid-6-columns-width) !important; + } + + yt-alert-with-actions-renderer { + display: block; + } + + #content-wrapper.yt-alert-with-actions-renderer { + padding: var(--ytd-margin-2x) var(--ytd-margin-4x) 0 var(--ytd-margin-6x); + background-color: var(--yt-spec-suggested-action); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + yt-alert-with-actions-renderer[is-music] #content-wrapper.yt-alert-with-actions-renderer { + background-color: var(--yt-spec-brand-background-solid); + } + + yt-alert-with-actions-renderer[wrap-buttons] #content-wrapper.yt-alert-with-actions-renderer { + padding-left: var(--ytd-margin-4x); + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + } + + yt-alert-with-actions-renderer[alert-style="ALERT_TYPE_WARNING"] #content-wrapper.yt-alert-with-actions-renderer { + background-color: var(--yt-spec-brand-text-button-focus-outline); + } + + #content.yt-alert-with-actions-renderer { + padding-bottom: var(--ytd-margin-2x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #text-content.yt-alert-with-actions-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #icon.yt-alert-with-actions-renderer { + color: var(--yt-spec-icon-active-other); + margin-right: var(--ytd-margin-4x); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + yt-alert-with-actions-renderer[alert-style="ALERT_TYPE_WARNING"] #icon.yt-alert-with-actions-renderer { + color: var(--yt-spec-brand-button-background); + } + + #title.yt-alert-with-actions-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-item-section-header-title_-_font-size); line-height: var(--ytd-item-section-header-title_-_line-height); font-weight: var(--ytd-item-section-header-title_-_font-weight); + } + + #alert-message.yt-alert-with-actions-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #actions.yt-alert-with-actions-renderer { + padding-bottom: var(--ytd-margin-2x); + + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + ytd-page-manager { + display: block; + overflow-y: auto; + margin-top: var(--ytd-toolbar-height); + } + + ytd-page-manager[remove-page-manager-scroll] { + overflow-y: visible; + overflow: visible; + } + + ytd-page-manager > *.ytd-page-manager { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-search { + --ytd-background-promo-renderer-icon-width: 424px; + --ytd-background-promo-renderer-icon-height: auto; + padding: 16px 24px; + overflow-y: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + z-index: 0; + } + + #container.ytd-search { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-two-column-search-results-renderer.ytd-search { + min-width: 0; + } + + ytd-search[center-results] #container.ytd-search { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-search[center-results] ytd-two-column-search-results-renderer.ytd-search { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex: 0 1 100%; + } + + ytd-carousel-ad-renderer { + width:100%;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start + } + + #title.ytd-carousel-ad-renderer { + min-width:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between + } + + #badge.ytd-carousel-ad-renderer { + -ms-flex:none;-webkit-flex:none;flex:none + } + + #badge.ytd-carousel-ad-renderer>ytd-badge-supported-renderer.ytd-carousel-ad-renderer:not(:empty) { + margin-right:8px + } + + #title-text.ytd-carousel-ad-renderer { + height:48px;color:var(--yt-spec-text-primary);-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;white-space: var(--ytd-subheadline-one-line-ellipsis_-_white-space); text-overflow: var(--ytd-subheadline-one-line-ellipsis_-_text-overflow); display: var(--ytd-subheadline-one-line-ellipsis_-_display); max-height: var(--ytd-subheadline-one-line-ellipsis_-_max-height); overflow: var(--ytd-subheadline-one-line-ellipsis_-_overflow); font-size: var(--ytd-subheadline-one-line-ellipsis_-_font-size); font-weight: var(--ytd-subheadline-one-line-ellipsis_-_font-weight); line-height: var(--ytd-subheadline-one-line-ellipsis_-_line-height); letter-spacing: var(--ytd-subheadline-one-line-ellipsis_-_letter-spacing) + } + + #menu.ytd-carousel-ad-renderer { + -ms-flex:none;-webkit-flex:none;flex:none + } + + #content.ytd-carousel-ad-renderer { + --yt-horizontal-list-renderer-width: auto;-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto + } + + ytd-promoted-sparkles-text-search-renderer { + position: relative; + display: block; + } + + #root-container.ytd-promoted-sparkles-text-search-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #main-container.ytd-promoted-sparkles-text-search-renderer { + padding-right: 100px; + overflow: hidden; + text-overflow: ellipsis; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #right-container.ytd-promoted-sparkles-text-search-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-promoted-sparkles-text-search-renderer { + color: var(--yt-spec-text-primary); + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + white-space: nowrap; + text-overflow: ellipsis; + display: block; + max-height: var(--yt-navbar-title-line-height, 2.4rem); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #description.ytd-promoted-sparkles-text-search-renderer { + color: var(--yt-spec-text-secondary); + padding-top: 8px; + margin-bottom: 8px; + -webkit-line-clamp: 3; + display: block; + max-height: calc(3 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + #format-container.ytd-promoted-sparkles-text-search-renderer { + height: 36px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #ad-badge.ytd-promoted-sparkles-text-search-renderer { + margin-top: auto; + margin-bottom: auto; + margin-right: 5px; + } + + #display-url.ytd-promoted-sparkles-text-search-renderer { + margin-top: auto; + margin-bottom: auto; + margin-right: 4px; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #call-to-action.ytd-promoted-sparkles-text-search-renderer { + margin-left: auto; + margin-top: auto; + margin-right: calc(var(--yt-icon-width) / 2); + margin-bottom: 10px; + } + + #menu.ytd-promoted-sparkles-text-search-renderer { + height: 2.4rem; + margin-left: auto; + } + + ytd-menu-renderer.ytd-promoted-sparkles-text-search-renderer { + margin-top: -11px; + } + + @media (min-width: 0) and (max-width: 662px) { + #main-container.ytd-promoted-sparkles-text-search-renderer { + padding-right: 0; + } + + #call-to-action.ytd-promoted-sparkles-text-search-renderer { + display: none; + } + + } + + ytd-web-answer-renderer { + color: var(--yt-spec-text-secondary); + display: inline-block; + background-color: var(--yt-spec-general-background-b); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-web-answer-renderer:not(:hover) ytd-menu-renderer.ytd-web-answer-renderer:not([menu-active]).ytd-web-answer-renderer:not(:focus-within) { + opacity: 0; + } + + #section-header.ytd-web-answer-renderer { + background-color: var(--yt-spec-general-background-c); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #section-title.ytd-web-answer-renderer { + color: var(--yt-spec-text-secondary); + padding: 12px 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #content.ytd-web-answer-renderer { + margin: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #content-title.ytd-web-answer-renderer { + color: var(--yt-spec-call-to-action); + padding-bottom: 4px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .external-link-icon.ytd-web-answer-renderer { + width: 12px; + height: 12px; + margin-bottom: 2px; + } + + #content-text.ytd-web-answer-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #body-text.ytd-web-answer-renderer { + color: var(--yt-spec-text-primary); + } + + #answer-image.ytd-web-answer-renderer { + width: 90px; + height: 90px; + padding-left: 16px; + } + + #source-group.ytd-web-answer-renderer { + padding-top: 4px; + color: var(--yt-spec-text-secondary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #separator.ytd-web-answer-renderer { + margin: 0 4px; + } + + #bottom-section.ytd-web-answer-renderer { + color: var(--yt-spec-text-secondary); + border-top: 1px solid var(--yt-spec-10-percent-layer); + margin: 0 16px 12px; + padding-top: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #bottom-icon.ytd-web-answer-renderer { + padding-right: 4px; + margin-bottom: 2px; + width: 16px; + height: 16px; + } + + #bottom-section.ytd-web-answer-renderer .external-link-icon.ytd-web-answer-renderer { + margin-left: 4px; + } + + ytd-web-answer-renderer[enable-blue-bottom-link] #bottom-section.ytd-web-answer-renderer { + color: var(--yt-spec-call-to-action); + } + + ytd-page-continuation { + --ytd-paper-button-min-width: 0; + display: inline-block; + } + + ytd-button-renderer.ytd-page-continuation { + margin-right: 4px; + } + + ytd-artist-watch-card-renderer { + display: inline-block; + } + + ytd-watch-card-album-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .album-title.ytd-watch-card-album-list-renderer { + padding-left: 8px; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .album-row.ytd-watch-card-album-list-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .yt-simple-endpoint.ytd-watch-card-album-list-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-watch-card-album-list-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #view-all-endpoint.yt-simple-endpoint.ytd-watch-card-album-list-renderer { + width: 100%; + } + + a.yt-simple-endpoint.ytd-watch-card-album-list-renderer { + display: block; + } + + ytd-watch-card-collage-renderer { + display: inline-block; + } + + paper-button.ytd-watch-card-collage-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + #collage.ytd-watch-card-collage-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #section-left.ytd-watch-card-collage-renderer { + width: 214px; + height: 214px; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + overflow: hidden; + margin-right: 4px; + } + + #section-right.ytd-watch-card-collage-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #top-right.ytd-watch-card-collage-renderer { + margin-bottom: 4px; + } + + .yt-simple-endpoint.ytd-watch-card-collage-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-watch-card-collage-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #img-endpoint.yt-simple-endpoint.ytd-watch-card-collage-renderer { + position: relative; + } + + #img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer { + position: absolute; + bottom: 16px; + left: 16px; + color: var(--yt-spec-static-brand-white); + background: var(--yt-spec-brand-button-background); + } + + #overlay-button.ytd-watch-card-collage-renderer { + margin: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #overlay-icon.ytd-watch-card-collage-renderer { + height: 20px; + width: 20px; + margin-right: 4px; + } + + #overlay-text.ytd-watch-card-collage-renderer { + padding: 0 12px 0 4px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-watch-card-single-image-renderer { + display: block; + } + + paper-button.ytd-watch-card-single-image-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + #image.ytd-watch-card-single-image-renderer { + min-height: 210px; + } + + #center-cropped.ytd-watch-card-single-image-renderer { + width: 385px; + height: 217px; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + overflow: hidden; + } + + .yt-simple-endpoint.ytd-watch-card-single-image-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-watch-card-single-image-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #img-endpoint.yt-simple-endpoint.ytd-watch-card-single-image-renderer { + position: relative; + } + + #img-endpoint.ytd-watch-card-single-image-renderer #overlay-button.ytd-watch-card-single-image-renderer { + position: absolute; + bottom: 16px; + left: 16px; + color: var(--yt-spec-static-brand-white); + background: var(--yt-spec-brand-button-background); + } + + #overlay-icon.ytd-watch-card-single-image-renderer { + height: 20px; + width: 20px; + } + + #overlay-text.ytd-watch-card-single-image-renderer { + padding: 0 12px 0 4px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #container.ytd-watch-card-single-image-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-watch-card-video-list-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .video-row.ytd-watch-card-video-list-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .video-index.ytd-watch-card-video-list-renderer { + padding-right: 8px; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .video-title.ytd-watch-card-video-list-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .video-duration.ytd-watch-card-video-list-renderer { + padding-left: 16px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .yt-simple-endpoint.ytd-watch-card-video-list-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-watch-card-video-list-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #view-all-endpoint.yt-simple-endpoint.ytd-watch-card-video-list-renderer { + width: 100%; + } + + a.yt-simple-endpoint.ytd-watch-card-video-list-renderer { + display: block; + } + + #spacer.ytd-watch-card-video-list-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-generic-watch-card { + display: block; + max-width: 385px; + } + + #watch-card-title.ytd-generic-watch-card { + color: var(--yt-spec-static-brand-white); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + #watch-card-header.ytd-generic-watch-card { + background: var(--yt-spec-brand-button-background); + color: var(--yt-spec-static-brand-white); + padding: 16px; + } + + #watch-card-labels.ytd-generic-watch-card { + display: inline-block; + list-style: none; + margin: 0; + padding: 0; + color: var(--yt-spec-static-brand-white); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-generic-watch-card[header-style=WATCH_CARD_HEADER_STYLE_TYPE_ALBUM] #watch-card-header.ytd-generic-watch-card { + background: var(--yt-spec-brand-background-solid); + border: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-generic-watch-card[header-style=WATCH_CARD_HEADER_STYLE_TYPE_ALBUM] #watch-card-title.ytd-generic-watch-card,ytd-generic-watch-card[header-style=WATCH_CARD_HEADER_STYLE_TYPE_ALBUM] #watch-card-labels.ytd-generic-watch-card { + color: var(--yt-spec-text-primary); + } + + #watch-card-labels.ytd-generic-watch-card li.ytd-generic-watch-card { + display: inline; + } + + #img-endpoint.ytd-generic-watch-card { + position: relative; + } + + #img-endpoint.ytd-generic-watch-card #overlay-button.ytd-generic-watch-card { + position: absolute; + bottom: 16px; + left: 16px; + color: var(--yt-spec-static-brand-white); + background: var(--yt-spec-brand-button-background); + } + + #overlay-button.ytd-generic-watch-card { + margin: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #overlay-icon.ytd-generic-watch-card { + height: 20px; + width: 20px; + margin-right: 4px; + } + + #overlay-text.ytd-generic-watch-card { + padding: 0 12px 0 4px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + paper-tabs.ytd-generic-watch-card { + --paper-tabs-selection-bar-color: var(--yt-spec-brand-link-text); + color: var(--yt-spec-text-secondary); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + height: 40px; + padding-top: 8px; + } + + paper-tab.ytd-generic-watch-card { + --paper-tab-ink: var(--yt-spec-brand-link-text); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + paper-tab.iron-selected.ytd-generic-watch-card { + color: var(--yt-spec-brand-link-text); + } + + #tab-title.ytd-generic-watch-card { + margin-top: 1px; + } + + #related.ytd-generic-watch-card { + color: var(--yt-spec-text-primary); + padding: 32px 0 0 16px; + } + + #related-header.ytd-generic-watch-card { + margin: 0; + padding-bottom: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #related-items.ytd-generic-watch-card { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .related-entity.ytd-generic-watch-card { + padding-bottom: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .related-img.ytd-generic-watch-card { + margin-right: 8px; + height: 40px; + width: 40px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .related-entity-title.ytd-generic-watch-card { + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + color: var(--yt-endpoint-color, var(--yt-spec-text-secondary)); + } + + ytd-badge-supported-renderer.ytd-generic-watch-card { + padding-right: 8px; + } + + #subtitle-row.ytd-generic-watch-card { + padding-top: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-show-watch-card-renderer { + display: inline-block; + } + + ytd-universal-watch-card-renderer { + display: block; + } + + #hero.ytd-universal-watch-card-renderer { + margin-bottom: 16px; + } + + ytd-watch-card-hero-one-vs-one-event-renderer { + display: inline-block; + } + + ytd-thumbnail.ytd-watch-card-hero-one-vs-one-event-renderer { + height: 216px; + width: 386px; + } + + .yt-simple-endpoint.ytd-watch-card-hero-one-vs-one-event-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-watch-card-hero-one-vs-one-event-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #wc-endpoint.yt-simple-endpoint.ytd-watch-card-hero-one-vs-one-event-renderer { + position: relative; + } + + #bottom-fade.ytd-watch-card-hero-one-vs-one-event-renderer { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); + bottom: 0; + box-sizing: border-box; + color: var(--yt-spec-static-brand-white); + height: 160px; + padding: 64px 16px 16px 16px; + position: absolute; + width: 100%; + } + + ytd-watch-card-one-vs-one-event { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .team-row.ytd-watch-card-one-vs-one-event { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-watch-card-one-vs-one-event.compact .team-row.ytd-watch-card-one-vs-one-event { + margin-bottom: 4px; + } + + ytd-watch-card-one-vs-one-event.hero .team-row.ytd-watch-card-one-vs-one-event { + margin-bottom: 4px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .event-description.ytd-watch-card-one-vs-one-event { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-watch-card-one-vs-one-event.compact .main-event.ytd-watch-card-one-vs-one-event { + margin-bottom: 0; + } + + ytd-watch-card-one-vs-one-event.hero .main-event.ytd-watch-card-one-vs-one-event { + margin-bottom: 4px; + } + + ytd-banner-and-box-hero-image-renderer { + display: block; + max-width: 386px; + position: relative; + margin-left: auto; + margin-right: auto; + overflow: hidden; + display: block; + height: 216px; + width: 386px; + } + + #banner.ytd-banner-and-box-hero-image-renderer { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + #bg.ytd-banner-and-box-hero-image-renderer { + position: absolute; + width: 100%; + height: 100%; + fill: var(--yt-spec-general-background-a); + } + + #box.ytd-banner-and-box-hero-image-renderer { + position: relative; + left: 16px; + top: 16px; + } + + ytd-call-to-action-button-renderer { + display: inline-block; + } + + ytd-call-to-action-button-renderer[button-color=RED] #overlay-button.ytd-call-to-action-button-renderer { + background: var(--yt-spec-brand-button-background); + } + + ytd-call-to-action-button-renderer[button-color=OPAQUE_BLACK] #overlay-button.ytd-call-to-action-button-renderer { + background: var(--yt-spec-static-overlay-background-medium); + } + + #overlay-button.ytd-call-to-action-button-renderer { + color: var(--yt-spec-static-overlay-text-primary); + margin: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #overlay-icon.ytd-call-to-action-button-renderer { + height: 20px; + width: 20px; + margin-right: 4px; + } + + #overlay-text.ytd-call-to-action-button-renderer { + padding: 0 12px 0 4px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-collage-hero-image-renderer { + display: inline-block; + } + + #collage.ytd-collage-hero-image-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #section-left.ytd-collage-hero-image-renderer { + width: 214px; + height: 214px; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + overflow: hidden; + margin-right: 4px; + } + + #section-right.ytd-collage-hero-image-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #top-right.ytd-collage-hero-image-renderer { + margin-bottom: 4px; + } + + ytd-single-hero-image-renderer { + display: block; + max-width: 386px; + position: relative; + margin-left: auto; + margin-right: auto; + overflow: hidden; + display: block; + height: 216px; + width: 386px; + } + + ytd-single-hero-image-renderer[component-style=SINGLE_HERO_IMAGE_STYLE_SQUARE] { + height: 386px; + width: 386px; + } + + #image.ytd-single-hero-image-renderer { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-watch-card-hero-video-renderer { + display: block; + position: relative; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-thumbnail-overlay-hover-text-renderer.ytd-watch-card-hero-video-renderer { + opacity: 1; + } + + #length.ytd-watch-card-hero-video-renderer { + position: absolute; + bottom: 0; + right: 0; + margin: 4px; + color: var(--yt-spec-static-brand-white); + background-color: var(--yt-spec-static-overlay-background-heavy); + padding: 3px 4px; + height: 12px; + border-radius: 2px; + letter-spacing: 0.5px; + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + } + + ytd-watch-card-hero-video-renderer #thumbnail.ytd-watch-card-hero-video-renderer { + height: 100%; + position: relative; + margin-left: auto; + margin-right: auto; + overflow: hidden; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + ytd-watch-card-hero-video-renderer #thumbnail.ytd-watch-card-hero-video-renderer yt-img-shadow.ytd-watch-card-hero-video-renderer { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-watch-card-hero-video-renderer { + display: inline-block; + max-width: 386px; + } + + ytd-watch-card-hero-video-renderer[is-reminder-button-present] #watch-card-subtitle.ytd-watch-card-hero-video-renderer { + margin-right: 8px; + margin-bottom: 0px; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + ytd-watch-card-hero-video-renderer[hide-bottom-items] #watch-card-title.ytd-watch-card-hero-video-renderer { + margin-bottom: 0px; + margin-right: 24px; + } + + ytd-thumbnail.ytd-watch-card-hero-video-renderer { + height: 216px; + width: 386px; + } + + .yt-simple-endpoint.ytd-watch-card-hero-video-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-watch-card-hero-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #watch-card-endpoint.yt-simple-endpoint.ytd-watch-card-hero-video-renderer { + position: relative; + } + + .title-container.ytd-watch-card-hero-video-renderer { + width: 100%; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + .title-fade.ytd-watch-card-hero-video-renderer { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); + bottom: 0; + box-sizing: border-box; + padding: 100px 16px 16px; + position: inherit; + width: inherit; + color: var(--yt-spec-static-overlay-text-primary); + } + + #watch-card-title.ytd-watch-card-hero-video-renderer { + color: var(--yt-spec-static-overlay-text-primary); + display: block; + margin-bottom: 8px; + white-space: nowrap; + text-overflow: ellipsis; + display: block; + max-height: var(--yt-navbar-title-line-height, 2.4rem); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #watch-card-subtitle.ytd-watch-card-hero-video-renderer { + display: block; + margin-bottom: 4px; + margin-right: 40px; + display: -webkit-box; + -webkit-box-orient: vertical; + max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #watch-card-endpoint.ytd-watch-card-hero-video-renderer #call-to-action-button.ytd-watch-card-hero-video-renderer { + position: absolute; + bottom: 16px; + left: 16px; + } + + #watch-card-endpoint.ytd-watch-card-hero-video-renderer #reminder-button.ytd-watch-card-hero-video-renderer { + display: block; + z-index: 1; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #bottom-items.ytd-watch-card-hero-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-watch-card-rich-header-renderer { + display: block; + width: 386px; + background-color: var(--yt-spec-general-background-b); + padding-bottom: 16px; + } + + #container.ytd-watch-card-rich-header-renderer { + width: 100%; + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .yt-simple-endpoint.ytd-watch-card-rich-header-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + #body.ytd-watch-card-rich-header-renderer { + width: 100%; + } + + #body.ytd-watch-card-rich-header-renderer .yt-simple-endpoint.ytd-watch-card-rich-header-renderer { + box-sizing: border-box; + padding: 16px 0 0 16px; + width: 100%; + } + + #channel-name.ytd-watch-card-rich-header-renderer { + --ytd-channel-name-container-display: inline; + --ytd-channel-name-text-container-display: inline; + --ytd-channel-name-text-display: inline; + --ytd-channel-name-badges-display: inline; + --ytd-channel-name-badges-margin-right: 8px; + --ytd-badge-icon-color: var(--yt-spec-text-secondary); + --ytd-badge-icon-size: 16px; + --ytd-badge-display: inline; + --iron-icon_-_margin-left: -4px; --iron-icon_-_margin-bottom: 5px; --iron-icon_-_margin-right: initial; --iron-icon_-_width: initial; --iron-icon_-_height: initial; --iron-icon_-_margin-top: initial;; + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + display: block; + max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #channel-name.ytd-watch-card-rich-header-renderer[verified] { + --ytd-channel-name-container-display: -webkit-box; + --ytd-channel-name-text-display: -webkit-box; + --ytd-channel-name-text-line-clamp: 2; + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #badge-row.ytd-watch-card-rich-header-renderer { + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + ytd-badge-supported-renderer.ytd-watch-card-rich-header-renderer { + padding-right: 8px; + } + + #watch-card-subtitle.ytd-watch-card-rich-header-renderer { + color: var(--yt-spec-text-secondary); + display: box; + display: -webkit-box; + max-height: calc(3 * var(--yt-subheadline-line-height, 2rem)); + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + text-overflow: ellipsis; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #avatar-endpoint.ytd-watch-card-rich-header-renderer { + box-sizing: border-box; + padding: 16px 16px 0 0; + } + + #avatar.ytd-watch-card-rich-header-renderer { + margin-left: 16px; + width: 48px; + height: 48px; + border: 1px solid var(--yt-spec-static-brand-white); + border-radius: 50%; + overflow: hidden; + } + + #call-to-action-button.ytd-watch-card-rich-header-renderer { + --ytd-subscribe-button-margin: 0; + margin: 12px 0 0 16px; + } + + ytd-watch-card-rich-header-renderer[header-style=left_avatar] #body.ytd-watch-card-rich-header-renderer { + order: 1; + } + + ytd-watch-card-rich-header-renderer[header-style=left_avatar] #body.ytd-watch-card-rich-header-renderer .yt-simple-endpoint.ytd-watch-card-rich-header-renderer { + padding: 16px 16px 0 0; + } + + ytd-watch-card-rich-header-renderer[header-style=left_avatar] #avatar.ytd-watch-card-rich-header-renderer { + margin: 0 20px 0 0; + width: 72px; + height: 72px; + } + + ytd-watch-card-rich-header-renderer[header-style=left_avatar] #avatar-endpoint.ytd-watch-card-rich-header-renderer { + padding: 16px 0 0 16px; + } + + ytd-watch-card-rich-header-renderer[header-style=left_avatar] #call-to-action-button.ytd-watch-card-rich-header-renderer { + margin-left: 0; + } + + ytd-vertical-watch-card-list-renderer { + display: block; + } + + ytd-watch-card-compact-video-renderer.ytd-vertical-watch-card-list-renderer:not([is-condensed]).ytd-vertical-watch-card-list-renderer,ytd-watch-card-one-vs-one-event-compact-video-renderer.ytd-vertical-watch-card-list-renderer { + margin-bottom: 16px; + } + + .yt-simple-endpoint.ytd-vertical-watch-card-list-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-vertical-watch-card-list-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #view-all-endpoint.yt-simple-endpoint.ytd-vertical-watch-card-list-renderer { + padding: 16px 0; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + text-transform: uppercase; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-watch-card-compact-video-renderer { + display: inline-block; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-thumbnail.ytd-watch-card-compact-video-renderer { + margin-right: 8px; + height: 68px; + width: 120px; + } + + ytd-badge-supported-renderer.ytd-watch-card-compact-video-renderer { + margin-top: 8px; + } + + .metadata.ytd-watch-card-compact-video-renderer { + padding: 0 16px 0 8px; + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .title.ytd-watch-card-compact-video-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .subtitle.ytd-watch-card-compact-video-renderer { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .byline.ytd-watch-card-compact-video-renderer { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + --yt-endpoint-color: var( + --ytd-metadata-line-color, + var(--yt-spec-text-secondary) + ); + --yt-endpoint-hover-color: var(--yt-spec-text-primary); + --yt-endpoint-visited-color: var( + --ytd-metadata-line-color, + var(--yt-spec-text-secondary) + ); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-watch-card-compact-video-renderer[is-condensed] { + padding-bottom: 8px; + margin-bottom: 8px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-watch-card-compact-video-renderer[is-condensed] a.ytd-watch-card-compact-video-renderer { + min-width: 0; + } + + ytd-watch-card-compact-video-renderer[is-condensed] .metadata.ytd-watch-card-compact-video-renderer { + padding: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-watch-card-compact-video-renderer[is-condensed] .text.ytd-watch-card-compact-video-renderer { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-watch-card-compact-video-renderer[is-condensed] .title.ytd-watch-card-compact-video-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + margin-bottom: 2px; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-watch-card-compact-video-renderer[is-condensed] .subtitle.ytd-watch-card-compact-video-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-watch-card-compact-video-renderer[is-condensed] ytd-badge-supported-renderer.ytd-watch-card-compact-video-renderer { + margin-top: 0; + margin-right: 4px; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + ytd-watch-card-compact-video-renderer[is-condensed]:last-of-type { + margin-bottom: 16px; + } + + .duration.ytd-watch-card-compact-video-renderer { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .yt-simple-endpoint.ytd-watch-card-compact-video-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-watch-card-one-vs-one-event-compact-video-renderer { + display: inline-block; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-thumbnail.ytd-watch-card-one-vs-one-event-compact-video-renderer { + margin-right: 8px; + height: 68px; + width: 120px; + } + + .metadata.ytd-watch-card-one-vs-one-event-compact-video-renderer { + color: var(--yt-spec-text-primary); + padding: 0 16px 0 8px; + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-watch-card-section-dropdown-renderer { + --paper-item-selected_-_background-color: var(--yt-spec-10-percent-layer); --paper-item-selected_-_font-weight: apply-shim-inherit;; + --paper-listbox-color: var(--yt-spec-text-primary); + --paper-listbox-background-color: var(--yt-spec-brand-background-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + paper-listbox.ytd-watch-card-section-dropdown-renderer paper-item.ytd-watch-card-section-dropdown-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + paper-menu-button.ytd-watch-card-section-dropdown-renderer { + padding: 0; + } + + #label.ytd-watch-card-section-dropdown-renderer { + cursor: pointer; + text-transform: var(--yt-dropdown-menu-label-transform, none); + padding: 0; + margin: 0; + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #label-text.ytd-watch-card-section-dropdown-renderer { + max-width: 145px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + #label.keyboard-focus.ytd-watch-card-section-dropdown-renderer #label-text.ytd-watch-card-section-dropdown-renderer { + font-weight: 500; + } + + #label-icon.ytd-watch-card-section-dropdown-renderer { + flex-shrink: 0; + margin-right: 8px; + color: var(--yt-spec-icon-active-other); + } + + [dir="rtl"] .ytd-watch-card-section-dropdown-renderer #label.ytd-watch-card-section-dropdown-renderer, .ytd-watch-card-section-dropdown-renderer[dir="rtl"] #label.ytd-watch-card-section-dropdown-renderer { + padding: 0; + text-align: left; + } + + #episodes.ytd-watch-card-section-dropdown-renderer { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #seasons.ytd-watch-card-section-dropdown-renderer { + cursor: pointer; + } + + .season-picker-container.ytd-watch-card-section-dropdown-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin-bottom: 8px; + padding-bottom: 8px; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #spacer.ytd-watch-card-section-dropdown-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-watch-card-section-sequence-renderer { + display: block; + max-width: 386px; + margin-bottom: 16px; + } + + ytd-horizontal-card-list-renderer.ytd-watch-card-section-sequence-renderer { + width: 384px; + } + + ytd-video-game-watch-card-renderer { + display: inline-block; + } + + #header.ytd-video-game-watch-card-renderer { + padding: 16px; + background-color: var(--yt-spec-general-background-b); + } + + #title.ytd-video-game-watch-card-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + #meta.ytd-video-game-watch-card-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .meta-label.ytd-video-game-watch-card-renderer { + display: inline-block; + margin-right: 4px; + } + + .yt-simple-endpoint.ytd-video-game-watch-card-renderer { + display: block; + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-video-game-watch-card-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + #banner.yt-simple-endpoint.ytd-video-game-watch-card-renderer { + position: relative; + } + + #bannerart.ytd-video-game-watch-card-renderer { + width: 385px; + height: 217px; + } + + #boxart.ytd-video-game-watch-card-renderer { + position: absolute; + top: 16px; + left: 20px; + width: 132px; + height: 184px; + } + + #videos.ytd-video-game-watch-card-renderer { + padding: 16px 16px 0; + } + + #subaction.ytd-video-game-watch-card-renderer { + display: block; + margin-bottom: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #logo-container.yt-simple-endpoint.ytd-video-game-watch-card-renderer { + display: block; + padding: 16px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #logo.ytd-video-game-watch-card-renderer { + width: 89px; + height: 32px; + } + + .metadata.ytd-video-game-watch-card-renderer { + display: flex; + flex-direction: column; + padding: 0 16px 0 16px; + } + + .lockup.ytd-video-game-watch-card-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .lockup.ytd-video-game-watch-card-renderer:not(:last-child) { + margin-bottom: 16px; + } + + .video-title.yt-simple-endpoint.ytd-video-game-watch-card-renderer { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .video-byline.ytd-video-game-watch-card-renderer,.video-views.ytd-video-game-watch-card-renderer { + color: var(--yt-spec-text-secondary); + margin-right: 4px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .lockup.ytd-video-game-watch-card-renderer ytd-thumbnail.ytd-video-game-watch-card-renderer { + margin-right: 8px; + height: 68px; + width: 120px; + } + + .thumbnail-container.ytd-video-game-watch-card-renderer { + position: relative; + } + + #thumbnail.ytd-video-game-watch-card-renderer { + display: block; + } + + .badge.ytd-video-game-watch-card-renderer { + display: inline-block; + position: absolute; + bottom: 0; + right: 8px; + text-transform: uppercase; + margin: 4px; + pointer-events: none; + color: var(--yt-spec-static-brand-white); + background-color: var(--yt-spec-static-overlay-background-heavy); + padding: 3px 4px; + height: 12px; + border-radius: 2px; + letter-spacing: 0.5px; + font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + } + + .live-badge.badge.ytd-video-game-watch-card-renderer { + background-color: var(--yt-spec-static-brand-red); + } + + .logo-part.ytd-video-game-watch-card-renderer { + fill: var(--yt-spec-text-primary); + } + + ytd-watch-card-renderer { + display: inline-block; + } + + ytd-secondary-search-container-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-two-column-search-results-renderer { + --yt-horizontal-list-renderer-width: 214px; + max-width: 1280px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + @media (min-width: 428px) { + ytd-two-column-search-results-renderer { + --yt-horizontal-list-renderer-width: 428px; + } + + } + + @media (min-width: 642px) { + ytd-two-column-search-results-renderer { + --yt-horizontal-list-renderer-width: 642px; + } + + } + + @media (min-width: 856px) { + ytd-two-column-search-results-renderer { + --yt-horizontal-list-renderer-width: 856px; + } + + } + + @media (min-width: 1070px) { + ytd-two-column-search-results-renderer[use-prominent-thumbs][prominent-thumb-style=DEFAULT],ytd-two-column-search-results-renderer[use-prominent-thumbs][prominent-thumb-style=BIG1],ytd-two-column-search-results-renderer[use-prominent-thumbs][prominent-thumb-style=BIG2] { + --yt-horizontal-list-renderer-width: 1070px; + } + + } + + #primary.ytd-two-column-search-results-renderer { + max-width: 862px; + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-two-column-search-results-renderer[center-results] #primary.ytd-two-column-search-results-renderer { + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + #secondary.ytd-two-column-search-results-renderer { + padding-left: 40px; + width: 385px; + } + + ytd-two-column-search-results-renderer[center-results] #secondary.ytd-two-column-search-results-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #continuations.ytd-two-column-search-results-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-section-list-renderer.ytd-two-column-search-results-renderer { + min-width: 0; + } + + @media (max-width: 1090px) { + #secondary.ytd-two-column-search-results-renderer { + display: none; + } + + } + + @media (min-width: 1480px) { + #primary.ytd-two-column-search-results-renderer { + width: 903px; + } + + #secondary.ytd-two-column-search-results-renderer { + width: 385px; + } + + } + + @media (min-width: 1720px) { + ytd-two-column-search-results-renderer[guide-persistent-and-visible] #primary.ytd-two-column-search-results-renderer { + width: 903px; + } + + ytd-two-column-search-results-renderer[guide-persistent-and-visible] #secondary.ytd-two-column-search-results-renderer { + width: 385px; + display: block; + } + + } + + ytd-two-column-search-results-renderer[use-prominent-thumbs] { + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-two-column-search-results-renderer[use-prominent-thumbs] #primary.ytd-two-column-search-results-renderer { + max-width: 1096px; + } + + ytd-two-column-search-results-renderer[prominent-thumb-style=MEDIUM1] #primary.ytd-two-column-search-results-renderer { + max-width: 862px; + } + + ytd-two-column-search-results-renderer[prominent-thumb-style=MEDIUM2] #primary.ytd-two-column-search-results-renderer { + max-width: 862px; + } + + ytd-two-column-search-results-renderer[is-grid-layout] #primary.ytd-two-column-search-results-renderer { + width: 100%; + max-width: 100%; + } + + ytd-two-column-search-results-renderer[is-grid-layout] { + max-width: 100%; + } + + ytd-watch-fixie { + --ytd-watch-fixie-sidebar-width: 420px; + --ytd-watch-fixie-masthead-height: 56px; + --ytd-watch-fixie-min-player-height: 320px; + --ytd-watch-fixie-min-player-width: calc(var(--ytd-watch-fixie-min-player-height) * (var(--ytd-watch-flexy-width-ratio) / var(--ytd-watch-flexy-height-ratio))); + --ytd-watch-fixie-video-title-height: 94px; + --ytd-watch-fixie-video-meta-height: 60px; + --ytd-watch-fixie-metadata-height: calc(var(--ytd-watch-fixie-video-title-height) + var(--ytd-watch-fixie-video-meta-height)); + --ytd-watch-flexy-width-ratio: 16; + --ytd-watch-flexy-height-ratio: 9; + --ytd-watch-fixie-max-player-height: calc(100vh - (var(--ytd-watch-fixie-masthead-height) + var(--ytd-margin-6x) + var(--ytd-margin-6x) + var(--ytd-watch-fixie-metadata-height))); + --ytd-watch-fixie-max-player-width: calc(var(--ytd-watch-fixie-max-player-height) * (var(--ytd-watch-flexy-width-ratio) / var(--ytd-watch-flexy-height-ratio))); + --ytd-watch-fixie-secondary-popup-title-height: 50px; + --ytd-watch-fixie-peeking-comment-height: 0px; + position: absolute; + top: var(--ytd-watch-fixie-masthead-height); + left: 0; + right: 0; + height: calc(100% - var(--ytd-watch-fixie-masthead-height)); + min-width: 0; + background: var(--yt-main-app-background-tmp); + } + + ytd-watch-fixie[metadata-expanded_] { + --ytd-watch-fixie-video-meta-height: 290px; + } + + #columns.ytd-watch-fixie { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + display: var(--layout_-_display); + } + + #primary.ytd-watch-fixie { + max-height: 100%; + min-width: calc(var(--ytd-margin-6x) + var(--ytd-watch-fixie-min-player-width) + var(--ytd-margin-6x)); + overflow-y: auto; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #player-area.ytd-watch-fixie { + min-height: var(--ytd-watch-fixie-min-player-height); + padding: var(--ytd-margin-6x); + background: var(--yt-spec-general-background-a); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #player-outer.ytd-watch-fixie { + position: relative; + top: 50%; + transform: translateY(-50%); + margin: 0 auto; + max-width: var(--ytd-watch-fixie-max-player-width); + min-width: var(--ytd-watch-fixie-min-player-width); + } + + #player-container.ytd-watch-fixie { + position: relative; + padding-top: calc(var(--ytd-watch-flexy-height-ratio) / var(--ytd-watch-flexy-width-ratio) * 100%); + } + + #player-container.ytd-watch-fixie > *.ytd-watch-fixie { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + #metadata.ytd-watch-fixie { + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #info.ytd-watch-fixie { + margin: 0 var(--ytd-margin-8x); + } + + #secondary.ytd-watch-fixie { + position: relative; + box-sizing: border-box; + max-height: 100%; + width: var(--ytd-watch-fixie-sidebar-width); + overflow: hidden; + border-left: 1px solid var(--yt-spec-10-percent-layer); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #secondary-scroll.ytd-watch-fixie { + box-sizing: border-box; + height: 100%; + overflow: auto; + padding-bottom: var(--ytd-watch-fixie-secondary-popup-title-height); + } + + ytd-watch-fixie[secondary-section-expanded_] #secondary-scroll.ytd-watch-fixie { + overflow: hidden; + } + + #related.ytd-watch-fixie,#comments.ytd-watch-fixie { + padding: 0 var(--ytd-margin-6x); + } + + #related.ytd-watch-fixie { + padding-top: var(--ytd-margin-6x); + } + + #comments-container.ytd-watch-fixie { + background: var(--yt-main-app-background-tmp); + display: var(--layout_-_display); + display: var(--layout-vertical_-_display, var(--layout_-_display)); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #comments-container.detached.ytd-watch-fixie { + z-index: var(--ytd-z-index-watch-fixie-secondary-section-detached); + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + #comments-container.detached.ytd-watch-fixie:not(.expanded) { + transform: translateY(100%) translateY(calc(-1 * (var(--ytd-watch-fixie-secondary-popup-title-height) + var(--ytd-watch-fixie-peeking-comment-height)))); + } + + #comments-container.animate.ytd-watch-fixie { + transition: transform 0.5s ease; + } + + #comments-container.detached.ytd-watch-fixie #comments.ytd-watch-fixie { + overflow: auto; + } + + #comments-container.expanded.ytd-watch-fixie { + transform: translateY(0); + } + + #comments-header.ytd-watch-fixie { + z-index: var(--ytd-z-index-watch-fixie-secondary-section-detached); + background: var(--yt-main-app-background-tmp); + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #comments-header.animate.ytd-watch-fixie { + transition: transform 0.5s ease; + } + + #comments-header.hidden.ytd-watch-fixie { + display: none; + } + + #comments-header.no-peeking.ytd-watch-fixie { + transform: translateY(var(--ytd-watch-fixie-peeking-comment-height)); + } + + #comments-container.ytd-watch-fixie:not(.detached) #comments-header.ytd-watch-fixie { + position: absolute; + left: 0; + right: 0; + bottom: 0; + } + + #comments-header-top-row.ytd-watch-fixie { + box-sizing: border-box; + height: var(--ytd-watch-fixie-secondary-popup-title-height); + padding: var(--ytd-margin-3x); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #comments-header-text.ytd-watch-fixie { + margin-left: var(--ytd-margin-3x); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #comments-header-title.ytd-watch-fixie { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #comments-header-count.ytd-watch-fixie { + margin-left: var(--ytd-margin-base); + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #comments-header.ytd-watch-fixie yt-icon.ytd-watch-fixie { + color: var(--yt-spec-icon-active-other); + } + + #peeking-comment.ytd-watch-fixie { + padding: var(--ytd-margin-6x); + background: var(--yt-spec-general-background-a); + } + + #comments-container.detached.ytd-watch-fixie #peeking-comment.ytd-watch-fixie { + display: none; + } + + #peeking-comment.ytd-watch-fixie ytd-comment-renderer.ytd-watch-fixie { + margin: 0; + } + + #comments.ytd-watch-fixie { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #chat.ytd-watch-fixie { + height: 460px; + } + + #chat.ytd-watch-fixie[collapsed] { + height: auto; + } + + #merch-shelf.ytd-watch-fixie:not(:empty),#ticket-shelf.ytd-watch-fixie:not(:empty) { + margin: var(--ytd-margin-6x) var(--ytd-margin-6x) 0; + } + + ytd-watch-fixie.loading #chat.ytd-watch-fixie,ytd-watch-fixie.loading #comments.ytd-watch-fixie,ytd-watch-fixie.loading #related.ytd-watch-fixie { + visibility: hidden; + } + + ytd-watch-fixie.loading-player #player-container-outer.ytd-watch-fixie { + visibility: hidden; + } + + ytd-watch-fixie.loading-player #player-container.ytd-watch-fixie { + background-color: #000; + } + + ytd-watch-fixie.loading #chat.ytd-watch-fixie,ytd-watch-fixie.loading #comments.ytd-watch-fixie,ytd-watch-fixie.loading:not(.show-skeleton) #related.ytd-watch-fixie { + visibility: hidden; + } + + ytd-watch-fixie.show-skeleton ytd-video-primary-info-renderer.ytd-watch-fixie,ytd-watch-fixie.show-skeleton ytd-video-secondary-info-renderer.ytd-watch-fixie,ytd-watch-fixie.show-skeleton ytd-watch-next-secondary-results-renderer.ytd-watch-fixie,ytd-watch-fixie.show-skeleton #player-ads.ytd-watch-fixie { + display: none; + } + + ytd-watch-fixie.hide-skeleton #info-skeleton.ytd-watch-fixie,ytd-watch-fixie.hide-skeleton #meta-skeleton.ytd-watch-fixie { + display: none; + } + + #meta-skeleton.ytd-watch-fixie { + display: none; + } + + ytd-watch-next-secondary-results-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-movie-offer-module-renderer.ytd-watch-next-secondary-results-renderer { + margin: 0 0 20px; + } + + ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not([expansion=collapsed]).ytd-watch-next-secondary-results-renderer,ytd-compact-radio-renderer.ytd-watch-next-secondary-results-renderer,ytd-compact-movie-renderer.ytd-watch-next-secondary-results-renderer,ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer,ytd-compact-promoted-video-renderer.ytd-watch-next-secondary-results-renderer,ytd-promoted-sparkles-web-renderer.ytd-watch-next-secondary-results-renderer { + margin-bottom: 8px; + } + + ytd-watch-next-secondary-results-renderer[fixie_] ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer,ytd-watch-next-secondary-results-renderer[fixie_] ytd-compact-radio-renderer.ytd-watch-next-secondary-results-renderer,ytd-watch-next-secondary-results-renderer[fixie_] ytd-compact-movie-renderer.ytd-watch-next-secondary-results-renderer,ytd-watch-next-secondary-results-renderer[fixie_] ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer,ytd-watch-next-secondary-results-renderer[fixie_] ytd-compact-promoted-video-renderer.ytd-watch-next-secondary-results-renderer,ytd-watch-next-secondary-results-renderer[fixie_] ytd-promoted-sparkles-web-renderer.ytd-watch-next-secondary-results-renderer { + margin-bottom: 16px; + } + + ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer { + --ytd-item-section-item-margin: 8px; + } + + ytd-watch-next-secondary-results-renderer[fixie_] ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer { + --ytd-item-section-item-margin: 16px; + } + + #items.ytd-watch-next-secondary-results-renderer > yt-related-chip-cloud-renderer.ytd-watch-next-secondary-results-renderer { + margin-top: calc(0% - 8px); + } + + #items.ytd-watch-next-secondary-results-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + yt-next-continuation.ytd-watch-next-secondary-results-renderer { + --paper-button_-_color: var(--yt-spec-call-to-action); --paper-button_-_border: solid 1px var(--yt-spec-call-to-action); --paper-button_-_width: 100%; --paper-button_-_margin: 0; --paper-button_-_background-color: initial; --paper-button_-_text-transform: initial; --paper-button_-_min-width: initial;; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-queue-to-play-renderer.ytd-watch-next-secondary-results-renderer { + margin-bottom: 16px; + } + + ytd-queue-to-play-state-renderer.ytd-watch-next-secondary-results-renderer { + margin-bottom: 16px; + } + + ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs_] ytd-promoted-sparkles-web-renderer.ytd-watch-next-secondary-results-renderer { + margin-bottom: 16px; + } + + ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs_][is-two-columns] #items.ytd-watch-next-secondary-results-renderer > *.ytd-watch-next-secondary-results-renderer { + width: 100%; + } + + ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs_]:not([is-two-columns]) #items.ytd-watch-next-secondary-results-renderer { + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs_]:not([is-two-columns]) #items.ytd-watch-next-secondary-results-renderer > *.ytd-watch-next-secondary-results-renderer { + width: var(--ytd-watch-flexy-sidebar-width); + } + + @media (min-width: 525px) { + ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs_]:not([autonav-disabled]):not([is-two-columns]):not([hide-autoplay]) #items.ytd-watch-next-secondary-results-renderer > *.ytd-watch-next-secondary-results-renderer:nth-child(2) { + margin-top: 34px; + } + + } + + @media (min-width: 850px) { + ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs_]:not([autonav-disabled]):not([is-two-columns]):not([hide-autoplay]) #items.ytd-watch-next-secondary-results-renderer > *.ytd-watch-next-secondary-results-renderer:nth-child(3) { + margin-top: 34px; + } + + } + + ytd-recognition-shelf-renderer { + display: inline-block; + margin-bottom: 24px; + width: 100%; + } + + #wrapper.ytd-recognition-shelf-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + width: 100%; + position: relative; + padding-right: 0; + overflow: hidden; + } + + #title-section.ytd-recognition-shelf-renderer { + min-height: 52px; + background-color: var(--yt-spec-general-background-b); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #title-text.ytd-recognition-shelf-renderer { + color: var(--yt-spec-text-primary); + margin: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #recognition-section.ytd-recognition-shelf-renderer { + position: relative; + } + + #avatars-section.ytd-recognition-shelf-renderer { + overflow: hidden; + position: relative; + height: 32px; + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .avatar.ytd-recognition-shelf-renderer { + border-radius: 50%; + overflow: hidden; + margin-right: 4px; + } + + #rows-section.ytd-recognition-shelf-renderer { + position: relative; + } + + #hidden-section.ytd-recognition-shelf-renderer { + opacity: 0; + } + + #first-row-section.ytd-recognition-shelf-renderer,#second-row-section.ytd-recognition-shelf-renderer,#hidden-section.ytd-recognition-shelf-renderer { + white-space: nowrap; + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #first-row-section.ytd-recognition-shelf-renderer { + position: absolute; + top: 0%; + opacity: 1; + animation-name: disappearance; + animation-duration: 0.6s; + animation-delay: 5s; + animation-fill-mode: forwards; + } + + #second-row-section.ytd-recognition-shelf-renderer { + position: absolute; + opacity: 0; + animation-name: appearance; + animation-duration: 0.6s; + animation-delay: 5s; + animation-fill-mode: forwards; + } + + @keyframes appearance { + 0% { + top: 100%; + opacity: 0; + } + + 100% { + top: 0%; + opacity: 1; + } + + } + + @keyframes disappearance { + 0% { + top: 0%; + opacity: 1; + } + + 100% { + top: -100%; + opacity: 0; + } + + } + + #cta-text.ytd-recognition-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #join-cta-text.ytd-recognition-shelf-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #cta-avatars.ytd-recognition-shelf-renderer { + width: 80px; + height: 64px; + overflow: hidden; + } + + ytd-recognition-shelf-renderer[has-cta] #avatars-section.ytd-recognition-shelf-renderer { + position: relative; + opacity: 1; + animation-name: disappearance; + animation-duration: 0.6s; + animation-delay: 10s; + animation-fill-mode: forwards; + } + + #cta-section.ytd-recognition-shelf-renderer { + width: 100%; + overflow: hidden; + position: absolute; + opacity: 0; + animation-name: appearance; + animation-duration: 0.6s; + animation-delay: 10s; + animation-fill-mode: forwards; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-recognition-shelf-renderer.test-only-force-cta #first-row-section.ytd-recognition-shelf-renderer,ytd-recognition-shelf-renderer.test-only-force-cta #rows-section.ytd-recognition-shelf-renderer { + animation: none; + top: -100%; + opacity: 0; + } + + ytd-recognition-shelf-renderer.test-only-force-cta #second-row-section.ytd-recognition-shelf-renderer,ytd-recognition-shelf-renderer.test-only-force-cta #cta-section.ytd-recognition-shelf-renderer { + animation: none; + top: 0%; + opacity: 1; + } + + .cta-avatar.ytd-recognition-shelf-renderer { + position: absolute; + border-radius: 50%; + overflow: hidden; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(1) { + top: -19px; + left: -48px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(2) { + top: -19px; + left: -16px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(3) { + top: -19px; + left: 16px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(4) { + top: 7px; + left: -32px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(5) { + top: 7px; + left: 0px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(6) { + top: 7px; + left: 32px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(7) { + top: 33px; + left: -16px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(8) { + top: 33px; + left: 16px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(9) { + top: 33px; + left: 48px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(10) { + top: 59px; + left: 0px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(11) { + top: 59px; + left: 32px; + } + + #cta-avatars.ytd-recognition-shelf-renderer .cta-avatar.ytd-recognition-shelf-renderer:nth-child(12) { + top: 59px; + left: 64px; + } + + ytd-queue-to-play-renderer { + display: block; + } + + #title-container.ytd-queue-to-play-renderer { + border: 1px solid var(--yt-spec-button-chip-background-hover); + border-bottom: none; + padding: 16px; + background-color: var(--yt-spec-general-background-a); + color: var(--yt-spec-text-primary); + position: relative; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #title-svg.ytd-queue-to-play-renderer { + fill: transparent; + height: 100%; + position: absolute; + right: 0; + top: 0; + z-index: 1; + } + + #stadia-svg.ytd-queue-to-play-renderer { + height: 50%; + position: absolute; + right: 10px; + top: 25%; + z-index: 2; + } + + [dir="rtl"] #title-svg.ytd-queue-to-play-renderer, #title-svg.ytd-queue-to-play-renderer[dir="rtl"] { + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); + transform-origin: center; + } + + #title-svg-right.ytd-queue-to-play-renderer { + fill: var(--yt-spec-general-background-c); + } + + #title-svg-left.ytd-queue-to-play-renderer { + fill: var(--yt-spec-general-background-b); + } + + #boxart.ytd-queue-to-play-renderer { + height: 125px; + margin-right: 15px; + } + + #content.ytd-queue-to-play-renderer { + min-height: 98px; + border: 1px solid var(--yt-spec-button-chip-background-hover); + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .ytd-queue-to-play-right-container.ytd-queue-to-play-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #subtitle.ytd-queue-to-play-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #description.ytd-queue-to-play-renderer { + display: block; + margin-top: 8px; + color: var(--yt-spec-text-secondary); + } + + #button-container.ytd-queue-to-play-renderer { + align-items: center; + display: flex; + height: 42px; + margin-top: 8px; + } + + ytd-queue-to-play-state-renderer { + display: block; + } + + #title-container.ytd-queue-to-play-state-renderer { + border: 1px solid var(--yt-spec-button-chip-background-hover); + border-bottom: none; + padding: 16px; + background-color: var(--yt-spec-general-background-a); + color: var(--yt-spec-text-primary); + position: relative; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #title-svg.ytd-queue-to-play-state-renderer { + fill: transparent; + height: 100%; + position: absolute; + right: 0; + top: 0; + z-index: 1; + } + + #stadia-svg.ytd-queue-to-play-state-renderer { + height: 50%; + position: absolute; + right: 10px; + top: 25%; + z-index: 2; + } + + [dir="rtl"] #title-svg.ytd-queue-to-play-state-renderer, #title-svg.ytd-queue-to-play-state-renderer[dir="rtl"] { + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); + transform-origin: center; + } + + #title-svg-right.ytd-queue-to-play-state-renderer { + fill: var(--yt-spec-general-background-c); + } + + #title-svg-left.ytd-queue-to-play-state-renderer { + fill: var(--yt-spec-general-background-b); + } + + #boxart-wrapper.ytd-queue-to-play-state-renderer { + min-height: 98px; + max-height: 98px; + margin-right: 15px; + overflow: hidden; + min-width: 70px; + max-width: 70px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #boxart.ytd-queue-to-play-state-renderer { + min-height: 100%; + min-width: 100%; + } + + #content.ytd-queue-to-play-state-renderer { + min-height: 98px; + border: 1px solid var(--yt-spec-button-chip-background-hover); + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .ytd-queue-to-play-right-container.ytd-queue-to-play-state-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #subtitle.ytd-queue-to-play-state-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #description.ytd-queue-to-play-state-renderer { + display: block; + margin-top: 8px; + color: var(--yt-spec-text-secondary); + } + + #button-container.ytd-queue-to-play-state-renderer { + align-items: center; + display: flex; + height: 42px; + margin-top: 8px; + } + + ytd-compact-promoted-video-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-promoted-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-promoted-video-renderer { + margin-right: 8px; + height: 94px; + width: 168px; + } + + .details.ytd-compact-promoted-video-renderer { + padding-right: 24px; + box-sizing: border-box; + width: 100%; + min-width: 0; + } + + #endpoint-link.ytd-compact-promoted-video-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #ad-badge-container.ytd-compact-promoted-video-renderer { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .yt-simple-endpoint.ytd-compact-promoted-video-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-compact-promoted-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-compact-promoted-video-renderer { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #video-title.ytd-compact-promoted-video-renderer { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-compact-promoted-video-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-menu-renderer.ytd-compact-promoted-video-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + position: absolute; + top: 0; + right: 0; + } + + ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] h3.ytd-compact-promoted-video-renderer { + margin: 0; + } + + ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] ytd-thumbnail.ytd-compact-promoted-video-renderer:before { + display: block; + content: ""; + padding-top: 55.95%; + background-color: var(--yt-spec-10-percent-layer); + } + + ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] .secondary-metadata.ytd-compact-promoted-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] #ad-badge-container.ytd-compact-promoted-video-renderer { + padding-left: 8px; + } + + ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] .details.ytd-compact-promoted-video-renderer { + padding-top: 8px; + padding-bottom: 8px; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-promoted-video-renderer { + margin-top: 8px; + } + + ytd-promoted-sparkles-web-renderer { + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-promoted-sparkles-web-renderer:hover #media-hover-overlay.ytd-promoted-sparkles-web-renderer { + visibility: visible; + } + + ytd-promoted-sparkles-web-renderer[collapsed] { + display: none; + } + + ytd-promoted-sparkles-web-renderer[hide-hover-overlay] #media-hover-overlay.ytd-promoted-sparkles-web-renderer { + display: none; + } + + #sparkles-container.ytd-promoted-sparkles-web-renderer { + pointer-events: none; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #thumbnail-container.ytd-promoted-sparkles-web-renderer { + position: relative; + margin-right: 8px; + cursor: pointer; + pointer-events: auto; + height: 168px; + width: 168px; + } + + #thumbnail.ytd-promoted-sparkles-web-renderer,#thumbnail.ytd-promoted-sparkles-web-renderer img.ytd-promoted-sparkles-web-renderer { + height: 168px; + width: 168px; + } + + ytd-promoted-sparkles-web-renderer.variable-image-ratio #thumbnail-container.ytd-promoted-sparkles-web-renderer,ytd-promoted-sparkles-web-renderer.variable-image-ratio #thumbnail.ytd-promoted-sparkles-web-renderer,ytd-promoted-sparkles-web-renderer.variable-image-ratio #thumbnail.ytd-promoted-sparkles-web-renderer img.ytd-promoted-sparkles-web-renderer { + max-height: 168px; + height: auto; + } + + #icon.ytd-promoted-sparkles-web-renderer { + position: absolute; + bottom: 0px; + right: 0px; + padding: 2px; + background-color: black; + color: white; + border-radius: 3px; + margin: 6px; + opacity: 0.5; + } + + #sparkles-container.ytd-promoted-sparkles-web-renderer:hover #icon.ytd-promoted-sparkles-web-renderer { + opacity: 0.8; + } + + #sparkles-body.ytd-promoted-sparkles-web-renderer { + width: 10px; + padding-right: 24px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + #title.ytd-promoted-sparkles-web-renderer { + cursor: pointer; + pointer-events: auto; + text-overflow: ellipsis; + width: 100%; + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + h3.ytd-promoted-sparkles-web-renderer { + color: var(--yt-spec-text-primary); + } + + #website-text-container.ytd-promoted-sparkles-web-renderer { + cursor: pointer; + pointer-events: auto; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #website-text.ytd-promoted-sparkles-web-renderer { + color: var(--yt-spec-text-secondary); + padding-left: 3px; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #description.ytd-promoted-sparkles-web-renderer { + color: var(--yt-spec-text-secondary); + width: 100%; + margin-bottom: 8px; + display: -webkit-box; + -webkit-box-orient: vertical; + max-height: calc(3 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 3; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #action-button.ytd-promoted-sparkles-web-renderer { + margin-top: 16px; + max-width: 100%; + } + + #action-button.ytd-promoted-sparkles-web-renderer ytd-button-renderer.ytd-promoted-sparkles-web-renderer { + cursor: pointer; + pointer-events: auto; + background-color: var(--yt-spec-call-to-action); + color: var(--yt-spec-text-primary-inverse); + max-width: 100%; + } + + ytd-promoted-sparkles-web-renderer.sparkles-light-cta #action-button.ytd-promoted-sparkles-web-renderer ytd-button-renderer.ytd-promoted-sparkles-web-renderer { + background-color: var(--yt-spec-suggested-action); + color: var(--yt-spec-call-to-action); + } + + ytd-menu-renderer.ytd-promoted-sparkles-web-renderer { + --paper-icon-button_-_padding: 0; --paper-icon-button_-_width: 24px; --paper-icon-button_-_height: 24px;; + cursor: pointer; + pointer-events: auto; + position: absolute; + top: 0; + right: 0; + } + + #media-hover-overlay.ytd-promoted-sparkles-web-renderer { + position: absolute; + visibility: hidden; + top: 0; + right: 0; + left: 0; + bottom: 0; + background-color: var(--yt-spec-static-overlay-background-medium); + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #media-hover-overlay.ytd-promoted-sparkles-web-renderer ytd-button-renderer.ytd-promoted-sparkles-web-renderer { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-compact-tvfilm-entry-point-renderer { + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-compact-tvfilm-entry-point-renderer { + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #subtitle.ytd-compact-tvfilm-entry-point-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #action-button.ytd-compact-tvfilm-entry-point-renderer { + margin-left: auto; + -ms-align-self: flex-start; + -webkit-align-self: flex-start; + align-self: flex-start; + } + + ytd-movie-offer-module-renderer { + display: block; + border: 1px solid var(--yt-spec-10-percent-layer); + } + + #header.ytd-movie-offer-module-renderer { + background-color: var(--yt-spec-general-background-b); + padding: 8px 16px 8px 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #title.ytd-movie-offer-module-renderer { + color: var(--yt-spec-text-primary); + padding-right: 8px; + min-width: 100px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + max-height: var(--yt-subheadline-line-height, 2rem); + overflow: hidden; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #manage-purchase-text.ytd-movie-offer-module-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + white-space: nowrap; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #wide-clickable-area.ytd-movie-offer-module-renderer { + padding: 16px; + background-color: var(--yt-spec-general-background-a); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #wide-clickable-area.ytd-movie-offer-module-renderer[inactive] { + cursor: default; + } + + #wide-clickable-area.ytd-movie-offer-module-renderer yt-img-shadow.ytd-movie-offer-module-renderer { + margin-right: 8px; + width: 120px; + } + + #storefront-entry-point.ytd-movie-offer-module-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + background-color: var(--yt-spec-general-background-a); + padding: 8px 16px 8px 16px; + } + + #heading.ytd-movie-offer-module-renderer { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + color: var(--yt-spec-text-primary); + margin-bottom: 12px; + display: block; + } + + #details.ytd-movie-offer-module-renderer { + margin-bottom: 12px; + } + + #info.ytd-movie-offer-module-renderer { + color: var(--yt-spec-text-secondary); + max-width: 245px; + min-width: 0; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #info.ytd-movie-offer-module-renderer p.ytd-movie-offer-module-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #info.ytd-movie-offer-module-renderer p.ytd-movie-offer-module-renderer yt-formatted-string.ytd-movie-offer-module-renderer:last-child { + margin-left: 4px; + max-width: 170px; + } + + ytd-offer-review-renderer.ytd-movie-offer-module-renderer { + margin-bottom: 8px; + } + + .flexed.ytd-movie-offer-module-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-offer-review-renderer { + display: block; + color: var(--yt-spec-text-secondary); + } + + ytd-ratings.ytd-offer-review-renderer { + display: block; + margin-bottom: 4px; + } + + yt-formatted-string.ytd-offer-review-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-spec-text-secondary); + } + + ytd-ratings { + --paper-input-container-input-align: baseline; + display: inline-block; + height: 18px; + width: 90px; + } + + svg.ytd-ratings { + fill: var(--ytd-ratings-color, var(--yt-spec-text-secondary)); + height: 100%; + width: 100%; + margin-left: -1px; + } + + ytd-compact-autoplay-renderer { + display: block; + padding-bottom: 8px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin-bottom: 16px; + } + + ytd-compact-autoplay-renderer[hide-autonav-keyline] { + padding-bottom: 0; + border-bottom: none; + margin-bottom: 0; + } + + ytd-compact-autoplay-renderer[mask-as-video] { + padding-bottom: 0; + border-bottom: none; + margin-bottom: 0; + } + + ytd-compact-autoplay-renderer[mask-as-video] #head.ytd-compact-autoplay-renderer { + display: none; + } + + ytd-compact-autoplay-renderer[fixie] { + margin-bottom: 12px; + } + + ytd-compact-autoplay-renderer:not([queue-is-empty]) { + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; + } + + #head.ytd-compact-autoplay-renderer { + margin-bottom: 12px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-compact-autoplay-renderer[fixie] #head.ytd-compact-autoplay-renderer { + margin-bottom: 16px; + } + + ytd-compact-autoplay-renderer[hide-autonav-headline] #head.ytd-compact-autoplay-renderer { + display: none; + } + + #upnext.ytd-compact-autoplay-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #autoplay.ytd-compact-autoplay-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-compact-autoplay-renderer[player-move-autonav-toggle] #autoplay.ytd-compact-autoplay-renderer,ytd-compact-autoplay-renderer[player-move-autonav-toggle] #toggle.ytd-compact-autoplay-renderer { + display: none; + } + + paper-toggle-button.ytd-compact-autoplay-renderer { + margin-left: 8px; + } + + ytd-compact-autoplay-renderer[watch-feed-big-thumbs] paper-toggle-button.ytd-compact-autoplay-renderer,ytd-compact-autoplay-renderer[fixie] paper-toggle-button.ytd-compact-autoplay-renderer { + --paper-toggle-button-label-spacing: 0; + } + + ytd-compact-autoplay-renderer[watch-feed-big-thumbs] ytd-compact-video-renderer.ytd-compact-autoplay-renderer { + padding-bottom: 0; + } + + ytd-compact-video-renderer.ytd-compact-autoplay-renderer { + padding-bottom: 8px; + } + + ytd-compact-video-renderer.ytd-compact-autoplay-renderer[expansion=collapsed] { + padding-bottom: 0; + } + + ytd-compact-video-renderer.ytd-compact-autoplay-renderer[expansion=expanded] { + margin-bottom: 0; + } + + ytd-compact-autoplay-renderer[fixie] ytd-compact-video-renderer.ytd-compact-autoplay-renderer { + padding-bottom: 4px; + } + + #tooltip.ytd-compact-autoplay-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-compact-autoplay-renderer[player-move-autonav-toggle] #tooltip.ytd-compact-autoplay-renderer { + display: none; + } + + ytd-compact-autoplay-renderer[watch-feed-big-thumbs]:not([is-two-columns]):not([mask-as-video]) { + border-bottom: none; + margin-bottom: 0; + } + + ytd-compact-autoplay-renderer[watch-feed-big-thumbs]:not([is-two-columns]):not([mask-as-video]) ytd-compact-video-renderer.ytd-compact-autoplay-renderer { + padding-top: 34px; + } + + ytd-compact-autoplay-renderer[watch-feed-big-thumbs]:not([is-two-columns]):not([mask-as-video]) #head.ytd-compact-autoplay-renderer { + position: absolute; + left: 0; + width: calc(100% - 48px); + margin-left: 24px; + } + + ytd-unlimited-offer-module-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #header.ytd-unlimited-offer-module-renderer { + padding: 8px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #title-section.ytd-unlimited-offer-module-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #main-title.ytd-unlimited-offer-module-renderer { + color: var(--yt-spec-text-primary); + display: box; + display: -webkit-box; + max-height: calc(3 * var(--yt-subheadline-line-height, 2rem)); + overflow: hidden; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + text-overflow: ellipsis; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #sub-title.ytd-unlimited-offer-module-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #thumbnail.ytd-unlimited-offer-module-renderer { + --yt-endpoint-force-cursor: pointer; + height: 210px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #watch-checkout-offers.ytd-unlimited-offer-module-renderer { + margin: 0 0 16px; + } + + #storefront-entry-point.ytd-unlimited-offer-module-renderer { + padding: 10px 0; + } + + yt-chip-cloud-renderer { + overflow: hidden; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -moz-box-align: center; + align-items: center; + } + + iron-selector.yt-chip-cloud-renderer { + margin-right: 12px; + white-space: nowrap; + overflow: hidden; + } + + yt-chip-cloud-chip-renderer.yt-chip-cloud-renderer { + margin: 4px 8px 4px 0; + } + + #scroll-container.yt-chip-cloud-renderer { + white-space: nowrap; + overflow: hidden; + } + + #chips.yt-chip-cloud-renderer { + -webkit-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + will-change: transform; + display: inline-block; + white-space: nowrap; + } + + #left-arrow.yt-chip-cloud-renderer,#right-arrow.yt-chip-cloud-renderer { + z-index: 200; + position: absolute; + height: 100%; + width: 32px; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + background: var(--yt-spec-general-background-a); + color: var(--yt-spec-text-secondary); + opacity: 0.95; + display: -ms-flexbox; + display: -webkit-flex; + display: -webkit-box; + display: -moz-box; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + -moz-box-align: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + -webkit-box-pack: center; + -moz-box-pack: center; + justify-content: center; + } + + #left-arrow.yt-chip-cloud-renderer { + padding-right: 4px; + left: 0; + } + + #right-arrow.yt-chip-cloud-renderer { + padding-left: 4px; + right: 0; + } + + yt-chip-cloud-renderer[at-start] #left-arrow.yt-chip-cloud-renderer,yt-chip-cloud-renderer[at-end] #right-arrow.yt-chip-cloud-renderer { + display: none; + } + + yt-icon-button.yt-chip-cloud-renderer { + --yt-button-color: var(--yt-spec-icon-active-other); + --yt-button-icon-size: 24px; + height: 24px; + width: 24px; + } + + yt-related-chip-cloud-renderer { + display: inline-block; + } + + ytd-live-chat-frame { + border: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-live-chat-frame[collapsed] iframe.ytd-live-chat-frame { + max-height: 0; + } + + iframe.ytd-live-chat-frame { + width: 100%; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame { + width: 100%; + color: var(--yt-live-chat-secondary-text-color); + background-color: var(--yt-spec-brand-background-primary); + font-size: 11px; + --yt-button-border-radius: 0; + --yt-button-padding: 8px 24px; + --yt-paper-button-width: 100%; + } + + #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame:hover { + color: var(--yt-live-chat-primary-text-color); + } + + ytd-message-renderer.ytd-live-chat-frame,#show-hide-button.ytd-live-chat-frame { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-playlist-panel-segment-header-renderer { + display: block; + padding: 4px 8px 8px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #index.ytd-playlist-panel-segment-header-renderer { + color: var(--yt-spec-text-secondary); + text-align: center; + width: 24px; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .light-text.ytd-playlist-panel-segment-header-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.4rem; + line-height: 1.6rem; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-playlist-panel-segment-header-renderer { + color: var(--yt-spec-text-primary); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #title-container.ytd-playlist-panel-segment-header-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding-bottom: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-playlist-panel-supported-items { + min-height: 36px; + } + + ytd-playlist-panel-video-renderer { + display: block; + padding: 4px 8px 4px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-playlist-panel-video-renderer[selected][watch-color-update_] { + background-color: var(--yt-spec-badge-chip-background); + } + + ytd-playlist-panel-video-renderer:not(:hover) #menu.ytd-playlist-panel-video-renderer ytd-menu-renderer.ytd-playlist-panel-video-renderer:not(:focus-within) { + opacity: 0; + } + + .yt-simple-endpoint.ytd-playlist-panel-video-renderer { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-playlist-panel-video-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-playlist-panel-video-renderer { + display: block; + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #container.ytd-playlist-panel-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #unplayableText.ytd-playlist-panel-video-renderer { + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + color: var(--yt-spec-text-primary); + } + + #index-container.ytd-playlist-panel-video-renderer,#index.ytd-playlist-panel-video-renderer,#reorder.ytd-playlist-panel-video-renderer { + color: var(--yt-spec-text-secondary); + text-align: center; + width: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: none; + -webkit-flex: none; + flex: none; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-playlist-panel-video-renderer[watch-color-update_] #index.ytd-playlist-panel-video-renderer { + color: var(--yt-spec-text-secondary); + } + + ytd-playlist-panel-video-renderer[larger-playlist-thumbs_] #index.ytd-playlist-panel-video-renderer { + width: 40px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #thumbnail-container.ytd-playlist-panel-video-renderer { + width: 100px; + height: 56px; + position: relative; + margin-left: auto; + margin-right: auto; + overflow: hidden; + display: block; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-playlist-panel-video-renderer[larger-playlist-thumbs_] #thumbnail-container.ytd-playlist-panel-video-renderer { + width: 128px; + height: 72px; + } + + #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer { + width: 100px; + height: 56px; + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-playlist-panel-video-renderer[larger-playlist-thumbs_] #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer { + width: 128px; + height: 72px; + } + + #meta.ytd-playlist-panel-video-renderer { + min-width: 0; + padding: 0 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #menu.ytd-playlist-panel-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-video-meta-block.ytd-playlist-panel-video-renderer { + --ytd-metadata-line-color: var(--yt-spec-text-primary); + } + + #byline-container.ytd-playlist-panel-video-renderer { + padding-right: 8px; + max-width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #byline.ytd-playlist-panel-video-renderer { + display: block; + text-overflow: ellipsis; + overflow-x: hidden; + white-space: nowrap; + color: var(--yt-spec-text-primary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + --yt-endpoint-color: var(--yt-spec-text-primary); + } + + ytd-playlist-panel-video-renderer[watch-color-update_] #byline.ytd-playlist-panel-video-renderer { + color: var(--yt-spec-text-secondary); + } + + h4.ytd-playlist-panel-video-renderer { + color: var(--yt-spec-text-primary); + } + + #video-title.ytd-playlist-panel-video-renderer { + display: block; + margin: 0 0 4px 0; + display: -webkit-box; + max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; + -webkit-line-clamp: 2; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-playlist-panel-video-renderer[can-reorder]:hover,ytd-playlist-panel-video-renderer[can-reorder][menu-opened],ytd-playlist-panel-video-renderer[can-reorder].dragging { + box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); + } + + ytd-playlist-panel-video-renderer[can-reorder]:hover.dragging,ytd-playlist-panel-video-renderer[can-reorder].dragging,ytd-playlist-panel-video-renderer[can-reorder]:hover { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + } + + ytd-playlist-panel-video-renderer[can-reorder].dragging a.ytd-playlist-panel-video-renderer { + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; + } + + ytd-playlist-panel-video-renderer[can-reorder]:hover.dragging,ytd-playlist-panel-video-renderer[can-reorder].dragging { + z-index: 2; + background-color: var(--yt-spec-general-background-b); + } + + ytd-playlist-panel-video-renderer:hover:not(.dragging) { + background-color: var(--yt-spec-general-background-b); + } + + ytd-playlist-panel-video-renderer[watch-color-update_][can-reorder]:hover.dragging,ytd-playlist-panel-video-renderer[watch-color-update_][can-reorder].dragging,ytd-playlist-panel-video-renderer[watch-color-update_]:hover:not(.dragging) { + background-color: var(--yt-spec-badge-chip-background); + } + + ytd-playlist-panel-video-renderer[can-reorder]:hover #index.ytd-playlist-panel-video-renderer { + display: none; + } + + ytd-playlist-panel-video-renderer[can-reorder]:hover #reorder.ytd-playlist-panel-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #reorder.ytd-playlist-panel-video-renderer { + display: none; + } + + @media (any-pointer: coarse) { + ytd-playlist-panel-video-renderer:not(:hover) #menu.ytd-playlist-panel-video-renderer ytd-menu-renderer.ytd-playlist-panel-video-renderer:not(:focus-within) { + opacity: 1; + } + + ytd-playlist-panel-video-renderer[touch-persistent-drag-handle] #index.ytd-playlist-panel-video-renderer { + display: none; + } + + ytd-playlist-panel-video-renderer[touch-persistent-drag-handle] #reorder.ytd-playlist-panel-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + ytd-playlist-panel-video-renderer[can-reorder][touch-persistent-drag-handle].dragging,ytd-playlist-panel-video-renderer[can-reorder][touch-persistent-drag-handle].dragging a.ytd-playlist-panel-video-renderer { + box-shadow: none; + cursor: pointer; + } + + ytd-playlist-panel-video-renderer[can-reorder][touch-persistent-drag-handle][handle-is-hovered],ytd-playlist-panel-video-renderer[can-reorder][touch-persistent-drag-handle].dragging { + box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4); + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + } + + } + + ytd-playlist-panel-renderer[js-panel-height_] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #container.ytd-playlist-panel-renderer,.playlist-items.ytd-playlist-panel-renderer { + height: 100%; + } + + ytd-playlist-panel-renderer[collapsible][collapsed],ytd-playlist-panel-renderer[collapsible][collapsed] #container.ytd-playlist-panel-renderer { + height: auto; + } + + #container.ytd-playlist-panel-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-playlist-panel-renderer[js-panel-height_] #container.ytd-playlist-panel-renderer { + min-height: 0; + max-height: var(--ytd-watch-flexy-panel-max-height); + } + + ytd-playlist-panel-renderer[fixie] #container.ytd-playlist-panel-renderer { + max-height: 440px; + } + + ytd-playlist-panel-renderer[collapsible][collapsed] .controls.ytd-playlist-panel-renderer,ytd-playlist-panel-renderer[collapsible][collapsed] .playlist-items.ytd-playlist-panel-renderer { + display: none; + } + + ytd-playlist-panel-renderer[collapsible][show-recovery-ui_] .controls.ytd-playlist-panel-renderer,ytd-playlist-panel-renderer[collapsible][show-recovery-ui_] .playlist-items.ytd-playlist-panel-renderer { + display: none; + } + + ytd-playlist-panel-renderer[loading] .header.ytd-playlist-panel-renderer { + height: 86px; + } + + ytd-playlist-panel-renderer[loading] #header-contents.ytd-playlist-panel-renderer,ytd-playlist-panel-renderer[loading] ytd-playlist-panel-video-renderer.ytd-playlist-panel-renderer { + visibility: hidden; + } + + #playlist-actions.ytd-playlist-panel-renderer,#publisher-container.ytd-playlist-panel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-playlist-panel-renderer[collapsible] #publisher-container.ytd-playlist-panel-renderer { + margin-top: 4px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #playlist-actions.ytd-playlist-panel-renderer { + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + } + + #start-actions.ytd-playlist-panel-renderer { + flex-grow: 1; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-playlist-panel-renderer[collapsible][collapsed] #playlist-actions.ytd-playlist-panel-renderer { + display: none; + } + + #start-actions.ytd-playlist-panel-renderer,#end-actions.ytd-playlist-panel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-playlist-panel-renderer[has-playlist-buttons] #playlist-action-menu.ytd-playlist-panel-renderer { + margin-left: -8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-playlist-panel-renderer:not([has-playlist-buttons])[has-separate-save-button] #save-button.ytd-playlist-panel-renderer { + margin: 16px 0px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer { + margin-left: -8px; + } + + ytd-playlist-panel-renderer:not([hide-header-text]):not([collapsed]):not([has-toolbar_]):not([show-recovery-ui_]) #header-contents.ytd-playlist-panel-renderer { + margin-bottom: 12px; + } + + ytd-playlist-panel-renderer[playlist-type_=TLPP] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer,ytd-playlist-panel-renderer[playlist-type_=TLPQ] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer { + margin-right: calc(-1 * 8px); + } + + ytd-playlist-panel-renderer[hide-header-text][playlist-type_=TLPP] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer,ytd-playlist-panel-renderer[hide-header-text][playlist-type_=TLPQ] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer { + display: none; + } + + ytd-playlist-panel-renderer[playlist-type_=TLPP] ytd-playlist-panel-segment-header-renderer.ytd-playlist-panel-renderer,ytd-playlist-panel-renderer[playlist-type_=TLPQ] ytd-playlist-panel-segment-header-renderer.ytd-playlist-panel-renderer { + margin-top: 4px; + } + + .header.ytd-playlist-panel-renderer { + background-color: var(--yt-spec-brand-background-primary); + padding: 16px 16px 0 24px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-playlist-panel-renderer[hide-header-text] .header.ytd-playlist-panel-renderer { + padding: 16px 16px 0 16px; + } + + ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer { + padding: 12px 16px 0; + } + + ytd-playlist-panel-renderer[collapsible][collapsed] .header.ytd-playlist-panel-renderer { + padding-bottom: 12px; + } + + ytd-playlist-panel-renderer[hide-header-text] .header.ytd-playlist-panel-renderer { + padding-top: 0; + } + + #header-top-row.ytd-playlist-panel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #header-description.ytd-playlist-panel-renderer { + min-width: 0; + margin-right: 8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #expand-button.ytd-playlist-panel-renderer { + color: var(--yt-spec-icon-active-other); + margin-right: 4px; + } + + ytd-playlist-panel-renderer:not([collapsible]) #expand-button.ytd-playlist-panel-renderer { + display: none; + } + + ytd-playlist-panel-renderer[hide-header-text] .title.ytd-playlist-panel-renderer,ytd-playlist-panel-renderer[hide-header-text] #publisher-container.ytd-playlist-panel-renderer { + display: none; + } + + .playlist-items.ytd-playlist-panel-renderer { + background-color: var(--yt-spec-general-background-a); + height: 100%; + overflow-y: auto; + padding: 4px 0; + } + + .title.ytd-playlist-panel-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + white-space: var(--ytd-subheadline-one-line-ellipsis_-_white-space); text-overflow: var(--ytd-subheadline-one-line-ellipsis_-_text-overflow); display: var(--ytd-subheadline-one-line-ellipsis_-_display); max-height: var(--ytd-subheadline-one-line-ellipsis_-_max-height); overflow: var(--ytd-subheadline-one-line-ellipsis_-_overflow); font-size: var(--ytd-subheadline-one-line-ellipsis_-_font-size); font-weight: var(--ytd-subheadline-one-line-ellipsis_-_font-weight); line-height: var(--ytd-subheadline-one-line-ellipsis_-_line-height); letter-spacing: var(--ytd-subheadline-one-line-ellipsis_-_letter-spacing); + } + + ytd-playlist-panel-renderer[collapsible] .title.ytd-playlist-panel-renderer { + margin: 0; + text-overflow: ellipsis; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .publisher.ytd-playlist-panel-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + font-size: var(--ytd-thumbnail-attribution_-_font-size, var(--ytd-thumbnail-attribution_-_font-size)); font-weight: var(--ytd-thumbnail-attribution_-_font-weight, var(--ytd-thumbnail-attribution_-_font-weight)); line-height: var(--ytd-thumbnail-attribution_-_line-height, var(--ytd-thumbnail-attribution_-_line-height)); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing, var(--ytd-thumbnail-attribution_-_letter-spacing)); text-transform: var(--ytd-thumbnail-attribution_-_text-transform, var(--ytd-thumbnail-attribution_-_text-transform)); + } + + .publisher.ytd-playlist-panel-renderer:hover { + color: var(--yt-spec-text-primary); + } + + ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .index-message-wrapper.ytd-playlist-panel-renderer { + color: var(--yt-spec-text-secondary); + display: block; + max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .publisher.ytd-playlist-panel-renderer:not(:empty) + .index-message-wrapper.ytd-playlist-panel-renderer::before { + color: var(--yt-spec-text-secondary); + content: "-"; + padding: 0 4px; + } + + ytd-playlist-panel-renderer[collapsible] .index-message-wrapper.ytd-playlist-panel-renderer { + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .yt-scrollbar-dark.ytd-playlist-panel-renderer::-webkit-scrollbar-thumb { + height: 56px; + background: var(--yt-opalescence-grey-opacity-lighten-3); + } + + .yt-scrollbar-dark.ytd-playlist-panel-renderer::-webkit-scrollbar { + width: 8px; + } + + ytd-playlist-panel-renderer[show-recovery-ui_] #publisher-container.ytd-playlist-panel-renderer { + display: none; + } + + ytd-playlist-panel-renderer[show-recovery-ui_][collapsible] .header.ytd-playlist-panel-renderer { + padding: 8px 16px 8px 24px; + } + + ytd-video-quality-promo-renderer { + display: inline-block; + } + + #close.ytd-video-quality-promo-renderer { + cursor: pointer; + } + + yt-notification-action-renderer { + display: inline-block; + } + + yt-button-renderer.yt-notification-action-renderer { + --yt-button-color: var(--yt-blue); + margin-left: var(--ytd-margin-2x); + } + + paper-toast.yt-notification-action-renderer { + padding: var(--ytd-margin-2x) var(--ytd-margin-6x); + justify-content: space-between; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + .toast-button.yt-notification-action-renderer { + padding-right: var(--ytd-margin-2x); + } + + yt-player-error-message-renderer { + display: block; + overflow: hidden; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-horizontal_-_display, block); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + yt-player-error-message-renderer:not([has-icon_]) #info.yt-player-error-message-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + yt-player-error-message-renderer:not([has-icon_]) #reason.yt-player-error-message-renderer { + margin-bottom: var(--ytd-margin-2x); + } + + yt-player-error-message-renderer:not([has-icon_]) #buttons.yt-player-error-message-renderer { + margin-top: var(--ytd-margin-3x); + } + + yt-player-error-message-renderer[sign-in-icon_] #icon.yt-player-error-message-renderer { + margin-right: var(--ytd-neg-margin-7x); + } + + #reason.yt-player-error-message-renderer { + color: var(--yt-spec-static-brand-white); + font-size: var(--ytd-channel-title_-_font-size); font-weight: var(--ytd-channel-title_-_font-weight); line-height: var(--ytd-channel-title_-_line-height); + } + + #subreason.yt-player-error-message-renderer,#more.yt-player-error-message-renderer { + --yt-endpoint-color: var(--yt-spec-static-overlay-call-to-action); + --yt-endpoint-visited-color: var(--yt-spec-static-overlay-call-to-action); + --yt-endpoint-hover-color: var(--yt-spec-static-overlay-call-to-action); + color: var(--yt-spec-static-brand-white); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #subreason.yt-player-error-message-renderer { + display: block; + } + + yt-icon.yt-player-error-message-renderer { + --iron-icon-fill-color: var(--yt-white-opacity-lighten-2); + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + height: 144px; + width: 144px; + } + + yt-button-renderer.yt-player-error-message-renderer { + margin: var(--ytd-margin-4x) var(--ytd-margin-3x) 0 0; + } + + #info.yt-player-error-message-renderer { + padding: 0 0 0 var(--ytd-margin-6x); + overflow: hidden; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex: 1 0 auto; + -webkit-flex: 1 0 auto; + flex: 0 1 auto; + } + + #buttons.yt-player-error-message-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + @media (max-width: 615px) { + yt-icon.yt-player-error-message-renderer { + display: none; + } + + #reason.yt-player-error-message-renderer { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + #subreason.yt-player-error-message-renderer { + display: -webkit-box; + max-height: 4rem; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + white-space: pre-wrap; + -webkit-line-clamp: 2; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + } + + yt-player-kav-renderer { + display: block; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-horizontal_-_display, block); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); + } + + .reason.yt-player-kav-renderer { + color: var(--yt-dark-body-500); + font-size: var(--ytd-channel-title_-_font-size); font-weight: var(--ytd-channel-title_-_font-weight); line-height: var(--ytd-channel-title_-_line-height); + } + + .subreason.yt-player-kav-renderer,.more.yt-player-kav-renderer { + --yt-endpoint-color: var(--yt-dark-body-500); + color: var(--yt-dark-body-500); + ; + } + + yt-icon.yt-player-kav-renderer { + --iron-icon-fill-color: var(--yt-white-opacity-lighten-2); + width: 144px; + height: 144px; + padding-right: var(--ytd-margin-6x); + } + + yt-button-renderer.yt-player-kav-renderer { + margin: var(--ytd-margin-4x) 0 0 0; + } + + #info.yt-player-kav-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-playability-error-supported-renderers { + display: block; + background: black; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display, block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #reason.yt-playability-error-supported-renderers { + color: var(--yt-white); + ; + } + + yt-player-error-message-renderer.yt-playability-error-supported-renderers,yt-player-kav-renderer.yt-playability-error-supported-renderers { + width: 100%; + height: 100%; + -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); + } + + #container.yt-playability-error-supported-renderers { + width: 100%; + height: 100%; + } + + yt-playability-error-supported-renderers[inline-sign-in] #container.yt-playability-error-supported-renderers { + padding-top: 0; + } + + yt-playability-error-supported-renderers[inline-sign-in] #sign-in.yt-playability-error-supported-renderers { + display: block; + } + + ytd-watch-flexy { + --ytd-watch-flexy-sidebar-width: 402px; + --ytd-watch-flexy-sidebar-min-width: 300px; + --ytd-watch-flexy-masthead-height: 56px; + min-width: 0; + } + + ytd-watch-flexy[watch-feed-big-thumbs_] { + --ytd-watch-flexy-sidebar-width: 310px; + --ytd-watch-flexy-sidebar-min-width: 290px; + } + + ytd-watch-flexy.gesture-dragging { + position: absolute; + width: 100%; + } + + @media (min-width: 1550px) and (min-height: 800px) { + ytd-watch-flexy[watch-feed-big-thumbs_] { + --ytd-watch-flexy-sidebar-width: 360px; + } + + } + + ytd-watch-flexy[fullscreen] { + --ytd-watch-flexy-masthead-height: 0px; + } + + ytd-watch-flexy[video-id="QrGrOK8oZG8"] { + --ytd-video-primary-info-renderer-title-color: #e6d140; + --ytd-video-primary-info-renderer-title-font-family: Georgia, serif; + --ytd-video-primary-info-renderer-title-font-size: 250%; + --ytd-video-primary-info-renderer-title-font-variant: small-caps; + --ytd-video-primary-info-renderer-title-transform: skew(-5deg, 0deg); + --ytd-video-primary-info-renderer-title-text-shadow: 1px 1px #000, 1px 1px 0.1px #000; + } + + #columns.ytd-watch-flexy { + margin: 0 auto; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #primary.ytd-watch-flexy { + padding-right: var(--ytd-margin-6x); + } + + ytd-watch-flexy:not([theater]):not([fullscreen]) #primary.ytd-watch-flexy,ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy { + padding-top: var(--ytd-margin-6x); + } + + ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy { + display: none; + } + + #player.ytd-watch-flexy { + position: relative; + } + + ytd-watch-flexy[player-unavailable] #player-container-outer.ytd-watch-flexy { + visibility: hidden; + } + + #error-screen.ytd-watch-flexy { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + #playlist.ytd-watch-flexy:not([js-panel-height_]).ytd-watch-flexy:not([disable-upgrade]).ytd-watch-flexy { + display: block; + } + + #playlist.ytd-watch-flexy[disable-upgrade] { + display: none; + } + + #chat.ytd-watch-flexy,#donation-shelf.ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy,#donation-shelf.ytd-watch-flexy ytd-donation-unavailable-renderer.ytd-watch-flexy,#playlist.ytd-watch-flexy,#panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { + margin-bottom: var(--ytd-margin-6x); + } + + ytd-watch-flexy:not([is-two-columns_]) #chat.ytd-watch-flexy,ytd-watch-flexy:not([is-two-columns_]) #chat-container.ytd-watch-flexy,ytd-watch-flexy:not([is-two-columns_]) #donation-shelf.ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy,ytd-watch-flexy:not([is-two-columns_]) #donation-shelf.ytd-watch-flexy ytd-donation-unavailable-renderer.ytd-watch-flexy,ytd-watch-flexy:not([is-two-columns_]) #playlist.ytd-watch-flexy,ytd-watch-flexy:not([is-two-columns_]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { + margin-top: var(--ytd-margin-6x); + } + + ytd-watch-flexy:not([is-two-columns_]) #merch-shelf.ytd-watch-flexy ytd-merch-shelf-renderer.ytd-watch-flexy,ytd-watch-flexy:not([is-two-columns_]) #ticket-shelf.ytd-watch-flexy ytd-ticket-shelf-renderer.ytd-watch-flexy { + margin-bottom: var(--ytd-margin-4x); + } + + ytd-miniplayer-bar-renderer.ytd-watch-flexy { + position: fixed; + z-index: var(--ytd-z-index-miniplayer-bar); + top: var(--ytd-margin-14x); + left: 0; + width: 100%; + transform: translateY(0); + transition: transform 0.2s ease; + } + + ytd-miniplayer-bar-renderer.ytd-watch-flexy:not([active]).ytd-watch-flexy,ytd-miniplayer-bar-renderer.ytd-watch-flexy[dark-launch] { + transform: translateY(calc(-100% - 56px)); + opacity: 0; + + transition: transform 0.2s ease, opacity 0s 0.2s; + } + + ytd-watch-flexy.loading #chat.ytd-watch-flexy,ytd-watch-flexy.loading #chat-container.ytd-watch-flexy,ytd-watch-flexy.loading #comments.ytd-watch-flexy,ytd-watch-flexy.loading #related.ytd-watch-flexy { + visibility: hidden; + } + + ytd-watch-flexy.loading-player #player-container-outer.ytd-watch-flexy { + visibility: hidden; + } + + ytd-watch-flexy.loading-player #player.ytd-watch-flexy { + background-color: #000; + } + + ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy,ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy { + position: relative; + width: 100%; + height: calc((9 / 16) * 100vw); + max-height: calc(100vh - 169px); + min-height: 480px; + background: #000; + } + + ytd-watch-flexy:not([fullscreen])[theater][full-window-mode_] #player-theater-container.ytd-watch-flexy { + width: 100vw; + height: 100vh; + min-height: 240px; + max-height: none; + } + + ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy { + height: 100vh; + max-height: none; + } + + ytd-watch-flexy[theater] #columns.ytd-watch-flexy,ytd-watch-flexy[fullscreen] #columns.ytd-watch-flexy { + margin-top: 0; + } + + ytd-watch-flexy[theater] #secondary.ytd-watch-flexy,ytd-watch-flexy[fullscreen] #secondary.ytd-watch-flexy { + margin-top: var(--ytd-margin-6x); + } + + ytd-watch-flexy[theater] #player.ytd-watch-flexy,ytd-watch-flexy[fullscreen] #player.ytd-watch-flexy { + display: none; + } + + ytd-watch-flexy[theater] #clarify-box.ytd-watch-flexy:not(:empty),ytd-watch-flexy[fullscreen] #clarify-box.ytd-watch-flexy:not(:empty) { + margin-top: var(--ytd-margin-5x); + } + + ytd-watch-flexy[flexy_] { + --ytd-watch-flexy-width-ratio: 16; + --ytd-watch-flexy-height-ratio: 9; + --ytd-watch-flexy-space-below-player: 136px; + --ytd-watch-flexy-non-player-height: calc(var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player)); + --ytd-watch-flexy-non-player-width: calc(var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x))); + --ytd-watch-flexy-min-player-height: 240px; + --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))); + --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))); + --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))); + } + + 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_] { + --ytd-watch-flexy-min-player-height: 380px; + } + + ytd-watch-flexy[flexy_][flexy-small-window_]:not([is-extra-wide-video_]),ytd-watch-flexy[flexy_][flexy-small-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]),ytd-watch-flexy[flexy_][flexy-small-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]),ytd-watch-flexy[flexy_][flexy-small-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) { + --ytd-watch-flexy-min-player-height: 360px; + } + + 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_]) { + --ytd-watch-flexy-min-player-height: 480px; + } + + ytd-watch-flexy[flexy_] #columns.ytd-watch-flexy { + max-width: calc(1280px + + + (var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))); + } + + ytd-watch-flexy[flexy_][is-two-columns_] #columns.ytd-watch-flexy { + min-width: calc(var(--ytd-watch-flexy-min-player-height) * (var(--ytd-watch-flexy-width-ratio) / var(--ytd-watch-flexy-height-ratio)) + 3 * var(--ytd-margin-6x) + var(--ytd-watch-flexy-sidebar-min-width)); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + ytd-watch-flexy[flexy_] #primary.ytd-watch-flexy { + margin-left: var(--ytd-margin-6x); + min-width: var(--ytd-watch-flexy-min-player-width); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + + -ms-flex: 0 1 100%; + } + + ytd-watch-flexy[flexy_][is-two-columns_]:not([is-four-three-to-sixteen-nine-video_]):not([is-extra-wide-video_]) #primary.ytd-watch-flexy { + max-width: calc( + + (100vh - (var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player))) * + (16 / 9)); + min-width: calc(var(--ytd-watch-flexy-min-player-height) * (16 / 9)); + } + + ytd-watch-flexy[flexy_][is-two-columns_][is-extra-wide-video_] #primary.ytd-watch-flexy,ytd-watch-flexy[flexy_][is-two-columns_][is-four-three-to-sixteen-nine-video_] #primary.ytd-watch-flexy { + max-width: var(--ytd-watch-flexy-max-player-width); + min-width: var(--ytd-watch-flexy-min-player-width); + } + + ytd-watch-flexy[flexy_] #secondary.ytd-watch-flexy { + padding-right: var(--ytd-margin-6x); + width: var(--ytd-watch-flexy-sidebar-width); + + min-width: var(--ytd-watch-flexy-sidebar-min-width); + } + + ytd-watch-flexy[flexy_] #player-container-outer.ytd-watch-flexy { + max-width: var(--ytd-watch-flexy-max-player-width); + min-width: var(--ytd-watch-flexy-min-player-width); + margin: 0 auto; + } + + ytd-watch-flexy[flexy_] #player-container-inner.ytd-watch-flexy { + padding-top: calc(var(--ytd-watch-flexy-height-ratio) / var(--ytd-watch-flexy-width-ratio) * 100%); + } + + ytd-watch-flexy[flexy_]:not([is-vertical-video_]) #player-container-inner.ytd-watch-flexy { + position: relative; + } + + ytd-watch-flexy[flexy_] #player-container.ytd-watch-flexy { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + ytd-watch-flexy[flexy_]:not([is-two-columns_]):not([js-panel-height_]) #chat.ytd-watch-flexy,ytd-watch-flexy[flexy_]:not([is-two-columns_]):not([js-panel-height_]) #chat-container.ytd-watch-flexy,ytd-watch-flexy[flexy_]:not([is-two-columns_]):not([js-panel-height_]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { + height: 460px; + } + + ytd-watch-flexy[flexy_]:not([is-two-columns_]):not([js-panel-height_]) #playlist.ytd-watch-flexy { + height: 308px; + } + + ytd-watch-flexy[flexy_][is-two-columns_]:not([js-panel-height_]) #chat.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy,ytd-watch-flexy[flexy_][is-two-columns_]:not([js-panel-height_]) #chat-container.ytd-watch-flexy:not([chat-collapsed]).ytd-watch-flexy { + height: calc( + (100vw - + + (var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x))) - + var(--ytd-watch-flexy-scrollbar-width)) * + (var(--ytd-watch-flexy-height-ratio) / var(--ytd-watch-flexy-width-ratio))); + max-height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - 2 * var(--ytd-margin-6x)); + } + + ytd-watch-flexy[flexy_][is-two-columns_]:not([js-panel-height_]) #playlist.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy,ytd-watch-flexy[flexy_][is-two-columns_]:not([js-panel-height_]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { + height: calc( + (100vw - + + (var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x))) - + var(--ytd-watch-flexy-scrollbar-width)) * + (var(--ytd-watch-flexy-height-ratio) / var(--ytd-watch-flexy-width-ratio))); + min-height: var(--ytd-watch-flexy-min-player-height); + max-height: var(--ytd-watch-flexy-max-player-height); + } + + ytd-watch-flexy[flexy_] #chat.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy,ytd-watch-flexy[flexy_] #chat-container.ytd-watch-flexy:not([chat-collapsed]).ytd-watch-flexy { + min-height: 596px; + } + + @media (min-height: 729px) { + ytd-watch-flexy[flexy_][is-two-columns_]:not([js-panel-height_]) #playlist.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy,ytd-watch-flexy[flexy_][is-two-columns_]:not([js-panel-height_]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { + max-height: 502px; + } + + } + + ytd-watch-flexy[flexy_][js-panel-height_] #playlist.ytd-watch-flexy,ytd-watch-flexy[flexy_][js-panel-height_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { + max-height: var(--ytd-watch-flexy-panel-max-height); + } + + ytd-watch-flexy[flexy_][js-panel-height_] #chat.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy,ytd-watch-flexy[flexy_][js-panel-height_] #chat-container.ytd-watch-flexy:not([chat-collapsed]).ytd-watch-flexy { + height: var(--ytd-watch-flexy-chat-max-height); + } + + ytd-watch-flexy[flexy_][split-pane_] { + position: absolute; + top: var(--ytd-watch-flexy-masthead-height); + left: 0; + right: 0; + bottom: 0; + overflow-y: scroll; + padding-right: 0; + } + + ytd-watch-flexy[flexy_][split-pane_][secondary-hovered_] { + overflow-y: hidden; + padding-right: var(--ytd-watch-flexy-scrollbar-width); + } + + ytd-watch-flexy[flexy_][split-pane_] #columns.ytd-watch-flexy { + position: unset; + margin-left: auto; + } + + ytd-watch-flexy[flexy_][split-pane_] #primary.ytd-watch-flexy { + max-height: 100%; + padding-right: calc(var(--ytd-watch-flexy-sidebar-width) + + var(--ytd-margin-6x) * 2); + } + + ytd-watch-flexy[flexy_][split-pane_] #secondary.ytd-watch-flexy { + position: fixed; + top: var(--ytd-watch-flexy-masthead-height); + right: 0; + bottom: 0; + width: initial; + overflow-y: hidden; + padding-right: var(--ytd-watch-flexy-scrollbar-width); + } + + ytd-watch-flexy[flexy_][split-pane_] #secondary.ytd-watch-flexy:hover { + overflow-y: scroll; + padding-right: 0; + } + + ytd-watch-flexy[flexy_][split-pane_] #secondary-inner.ytd-watch-flexy { + padding: 0 var(--ytd-margin-4x); + border-left: 1px solid var(--yt-spec-10-percent-layer); + width: var(--ytd-watch-flexy-sidebar-width); + } + + @media (max-height: 576px) { + ytd-watch-flexy[flexy_][split-pane_] { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - (var(--ytd-watch-flexy-min-player-height) * (var(--ytd-watch-flexy-width-ratio) / var(--ytd-watch-flexy-height-ratio)) + + var(--ytd-watch-flexy-scrollbar-width) + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + ytd-watch-flexy[flexy_][split-pane_]:not([is-four-three-to-sixteen-nine-video_]) { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - (var(--ytd-watch-flexy-min-player-height) * (16 / 9) + + var(--ytd-watch-flexy-scrollbar-width) + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + } + + @media (max-height: 695px) and (min-height: 577px) { + ytd-watch-flexy[flexy_][split-pane_][flexy-small-window_] { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - ((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)) + + var(--ytd-watch-flexy-scrollbar-width) + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + ytd-watch-flexy[flexy_][split-pane_] { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - (var(--ytd-watch-flexy-min-player-height) * (var(--ytd-watch-flexy-width-ratio) / var(--ytd-watch-flexy-height-ratio)) + + var(--ytd-watch-flexy-scrollbar-width) + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + ytd-watch-flexy[flexy_][split-pane_][flexy-small-window_]:not([is-four-three-to-sixteen-nine-video_]) { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - ((100vh - (var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player))) * + (16 / 9) + + var(--ytd-watch-flexy-scrollbar-width) + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + ytd-watch-flexy[flexy_][split-pane_]:not([is-four-three-to-sixteen-nine-video_]) { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - (var(--ytd-watch-flexy-min-player-height) * (16 / 9) + + var(--ytd-watch-flexy-scrollbar-width) + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + } + + @media (min-width: 1760px) and (min-height: 696px) and (max-height: 934px), (min-width: 1500px) and (min-height: 696px) and (max-height: 830px), (min-width: 1425px) and (min-height: 696px) and (max-height: 790px), (min-width: 1360px) and (min-height: 696px) and (max-height: 750px) { + ytd-watch-flexy[flexy_][split-pane_] { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - ((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)) + var(--ytd-watch-flexy-scrollbar-width) + + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + ytd-watch-flexy[flexy_][split-pane_]:not([is-four-three-to-sixteen-nine-video_]) { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - ((100vh - (var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player))) * + (16 / 9) + var(--ytd-watch-flexy-scrollbar-width) + + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + } + + @media (min-width: 1760px) and (min-height: 935px) { + ytd-watch-flexy[flexy_][split-pane_] { + --ytd-watch-flexy-split-pane-margin: calc( + (100vw - (1280px + var(--ytd-watch-flexy-scrollbar-width) + + var(--ytd-watch-flexy-sidebar-width) + (3 * var(--ytd-margin-6x)))) / 2); + } + + ytd-watch-flexy[flexy_][split-pane_][watch-feed-big-thumbs_][is-four-three-to-sixteen-nine-video_] #columns.ytd-watch-flexy { + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + } + + @media (min-width: 1760px) and (min-height: 696px), (min-width: 1500px) and (min-height: 696px) and (max-height: 830px), (min-width: 1425px) and (min-height: 696px) and (max-height: 790px), (min-width: 1360px) and (min-height: 696px) and (max-height: 750px), (max-height: 695px) and (min-width: 1275px), (max-height: 576px) { + ytd-watch-flexy[flexy_][split-pane_][watch-feed-big-thumbs_] #columns.ytd-watch-flexy { + margin-left: var(--ytd-watch-flexy-split-pane-margin); + -ms-flex-pack: var(--layout-start-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-start-justified_-_-webkit-justify-content); justify-content: var(--layout-start-justified_-_justify-content); + } + + ytd-watch-flexy[flexy_][split-pane_][watch-feed-big-thumbs_] #secondary-inner.ytd-watch-flexy { + margin-right: var(--ytd-watch-flexy-split-pane-margin); + padding-left: var(--ytd-margin-6x); + padding-right: 0; + } + + } + + @media (min-width: 1810px) and (min-height: 696px), (min-width: 1590px) and (min-height: 696px) and (max-height: 830px), (min-width: 1440px) and (min-height: 696px) and (max-height: 750px), (max-height: 695px) and (min-width: 1355px), (max-height: 576px) { + ytd-watch-flexy[flexy_][split-pane_] #columns.ytd-watch-flexy { + margin-left: var(--ytd-watch-flexy-split-pane-margin); + -ms-flex-pack: var(--layout-start-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-start-justified_-_-webkit-justify-content); justify-content: var(--layout-start-justified_-_justify-content); + } + + ytd-watch-flexy[flexy_][split-pane_] #secondary-inner.ytd-watch-flexy { + margin-right: var(--ytd-watch-flexy-split-pane-margin); + padding-left: var(--ytd-margin-6x); + padding-right: 0; + } + + } + + @media (max-width: 1140px) { + ytd-watch-flexy[flexy_][split-pane_] { + --ytd-watch-flexy-sidebar-width: 285px; + --ytd-watch-flexy-sidebar-min-width: 285px; + } + + } + + @media (max-width: 656px) { + ytd-watch-flexy[snap_] { + --ytd-watch-flexy-player-width: 426px; + --ytd-watch-flexy-player-height: 240px; + } + + } + + @media (min-width: 657px) and (max-width: 856px) { + ytd-watch-flexy[snap_] { + --ytd-watch-flexy-player-width: 640px; + --ytd-watch-flexy-player-height: 360px; + } + + } + + @media (min-width: 857px) and (max-width: 999px) { + ytd-watch-flexy[snap_] { + --ytd-watch-flexy-player-width: 854px; + --ytd-watch-flexy-player-height: 480px; + } + + } + + @media (min-width: 1000px) { + ytd-watch-flexy[snap_] { + --ytd-watch-flexy-player-width: 640px; + --ytd-watch-flexy-player-height: 360px; + } + + } + + @media (min-width: 1294px) and (min-height: 630px) { + ytd-watch-flexy[snap_] { + --ytd-watch-flexy-player-width: 854px; + --ytd-watch-flexy-player-height: 480px; + } + + } + + @media (min-width: 1720px) and (min-height: 980px) { + ytd-watch-flexy[snap_] { + --ytd-watch-flexy-player-width: 1280px; + --ytd-watch-flexy-player-height: 720px; + } + + } + + ytd-watch-flexy[snap_] #columns.ytd-watch-flexy { + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + ytd-watch-flexy[snap_]:not([is-two-columns_]) #columns.ytd-watch-flexy { + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + ytd-watch-flexy[snap_] #player-container-outer.ytd-watch-flexy,ytd-watch-flexy[snap_] #player-container-inner.ytd-watch-flexy,ytd-watch-flexy[snap_] #player-container.ytd-watch-flexy { + width: 100%; + height: 100%; + } + + ytd-watch-flexy[snap_][is-two-columns_] #primary.ytd-watch-flexy { + min-width: var(--ytd-watch-flexy-player-width); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-end_-_-ms-flex-align); -webkit-align-items: var(--layout-end_-_-webkit-align-items); align-items: var(--layout-end_-_align-items); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + ytd-watch-flexy[snap_]:not([is-two-columns_]) #primary.ytd-watch-flexy { + padding-right: 0; + } + + ytd-watch-flexy[snap_] #primary-inner.ytd-watch-flexy { + width: var(--ytd-watch-flexy-player-width); + } + + ytd-watch-flexy[snap_] #player.ytd-watch-flexy { + width: var(--ytd-watch-flexy-player-width); + height: var(--ytd-watch-flexy-player-height); + } + + ytd-watch-flexy[snap_] #secondary.ytd-watch-flexy { + width: calc((100vw - var(--ytd-watch-flexy-player-width) - (2 * var(--ytd-margin-6x)) - var(--ytd-watch-flexy-sidebar-width)) / 2 + var(--ytd-watch-flexy-sidebar-width)); + } + + ytd-watch-flexy[snap_] #secondary-inner.ytd-watch-flexy { + width: var(--ytd-watch-flexy-sidebar-width); + max-width: 100%; + } + + ytd-watch-flexy[snap_]:not([is-two-columns_]) #chat.ytd-watch-flexy,ytd-watch-flexy[snap_]:not([is-two-columns_]) #chat-container.ytd-watch-flexy,ytd-watch-flexy[snap_]:not([is-two-columns_]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { + height: 460px; + } + + ytd-watch-flexy[snap_]:not([is-two-columns_]) #playlist.ytd-watch-flexy { + height: 308px; + } + + ytd-watch-flexy[snap_][is-two-columns_] #chat.ytd-watch-flexy,ytd-watch-flexy[snap_][is-two-columns_] #chat-container.ytd-watch-flexy,ytd-watch-flexy[snap_][is-two-columns_] #playlist.ytd-watch-flexy,ytd-watch-flexy[snap_][is-two-columns_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { + height: var(--ytd-watch-flexy-player-height); + } + + ytd-watch-flexy.loading #chat.ytd-watch-flexy,ytd-watch-flexy.loading #chat-container.ytd-watch-flexy,ytd-watch-flexy.loading #comments.ytd-watch-flexy,ytd-watch-flexy.loading:not(.show-skeleton) #related.ytd-watch-flexy { + visibility: hidden; + } + + ytd-watch-flexy.show-skeleton ytd-video-primary-info-renderer.ytd-watch-flexy,ytd-watch-flexy.show-skeleton ytd-video-secondary-info-renderer.ytd-watch-flexy,ytd-watch-flexy.show-skeleton ytd-watch-next-secondary-results-renderer.ytd-watch-flexy,ytd-watch-flexy.show-skeleton #player-ads.ytd-watch-flexy { + display: none; + } + + ytd-watch-flexy.hide-skeleton #info-skeleton.ytd-watch-flexy,ytd-watch-flexy.hide-skeleton #meta-skeleton.ytd-watch-flexy { + display: none; + } + + #engagement-panel-scrim.ytd-watch-flexy { + display: none; + z-index: var(--ytd-z-index-engagement-panel-scrim); + background-color: var(--yt-spec-themed-overlay-background); + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + } + + ytd-watch-flexy[show-engagement-panel-scrim_] { + position: relative; + } + + ytd-watch-flexy[show-engagement-panel-scrim_] #engagement-panel-scrim.ytd-watch-flexy { + display: block; + } + + ytd-watch-flexy[show-engagement-panel-scrim_] #player-container.ytd-watch-flexy { + z-index: var(--ytd-z-index-engagement-panel-scrimmed); + } + + ytd-watch-flexy[watch-feed-big-thumbs_]:not([is-two-columns_]) { + --ytd-watch-flexy-sidebar-width: calc(100% / var(--ytd-related-shelf-items) - + (1 - 1 / var(--ytd-related-shelf-items)) * var(--ytd-margin-4x)); + + --ytd-compact-item-dismissed-height: calc(0.559 * ( + (100vw - 2 * var(--ytd-margin-6x)) / var(--ytd-related-shelf-items) - + (1 - 1 / var(--ytd-related-shelf-items)) * var(--ytd-margin-4x)) - + var(--ytd-margin-4x) - 2px); + } + + @media (min-width: 850px) { + ytd-watch-flexy[watch-feed-big-thumbs_]:not([is-two-columns_]) { + --ytd-related-shelf-items: 3; + } + + } + + @media (min-width: 525px) and (max-width: 849px) { + ytd-watch-flexy[watch-feed-big-thumbs_]:not([is-two-columns_]) { + --ytd-related-shelf-items: 2; + } + + } + + @media (max-width: 524px) { + ytd-watch-flexy[watch-feed-big-thumbs_]:not([is-two-columns_]) { + --ytd-related-shelf-items: 1; + } + + } + + ytd-miniplayer-action { + background-color: var(--yt-spec-brand-background-solid); + border: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px 8px 8px 20px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #action-message.ytd-miniplayer-action { + color: var(--yt-spec-text-primary); + text-overflow: ellipsis; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-miniplayer-toast { + background-color: var(--yt-spec-call-to-action); + opacity: 0; + -webkit-transform: translateY(100px); + transform: translateY(100px); + } + + ytd-miniplayer-toast[opened] { + padding: 10px 16px; + opacity: 1; + -webkit-transform: translateY(0px); + transform: translateY(0px); + background-color: var(--yt-spec-brand-background-solid); + animation-name: animate-up, color-surge; + animation-duration: 0.5s, 0.4s; + animation-delay: 0s, 0.1s; + animation-timing-function: cubic-bezier(0.05, 0, 0, 1), cubic-bezier(0.2, 0, 0, 0.4); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-miniplayer-toast[closed] { + animation-name: animate-down; + animation-duration: 0.3s; + opacity: 1; + -webkit-transform: translateY(100px); + transform: translateY(100px); + } + + @keyframes animate-up { + from { + -webkit-transform: translateY(100px); + transform: translateY(100px); + } + + to { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + + } + + @keyframes animate-down { + from { + -webkit-transform: translateY(0px); + transform: translateY(0px); + } + + to { + -webkit-transform: translateY(100px); + transform: translateY(100px); + } + + } + + @keyframes color-surge { + from { + background-color: var(--yt-spec-call-to-action); + } + + to { + background-color: var(--yt-spec-brand-background-solid); + } + + } + + ytd-thumbnail.ytd-miniplayer-toast { + width: 78px; + height: 44px; + margin-right: 8px; + } + + #info.ytd-miniplayer-toast { + min-width: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #label.ytd-miniplayer-toast { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #title.ytd-miniplayer-toast { + color: var(--yt-spec-text-primary); + text-overflow: ellipsis; + display: block; + max-height: var(--yt-link-line-height, 1.6rem); + white-space: nowrap; + overflow: hidden; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + ytd-miniplayer { + --ytd-miniplayer-width: 400px; + --ytd-miniplayer-height: 225px; + --ytd-miniplayer-playlist-height: 285px; + --ytd-miniplayer-fade-down-endpoint: 355px; + --ytd-miniplayer-fade-down-expanded-endpoint: 70px; + opacity: 0; + pointer-events: none; + position: fixed; + z-index: 2025; + right: 12px; + height: 574px; + transform: translate3d(0, 215px, 0); + bottom: 0; + background-color: var(--yt-spec-brand-background-primary); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.2); + } + + ytd-miniplayer[animate-miniplayer] { + --ytd-miniplayer-playlist-height: 385px; + --ytd-miniplayer-fade-down-endpoint: 455px; + height: 674px; + } + + ytd-miniplayer[animate-miniplayer][expanded] { + transform: translate3d(0, 100px, 0); + } + + ytd-miniplayer[animate-miniplayer] #expander-space.ytd-miniplayer { + height: 100px; + } + + ytd-miniplayer[enabled] { + transition-property: opacity, transform; + transition-duration: 366ms; + transition-timing-function: cubic-bezier(0.05, 0, 0, 1); + will-change: opacity, transform; + } + + ytd-miniplayer[show-recovery-ui] { + opacity: 1; + width: var(--ytd-miniplayer-width); + pointer-events: auto; + transform: translate3d(0, 516px, 0); + } + + ytd-miniplayer[active] { + opacity: 1; + pointer-events: auto; + display: block; + transform: translate3d(0, var(--ytd-miniplayer-playlist-height), 0); + } + + ytd-miniplayer[expanded] { + transform: translate3d(0, 0, 0); + } + + ytd-miniplayer[closed] { + animation-name: fade-down; + animation-duration: 0.366s; + } + + @keyframes fade-down { + from { + -webkit-transform: translateY(var(--ytd-miniplayer-playlist-height)); + transform: translateY(var(--ytd-miniplayer-playlist-height)); + } + + to { + -webkit-transform: translateY(var(--ytd-miniplayer-fade-down-endpoint)); + transform: translateY(var(--ytd-miniplayer-fade-down-endpoint)); + } + + } + + ytd-miniplayer[expanded-closed] { + animation-name: expanded-fade-down; + animation-duration: 0.366s; + } + + @keyframes expanded-fade-down { + from { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + to { + -webkit-transform: translateY(var(--ytd-miniplayer-fade-down-expanded-endpoint)); + transform: translateY(var(--ytd-miniplayer-fade-down-expanded-endpoint)); + } + + } + + ytd-miniplayer[has-no-data] #player-container.ytd-miniplayer { + display: none; + } + + .video.ytd-miniplayer { + background-color: var(--yt-spec-static-brand-black); + } + + .miniplayer.ytd-miniplayer { + height: 100%; + } + + #blocking-container.ytd-miniplayer { + position: absolute; + width: 100%; + height: 100%; + z-index: 1; + cursor: pointer; + } + + #blocking-container.ytd-miniplayer > yt-icon-button.ytd-miniplayer { + position: absolute; + top: 0; + right: 0; + margin: 8px; + background-color: transparent; + } + + #close-icon.ytd-miniplayer { + fill: #fff; + } + + #card.ytd-miniplayer { + position: relative; + left: 0px; + top: 0px; + width: var(--ytd-miniplayer-width); + height: var(--ytd-miniplayer-card-height); + color: var(--yt-spec-static-brand-white); + background-color: var(--yt-spec-brand-background-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-miniplayer-toast.ytd-miniplayer { + height: 0; + box-sizing: border-box; + width: var(--ytd-miniplayer-width); + position: absolute; + bottom: 0; + left: 0; + } + + ytd-miniplayer-toast.ytd-miniplayer[opened] { + height: 64px; + } + + ytd-miniplayer[expanded] #card.ytd-miniplayer { + height: 100%; + } + + ytd-miniplayer.gesture-dragging #card.ytd-miniplayer:hover { + box-shadow: none; + } + + ytd-miniplayer.gesture-dragging #expander-space.ytd-miniplayer { + height: 0; + } + + #card.ytd-miniplayer:hover { + box-shadow: 0 8px 18px 2px rgba(0, 0, 0, 0.16), 0 14px 20px 1px rgba(0, 0, 0, 0.2); + } + + .cast-thumbnail.ytd-miniplayer { + background-color: var(--yt-spec-static-overlay-background-solid); + height: var(--ytd-miniplayer-height); + width: 100%; + position: absolute; + } + + .cast-label.ytd-miniplayer { + position: absolute; + top: 0; + right: 0; + opacity: 0.5; + padding: 8px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + .drop-shadow.ytd-miniplayer { + -webkit-filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.6)); + filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.6)); + } + + .video.ytd-miniplayer { + width: var(--ytd-miniplayer-width); + height: var(--ytd-miniplayer-height); + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #info-bar.ytd-miniplayer { + height: 64px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #info-bar.ytd-miniplayer .playlist-icon.ytd-miniplayer { + padding-left: 10px; + margin-right: -7px; + cursor: pointer; + color: var(--yt-spec-icon-inactive); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #info-bar.ytd-miniplayer .metadata.ytd-miniplayer { + padding: 14px 16px 16px; + overflow: hidden; + cursor: pointer; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #info-bar.ytd-miniplayer .expander.ytd-miniplayer { + padding-right: 16px; + margin-left: -8px; + opacity: 0.7; + color: var(--yt-spec-text-primary); + transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #info-bar.ytd-miniplayer .title.ytd-miniplayer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .miniplayer-title.ytd-miniplayer { + display: inline-block; + max-width: calc(var(--ytd-miniplayer-width) - 16 * 2px); + } + + ytd-miniplayer[has-playlist-data] .miniplayer-title.ytd-miniplayer { + max-width: calc(var(--ytd-miniplayer-width) - 40px - 16px - 8px); + } + + #info-bar.ytd-miniplayer .channel.ytd-miniplayer { + margin-top: 4px; + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #info-bar.ytd-miniplayer .metadata.ytd-miniplayer:hover .channel.ytd-miniplayer { + color: var(--yt-spec-text-primary); + } + + #player-container.ytd-miniplayer { + width: var(--ytd-miniplayer-width); + height: var(--ytd-miniplayer-height); + background-color: var(--yt-spec-static-overlay-background-solid); + } + + #playlist.ytd-miniplayer { + height: 0; + min-height: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .placeholder.ytd-miniplayer { + width: 48px; + height: 48px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + a.ytd-menu-navigation-item-renderer { + display: block; + } + + paper-item.ytd-menu-navigation-item-renderer { + --yt-endpoint-force-cursor: pointer; + --paper-item-min-height: 36px; + padding: 0 36px 0 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + paper-item.ytd-menu-navigation-item-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + paper-item.ytd-menu-navigation-item-renderer:focus { + background-color: var(--yt-spec-badge-chip-background); + outline: 0; + position: relative; + } + + yt-formatted-string.ytd-menu-navigation-item-renderer { + color: var(--yt-spec-text-primary); + white-space: nowrap; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-icon.ytd-menu-navigation-item-renderer { + display: var(--yt-menu-item-icon-display, none); + margin-right: 16px; + width: 24px; + height: 24px; + color: var(--yt-spec-icon-inactive); + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-menu-navigation-item-renderer[use-icons] { + --yt-menu-item-icon-display: inline-block; + } + + ytd-menu-navigation-item-renderer[has-separator]:not(:last-child)::after { + content: ""; + display: block; + height: 1px; + background-color: var(--yt-spec-10-percent-layer); + margin: 8px 0; + } + + paper-item.ytd-menu-navigation-item-renderer[disabled] yt-formatted-string.ytd-menu-navigation-item-renderer { + color: var(--yt-spec-text-disabled); + } + + paper-item.ytd-menu-navigation-item-renderer[disabled] yt-icon.ytd-menu-navigation-item-renderer { + color: var(--yt-spec-icon-disabled); + } + + ytd-menu-navigation-item-renderer,.paper-item.ytd-menu-navigation-item-renderer { + display: block; + position: relative; + min-height: var(--paper-item-min-height, 48px); + padding: 0px 16px; + } + + .paper-item.ytd-menu-navigation-item-renderer { + font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); + border:none; + outline: none; + background: white; + width: 100%; + text-align: left; + } + + ytd-menu-navigation-item-renderer[hidden],.paper-item.ytd-menu-navigation-item-renderer[hidden] { + display: none !important; + } + + ytd-menu-navigation-item-renderer.iron-selected,.paper-item.iron-selected.ytd-menu-navigation-item-renderer { + font-weight: var(--paper-item-selected-weight, bold); + + background-color: var(--paper-item-selected_-_background-color); font-weight: var(--paper-item-selected_-_font-weight, var(--paper-item-selected-weight, bold)); + } + + ytd-menu-navigation-item-renderer[disabled],.paper-item.ytd-menu-navigation-item-renderer[disabled] { + color: var(--paper-item-disabled-color, var(--disabled-text-color)); + + ; + } + + ytd-menu-navigation-item-renderer:focus,.paper-item.ytd-menu-navigation-item-renderer:focus { + position: relative; + outline: 0; + + background-color: var(--paper-item-focused_-_background-color); + } + + ytd-menu-navigation-item-renderer:focus:before,.paper-item.ytd-menu-navigation-item-renderer:focus:before { + position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); + + background: currentColor; + content: ''; + opacity: var(--dark-divider-opacity); + pointer-events: none; + + background: var(--paper-item-focused-before_-_background, currentColor); + } + + ytd-menu-navigation-item-renderer { + min-height: 0; + padding: 0; + } + + ytd-menu-service-item-download-renderer { + cursor: pointer; + --yt-menu-item-icon-display: inline-block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + paper-item.ytd-menu-service-item-download-renderer { + --paper-item-min-height: 36px; + padding: 0 36px 0 16px; + } + + paper-item.ytd-menu-service-item-download-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + yt-formatted-string.ytd-menu-service-item-download-renderer { + color: var(--yt-spec-text-primary); + white-space: nowrap; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-icon.ytd-menu-service-item-download-renderer { + margin-right: 16px; + width: 24px; + height: 24px; + color: var(--yt-spec-icon-inactive); + display: var(--yt-menu-item-icon-display, none); + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-menu-service-item-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + paper-item.ytd-menu-service-item-renderer { + --paper-item-min-height: 36px; + padding: 0 36px 0 16px; + } + + paper-item.ytd-menu-service-item-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + yt-formatted-string.ytd-menu-service-item-renderer { + color: var(--yt-spec-text-primary); + white-space: nowrap; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-icon.ytd-menu-service-item-renderer { + margin-right: 16px; + width: 24px; + height: 24px; + color: var(--yt-spec-icon-inactive); + display: var(--yt-menu-item-icon-display, none); + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-menu-service-item-renderer[is-selected] { + background-color: var(--yt-spec-10-percent-layer); + } + + ytd-menu-service-item-renderer[is-selected] paper-item.ytd-menu-service-item-renderer:hover { + background-color: var(--yt-spec-badge-chip-background); + } + + ytd-menu-service-item-renderer[use-icons] { + --yt-menu-item-icon-display: inline-block; + } + + ytd-menu-service-item-renderer[has-separator_]:not(:last-child)::after { + content: ""; + display: block; + height: 1px; + background-color: var(--yt-spec-10-percent-layer); + margin: 8px 0; + } + + paper-item.ytd-menu-service-item-renderer[disabled] yt-formatted-string.ytd-menu-service-item-renderer { + color: var(--yt-spec-text-disabled); + } + + paper-item.ytd-menu-service-item-renderer[disabled] yt-icon.ytd-menu-service-item-renderer { + color: var(--yt-spec-icon-disabled); + } + + ytd-backstage-post-dialog-popup-renderer[dialog][dialog][dialog] { + --paper-input-container-input-align: baseline; + background: var(--ytd-backstage-attachment-background-color); + display: block; + margin: 0; + padding: 24px; + width: 642px; + } + + #title-bar.ytd-backstage-post-dialog-popup-renderer { + width: 100%; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #title.ytd-backstage-post-dialog-popup-renderer { + color: var(--yt-spec-text-primary); + display: inline-block; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #close-panel-icon.ytd-backstage-post-dialog-popup-renderer { + margin-right: 4px; + color: var(--yt-spec-icon-inactive); + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #close-panel-icon.ytd-backstage-post-dialog-popup-renderer:hover { + color: var(--yt-spec-icon-active-other); + cursor: pointer; + } + + ytd-backstage-post-dialog-popup-renderer ytd-backstage-post-dialog-renderer.ytd-backstage-post-dialog-popup-renderer { + background: var(--ytd-backstage-attachment-background-color); + border: none; + margin-top: 24px; + } + + ytd-confirm-multi-recipient-share-dialogue-renderer { + display: inline-block; + margin: auto -24px; + padding: 8px 24px; + background-color: var(--yt-std-surface-400); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #icon.ytd-confirm-multi-recipient-share-dialogue-renderer { + width: 24px; + height: 24px; + margin: auto 0; + color: var(--yt-spec-icon-inactive); + } + + .message-text.ytd-confirm-multi-recipient-share-dialogue-renderer { + max-width: 360px; + margin: auto 0; + padding: 0 24px 0 16px; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-connection-section-renderer { + display: inline-block; + position: relative; + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #list.ytd-connection-section-renderer { + overflow: hidden; + white-space: nowrap; + } + + #contents.ytd-connection-section-renderer yt-contact-section-renderer.ytd-connection-section-renderer { + display: inline-block; + } + + #contents.ytd-connection-section-renderer ytd-recent-shares-section-renderer.ytd-connection-section-renderer { + display: inline-block; + margin-right: 8px; + } + + #scroll-button-back.ytd-connection-section-renderer { + left: -14px; + } + + #scroll-button-forward.ytd-connection-section-renderer { + right: -14px; + } + + .scroll-button-icon.ytd-connection-section-renderer { + width: 24px; + height: 24px; + } + + .scroll-button.ytd-connection-section-renderer { + position: absolute; + width: 40px; + height: 40px; + top: 44px; + border-radius: 50%; + overflow: hidden; + background-color: var(--yt-spec-brand-background-primary); + color: var(--yt-spec-icon-inactive); + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2); + } + + ytd-recent-shares-section-renderer { + display: inline-block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-recent-shares-section-renderer.no-title #title.ytd-recent-shares-section-renderer { + display: none; + } + + ytd-recent-shares-section-renderer.contact-selected ytd-sharing-group-renderer.ytd-recent-shares-section-renderer,ytd-recent-shares-section-renderer.group-selected yt-enrolled-contact-renderer.ytd-recent-shares-section-renderer,ytd-recent-shares-section-renderer.max-selected yt-enrolled-contact-renderer.ytd-recent-shares-section-renderer:not(.selected),ytd-recent-shares-section-renderer.max-selected ytd-sharing-group-renderer.ytd-recent-shares-section-renderer:not(.selected) { + pointer-events: none; + opacity: 0.35; + } + + #title.ytd-recent-shares-section-renderer { + display: block; + margin-bottom: 8px; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #contents.ytd-recent-shares-section-renderer { + overflow-x: visible; + white-space: nowrap; + } + + #contents.ytd-recent-shares-section-renderer yt-enrolled-contact-renderer.ytd-recent-shares-section-renderer,#contents.ytd-recent-shares-section-renderer ytd-sharing-group-renderer.ytd-recent-shares-section-renderer { + margin-right: 8px; + vertical-align: top; + white-space: normal; + } + + ytd-contact-thumbnail { + display: inline-block; + position: relative; + width: 100%; + height: 100%; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + ytd-contact-thumbnail yt-img-shadow.ytd-contact-thumbnail { + position: absolute; + } + + #full-image.ytd-contact-thumbnail { + left: 0; + top: 0; + width: 100%; + height: 100%; + } + + #left-half-image.ytd-contact-thumbnail { + width: 50%; + } + + #right-half-image.ytd-contact-thumbnail { + border-left: 1px solid transparent; + width: calc(50% - 1px); + } + + .half-clip.ytd-contact-thumbnail { + display: inline-block; + position: relative; + height: 100%; + overflow: hidden; + } + + .half-thumbnail.ytd-contact-thumbnail { + left: -50%; + top: 0; + width: 200%; + height: 100%; + } + + #upper-image.ytd-contact-thumbnail { + left: 0; + top: 0; + width: 50%; + height: 50%; + } + + #lower-image.ytd-contact-thumbnail { + left: 0; + top: 50%; + border-top: 1px solid transparent; + width: 50%; + height: calc(50% - 1px); + } + + #right-image.ytd-contact-thumbnail { + left: 50%; + top: 0; + border-left: 1px solid transparent; + width: calc(50% - 1px); + height: 100%; + } + + #count.ytd-contact-thumbnail { + position: absolute; + left: 50%; + top: 0; + width: 50%; + height: 100%; + font-size: 1em; + line-height: 1em; + padding-top: calc(50% - 0.5em); + text-align: center; + color: #fff; + background-color: rgba(0, 0, 0, 0.5); + } + + ytd-sharing-group-renderer { + display: inline-block; + position: relative; + cursor: pointer; + user-select: none; + } + + #target.ytd-sharing-group-renderer { + margin: 1px 0; + border: none; + border-radius: 3px; + padding: 5px 1px 2px; + outline: none; + text-align: inherit; + font-family: inherit; + background-color: transparent; + } + + #target.ytd-sharing-group-renderer:focus { + outline: 1px solid var(--yt-spec-button-chip-background-hover); + background-color: var(--yt-spec-button-chip-background-hover); + } + + #thumbnail.ytd-sharing-group-renderer { + width: 60px; + height: 60px; + margin: 0 4px 8px; + } + + #selection-highlight.ytd-sharing-group-renderer { + display: none; + position: absolute; + left: 1px; + top: 6px; + width: 52px; + height: 52px; + margin: 0 4px 8px; + border: 4px solid var(--yt-spec-themed-blue); + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + ytd-sharing-group-renderer.selected #selection-highlight.ytd-sharing-group-renderer { + display: block; + } + + #name.ytd-sharing-group-renderer { + margin: auto; + width: 68px; + max-height: 36px; + overflow: hidden; + text-align: center; + text-overflow: ellipsis; + white-space: normal; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-sharing-group-renderer.selected #name.ytd-sharing-group-renderer { + color: var(--yt-spec-themed-blue); + } + + yt-enrolled-contact-renderer { + display: inline-block; + position: relative; + cursor: pointer; + user-select: none; + } + + #target.yt-enrolled-contact-renderer { + margin: 1px 0; + border: none; + border-radius: 3px; + padding: 5px 1px 2px; + outline: none; + text-align: inherit; + font-family: inherit; + background-color: transparent; + } + + #target.yt-enrolled-contact-renderer:focus { + outline: 1px solid var(--yt-spec-button-chip-background-hover); + background-color: var(--yt-spec-button-chip-background-hover); + } + + #thumbnail.yt-enrolled-contact-renderer { + width: 60px; + height: 60px; + margin: 0 4px 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #selection-highlight.yt-enrolled-contact-renderer { + display: none; + position: absolute; + left: 1px; + top: 6px; + width: 52px; + height: 52px; + margin: 0 4px 8px; + border: 4px solid var(--yt-spec-themed-blue); + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + yt-enrolled-contact-renderer.selected #selection-highlight.yt-enrolled-contact-renderer { + display: block; + } + + #name.yt-enrolled-contact-renderer { + margin: auto; + width: 68px; + max-height: 36px; + overflow: hidden; + text-align: center; + text-overflow: ellipsis; + white-space: normal; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + yt-enrolled-contact-renderer.selected #name.yt-enrolled-contact-renderer { + color: var(--yt-spec-themed-blue); + } + + yt-contact-section-renderer { + display: inline-block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + yt-contact-section-renderer.no-title #title.yt-contact-section-renderer { + display: none; + } + + yt-contact-section-renderer.group-selected yt-enrolled-contact-renderer.yt-contact-section-renderer,yt-contact-section-renderer.max-selected yt-enrolled-contact-renderer.yt-contact-section-renderer:not(.selected),yt-contact-section-renderer.group-selected yt-suggested-contact-renderer.yt-contact-section-renderer,yt-contact-section-renderer.max-selected yt-suggested-contact-renderer.yt-contact-section-renderer:not(.selected) { + pointer-events: none; + opacity: 0.35; + } + + #title.yt-contact-section-renderer { + display: block; + margin-bottom: 8px; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #description.yt-contact-section-renderer { + color: var(--yt-spec-text-secondary); + } + + #contents.yt-contact-section-renderer yt-enrolled-contact-renderer.yt-contact-section-renderer,#contents.yt-contact-section-renderer yt-suggested-contact-renderer.yt-contact-section-renderer { + margin-right: 8px; + vertical-align: top; + white-space: normal; + } + + yt-suggested-contact-renderer { + display: inline-block; + position: relative; + cursor: pointer; + user-select: none; + } + + #target.yt-suggested-contact-renderer { + margin: 1px 0; + border: none; + border-radius: 3px; + padding: 5px 1px 2px; + outline: none; + text-align: inherit; + font-family: inherit; + background-color: transparent; + } + + #target.yt-suggested-contact-renderer:focus { + outline: 1px solid var(--yt-spec-button-chip-background-hover); + background-color: var(--yt-spec-button-chip-background-hover); + } + + #thumbnail.yt-suggested-contact-renderer { + width: 60px; + height: 60px; + margin: 0 4px 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #selection-highlight.yt-suggested-contact-renderer { + display: none; + position: absolute; + left: 1px; + top: 6px; + width: 52px; + height: 52px; + margin: 0 4px 8px; + border: 4px solid var(--yt-spec-themed-blue); + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + yt-suggested-contact-renderer.selected #selection-highlight.yt-suggested-contact-renderer { + display: block; + } + + #name.yt-suggested-contact-renderer { + margin: auto; + width: 68px; + max-height: 36px; + overflow: hidden; + text-align: center; + text-overflow: ellipsis; + white-space: normal; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + yt-suggested-contact-renderer.selected #name.yt-suggested-contact-renderer { + color: var(--yt-spec-themed-blue); + } + + ytd-contact-chip { + display: inline-block; + margin-top: 8px; + margin-right: 4px; + padding: 8px 12px; + line-height: 1.4rem; + white-space: nowrap; + background-color: var(--yt-spec-badge-chip-background); + color: var(--yt-spec-text-secondary); + border-radius: 16px; + } + + #name.ytd-contact-chip { + display: inline-block; + max-width: 160px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 1.4rem; + font-weight: 400; + line-height: 1.4rem; + } + + #unselect.ytd-contact-chip { + display: inline-block; + border: none; + overflow: hidden; + margin-left: 8px; + padding-bottom: 1px; + font-family: inherit; + font-size: 1.6rem; + font-weight: 400; + line-height: 1rem; + cursor: pointer; + color: var(--yt-spec-icon-inactive); + background-color: transparent; + } + + #unselect.ytd-contact-chip:hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-contact-search-renderer { + display: inline-block; + white-space: nowrap; + height: 45px; + } + + #to-field-header.ytd-contact-search-renderer { + display: inline-block; + margin: auto 0; + padding-top: 12px; + padding-right: 8px; + vertical-align: top; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #search-input-box.ytd-contact-search-renderer { + display: inline-block; + width: 440px; + max-height: 184px; + overflow-x: hidden; + overflow-y: auto; + white-space: normal; + } + + #search-input-box.ytd-contact-search-renderer::-webkit-scrollbar-thumb { + height: 56px; + background: var(--yt-opalescence-grey-opacity-lighten-3); + } + + #search-input-box.ytd-contact-search-renderer::-webkit-scrollbar { + width: 8px; + } + + #chips.ytd-contact-search-renderer { + display: inline-block; + margin: auto 0; + vertical-align: top; + } + + #search-input.ytd-contact-search-renderer { + max-width: 280px; + margin: 10px 0 0; + border: 0; + overflow: hidden; + white-space: nowrap; + color: var(--yt-placeholder-text-color); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-contact-select-message-renderer { + display: inline-block; + margin: auto -24px; + padding: 8px 24px; + background-color: var(--yt-std-surface-400); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #icon.ytd-contact-select-message-renderer { + width: 24px; + height: 24px; + margin: auto 0; + color: var(--yt-spec-icon-inactive); + } + + #text.ytd-contact-select-message-renderer { + max-width: 360px; + margin: auto 0; + padding: 0 24px 0 16px; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-message-input-section-v15-renderer { + display: inline-block; + } + + #message-input-box.ytd-message-input-section-v15-renderer { + height: 48px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + #message-input.ytd-message-input-section-v15-renderer { + border: 0; + margin: 1.3rem 0; + overflow-x: hidden; + overflow-y: auto; + height: 22px; + width: 384px; + resize: none; + background-color: rgba(0, 0, 0, 0); + color: var(--yt-spec-text-primary); + font-family: inherit; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #message-input.ytd-message-input-section-v15-renderer::-webkit-scrollbar-thumb { + background: var(--yt-spec-10-percent-layer); + height: 16px; + } + + #message-input.ytd-message-input-section-v15-renderer::-webkit-scrollbar { + width: 8px; + } + + #message-input.expanded.ytd-message-input-section-v15-renderer { + height: 30px; + } + + #send-button.ytd-message-input-section-v15-renderer { + margin: auto; + } + + #send-button.ytd-message-input-section-v15-renderer ytd-button-renderer.ytd-message-input-section-v15-renderer { + color: var(--yt-spec-themed-blue); + } + + ytd-sender-id-section-renderer { + display: inline-block; + } + + #text.ytd-sender-id-section-renderer { + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-unified-share-panel-renderer { + --paper-input-container-input-align: baseline; + max-width: 470px; + padding: 0 24px 0 24px; + user-select: none; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #spinner.ytd-unified-share-panel-renderer { + width: 470px; + height: 536px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + ytd-unified-share-panel-renderer[links-only] #spinner.ytd-unified-share-panel-renderer { + height: 269px; + } + + ytd-unified-share-panel-renderer[links-only] #search.ytd-unified-share-panel-renderer ytd-contact-search-renderer.ytd-unified-share-panel-renderer,ytd-unified-share-panel-renderer[links-only] #contents.ytd-unified-share-panel-renderer ytd-connection-section-renderer.ytd-unified-share-panel-renderer { + display: none; + } + + ytd-unified-share-panel-renderer yt-share-panel-header-renderer.ytd-unified-share-panel-renderer { + margin-bottom: 8px; + } + + ytd-unified-share-panel-renderer ytd-contact-search-renderer.ytd-unified-share-panel-renderer { + width: 470px; + } + + #contents.ytd-unified-share-panel-renderer ytd-connection-section-renderer.ytd-unified-share-panel-renderer { + display: block; + margin-right: 24px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding-bottom: 24px; + } + + #contents.ytd-unified-share-panel-renderer ytd-sender-id-section-renderer.ytd-unified-share-panel-renderer { + display: block; + padding-bottom: 16px; + } + + ytd-unified-share-panel-renderer:not([links-only]) #contents.ytd-unified-share-panel-renderer ytd-sender-id-section-renderer.ytd-unified-share-panel-renderer { + margin-top: 24px; + } + + #contents.ytd-unified-share-panel-renderer yt-third-party-network-section-renderer.ytd-unified-share-panel-renderer { + display: block; + } + + ytd-unified-share-panel-renderer ytd-confirm-multi-recipient-share-dialogue-renderer.ytd-unified-share-panel-renderer,ytd-unified-share-panel-renderer ytd-contact-select-message-renderer.ytd-unified-share-panel-renderer { + width: 470px; + } + + ytd-unified-share-panel-renderer ytd-message-input-section-v15-renderer.ytd-unified-share-panel-renderer { + display: block; + } + + #close-button.ytd-unified-share-panel-renderer { + position: absolute; + right: 18px; + top: -5px; + color: var(--yt-spec-icon-inactive); + } + + #close-button.ytd-unified-share-panel-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + yt-community-post-section-renderer { + display: block; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + margin-bottom: var(--ytd-margin-4x); + padding-bottom: var(--ytd-margin-4x); + text-align: center; + } + + #title.yt-community-post-section-renderer { + color: var(--yt-spec-text-primary); + display: inline-block; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #subtitle.yt-community-post-section-renderer { + color: var(--yt-spec-text-secondary); + display: inline-block; + font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); + } + + #post-button.yt-community-post-section-renderer { + margin: var(--ytd-margin-4x) 0; + } + + yt-share-panel-header-renderer { + display: block; + } + + #title-bar.yt-share-panel-header-renderer { + width: 100%; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #title.yt-share-panel-header-renderer { + margin: auto 0; + } + + yt-share-panel-title-v15-renderer { + display: inline-block; + } + + #title.yt-share-panel-title-v15-renderer { + color: var(--yt-spec-text-primary); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-start-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-start-justified_-_-webkit-justify-content); justify-content: var(--layout-start-justified_-_justify-content); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + yt-start-at-renderer { + display: block; + + height: 23px; + } + + #label.yt-start-at-renderer { + color: var(--yt-spec-text-primary); + margin: var(--ytd-margin-3x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-start-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-start-justified_-_-webkit-justify-content); justify-content: var(--layout-start-justified_-_justify-content); + } + + paper-input.yt-start-at-renderer { + --paper-input-container_-_padding: 0; --paper-input-container_-_height: initial;; + + --paper-input-container-color: var(--yt-spec-10-percent-layer); + --paper-input-container-input-color: var(--yt-spec-text-secondary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + + --paper-input-container-underline-color: var(--yt-std-body-300); + + --paper-input-container-underline-disabled-display: none; + } + + #start-at-wrapper.yt-start-at-renderer { + --paper-input-container_-_padding: 0; --paper-input-container_-_height: initial;; + + + --paper-input-container-input_-_line-height: 40px; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + + padding-bottom: 2px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #start-at-checkbox.yt-start-at-renderer { + color: var(--yt-spec-text-primary); + margin-top: -1px; + margin-right: var(--ytd-margin-2x); + margin-bottom: 1px; + } + + yt-formatted-string.yt-start-at-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #start-at-timestamp.yt-start-at-renderer { + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + max-width: 50px; + } + + yt-share-target-renderer { + display: inline-block; + vertical-align: top; + user-select: none; + } + + #target.yt-share-target-renderer { + margin: 1px 0; + border: none; + border-radius: 3px; + padding: 5px 1px 2px; + outline: none; + text-align: inherit; + font-family: inherit; + background-color: transparent; + cursor: pointer; + } + + #target.yt-share-target-renderer:focus { + outline: 1px solid var(--yt-spec-button-chip-background-hover); + background-color: var(--yt-spec-button-chip-background-hover); + } + + yt-share-target-renderer yt-icon.yt-share-target-renderer { + --iron-icon-height: 60px; + --iron-icon-width: 60px; + margin-left: var(--ytd-margin-base); + margin-right: var(--ytd-margin-base); + margin-bottom: var(--ytd-margin-2x); + } + + #title.yt-share-target-renderer { + color: var(--yt-spec-text-primary); + margin: auto; + width: 68px; + max-height: 42px; + text-align: center; + white-space: normal; + overflow: hidden; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + ; + } + + yt-third-party-share-target-section-renderer { + display: inline-block; + position: relative; + width: 100%; + display: var(--layout-horizontal_-_display, inline-block); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #list.yt-third-party-share-target-section-renderer { + overflow: hidden; + white-space: nowrap; + } + + #contents.yt-third-party-share-target-section-renderer yt-share-target-renderer.yt-third-party-share-target-section-renderer { + display: inline-block; + margin-right: 8px; + } + + #scroll-button-back.yt-third-party-share-target-section-renderer { + left: -14px; + } + + #scroll-button-forward.yt-third-party-share-target-section-renderer { + right: -14px; + } + + .scroll-button-icon.yt-third-party-share-target-section-renderer { + width: 24px; + height: 24px; + } + + .scroll-button.yt-third-party-share-target-section-renderer { + position: absolute; + width: 40px; + height: 40px; + top: 16px; + border-radius: 50%; + background-color: var(--yt-dialog-background); + color: var(--yt-spec-icon-inactive); + overflow: hidden; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2); + } + + yt-third-party-network-section-renderer { + display: inline-block; + } + + yt-copy-link-renderer.yt-third-party-network-section-renderer { + margin-top: var(--ytd-margin-6x); + } + + yt-start-at-renderer.yt-third-party-network-section-renderer { + margin-top: var(--ytd-margin-6x); + padding-top: var(--ytd-margin-6x); + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-modal-with-title-and-button-renderer { + background-color: var(--yt-spec-brand-background-primary); + display: inline-block; + margin: 24px 40px; + padding: 0; + max-width: 500px; + box-shadow: var(--shadow-elevation-16dp_-_box-shadow); + } + + ytd-modal-with-title-and-button-renderer > *.ytd-modal-with-title-and-button-renderer { + margin-top: 20px; + padding: 0 24px; + } + + ytd-modal-with-title-and-button-renderer > *.ytd-modal-with-title-and-button-renderer:first-child { + margin-top: 24px; + } + + .buttons.ytd-modal-with-title-and-button-renderer { + position: relative; + padding: 8px 8px 8px 24px; + margin: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-modal-with-title-and-button-renderer[modal] { + margin: 0; + min-width: 378px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-modal-with-title-and-button-renderer { + color: var(--yt-spec-text-primary); + display: block; + margin-bottom: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #content.ytd-modal-with-title-and-button-renderer { + color: var(--yt-spec-text-secondary); + display: block; + margin: 4px 0 32px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .buttons.ytd-modal-with-title-and-button-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + height: 40px; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-account-item-renderer { + display: block; + cursor: pointer; + } + + paper-item-body.ytd-account-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #channel-title.ytd-account-item-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + yt-img-shadow.ytd-account-item-renderer { + height: 40px; + width: 40px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + yt-formatted-string.ytd-account-item-renderer[secondary] { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + paper-icon-item.ytd-account-item-renderer { + height: 56px; + } + + #selected.ytd-account-item-renderer { + color: var(--yt-spec-call-to-action); + } + + ytd-account-item-section-header-renderer { + display: inline-block; + padding: 8px 16px; + } + + yt-formatted-string.ytd-account-item-section-header-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-account-item-section-renderer { + display: block; + } + + #contents.ytd-account-item-section-renderer > *.ytd-account-item-section-renderer:hover { + background-color: var(--yt-spec-badge-chip-background); + } + + #contents.ytd-account-item-section-renderer > ytd-continuation-item-renderer.ytd-account-item-section-renderer:hover { + background: none; + } + + ytd-continuation-item-renderer.ytd-account-item-section-renderer { + margin: 8px 16px; + } + + ytd-account-section-list-renderer { + display: block; + padding: 8px 0; + } + + ytd-compact-link-renderer.ytd-account-section-list-renderer { + padding: 4px 0 4px; + } + + ytd-active-account-header-renderer { + background-color: var(--yt-spec-brand-background-primary); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + position: relative; + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #avatar.ytd-active-account-header-renderer { + height: 40px; + width: 40px; + margin-right: 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #channel-container.ytd-active-account-header-renderer { + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #account-name.ytd-active-account-header-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + #email.ytd-active-account-header-renderer { + color: var(--yt-spec-text-primary); + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #manage-account.ytd-active-account-header-renderer { + margin-top: 8px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-multi-page-menu-renderer { + display: inline-block; + background: var(--yt-spec-brand-background-primary); + border: 1px solid var(--yt-spec-10-percent-layer); + border-top: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-account] { + width: 300px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-system] { + width: 300px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-conversations],ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-contacts] { + height: 642px; + width: 480px; + overflow: hidden; + user-select: none; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-creation] { + max-width: 300px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments],ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-notifications] { + height: 642px; + width: 480px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-high-priority-notification] { + width: 360px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-report-channel] { + margin: 0; + width: 450px; + padding: 0; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-flow] { + margin: 0; + width: 450px; + padding: 0; + } + + #spinner.ytd-multi-page-menu-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-account] #spinner.ytd-multi-page-menu-renderer { + width: 300px; + height: 673px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-account][has-your-data-entry-button] #spinner.ytd-multi-page-menu-renderer { + width: 300px; + height: 713px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-report-channel] #spinner.ytd-multi-page-menu-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + height: 573px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-system] #spinner.ytd-multi-page-menu-renderer { + width: 300px; + height: 354px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-system][has-your-data-entry-button] #spinner.ytd-multi-page-menu-renderer { + width: 300px; + height: 394px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments] #spinner.ytd-multi-page-menu-renderer,ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-conversations] #spinner.ytd-multi-page-menu-renderer,ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-notifications] #spinner.ytd-multi-page-menu-renderer { + width: 100%; + height: 100%; + margin: 220px 0; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments] { + --comments-header-renderer-margin-top: 0px; + --comments-header-renderer-margin-bottom: 0px; + } + + #header.ytd-multi-page-menu-renderer { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #sections.ytd-multi-page-menu-renderer > ytd-background-promo-renderer.ytd-multi-page-menu-renderer { + position: absolute; + top: 48px; + right: 0; + bottom: 0; + left: 0; + margin-bottom: 20px; + } + + #sections.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer { + padding: 8px 0; + } + + ytd-multi-page-menu-renderer.account-settings-covered #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer[has-account-settings] { + padding: 0; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-conversations] #sections.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer,ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-notifications] #sections.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer,ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-high-priority-notification] #sections.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer { + padding: 0; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-report-channel] #sections.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer { + height: 420px; + padding: 0; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-flow] #sections.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer { + height: 390px; + padding: 0; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments] #sections.ytd-multi-page-menu-renderer > ytd-comment-video-thumbnail-header-renderer.ytd-multi-page-menu-renderer,ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments] #sections.ytd-multi-page-menu-renderer > ytd-comments.ytd-multi-page-menu-renderer,ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments] #sections.ytd-multi-page-menu-renderer > ytd-message-renderer.ytd-multi-page-menu-renderer { + padding: 16px 8px 16px 16px; + } + + #sections.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer:not(:last-child) { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + .menu-container.ytd-multi-page-menu-renderer { + overflow: auto; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-report-channel] .menu-container.ytd-multi-page-menu-renderer { + overflow: visible; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments] > .menu-container.ytd-multi-page-menu-renderer:not(:hover),ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-conversations] > .menu-container.ytd-multi-page-menu-renderer:not(:hover),ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-notifications] > .menu-container.ytd-multi-page-menu-renderer:not(:hover),ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-comments] > ytd-multi-page-menu-renderer:not([scrolled-by-touch]),ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-conversations] > ytd-multi-page-menu-renderer:not([scrolled-by-touch]),ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-notifications] > ytd-multi-page-menu-renderer:not([scrolled-by-touch]) { + margin-right: 8px; + overflow: hidden; + } + + #submenu.ytd-multi-page-menu-renderer { + margin-right: 0; + } + + #submenu.ytd-multi-page-menu-renderer ytd-multi-page-menu-renderer.ytd-multi-page-menu-renderer { + border: none; + } + + .menu-container.ytd-multi-page-menu-renderer::-webkit-scrollbar-thumb { + height: 56px; + background: var(--yt-opalescence-grey-opacity-lighten-3); + } + + .menu-container.ytd-multi-page-menu-renderer::-webkit-scrollbar { + width: 8px; + } + + #footer.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px 0; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-report-channel] #footer.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer { + padding: 8px; + } + + ytd-multi-page-menu-renderer[menu-style=multi-page-menu-style-type-flow] #footer.ytd-multi-page-menu-renderer > *.ytd-multi-page-menu-renderer { + border-top: none; + padding: 0; + } + + ytd-simple-menu-header-renderer { + background-color: var(--yt-spec-brand-background-primary); + color: var(--yt-spec-text-primary); + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + min-height: 48px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #back-button.ytd-simple-menu-header-renderer { + color: var(--yt-spec-text-primary); + margin: 0 4px; + } + + h2.ytd-simple-menu-header-renderer { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #back-button.ytd-simple-menu-header-renderer[hidden] + h2.ytd-simple-menu-header-renderer { + margin-left: 16px; + } + + #buttons.ytd-simple-menu-header-renderer { + margin-right: 8px; + } + + ytd-comment-video-thumbnail-header-renderer { + position: relative; + display: block; + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .yt-simple-endpoint.ytd-comment-video-thumbnail-header-renderer { + min-width: 0; + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint.ytd-comment-video-thumbnail-header-renderer:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + + a.yt-simple-endpoint.ytd-comment-video-thumbnail-header-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .title.ytd-comment-video-thumbnail-header-renderer { + color: var(--yt-spec-text-primary); + min-width: 0; + margin-bottom: 8px; + padding-right: 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + display: block; + max-height: 12.6rem; + overflow: hidden; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .thumbnail-container.ytd-comment-video-thumbnail-header-renderer { + width: 86px; + height: 48px; + position: relative; + overflow: hidden; + display: block; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .thumbnail-container.ytd-comment-video-thumbnail-header-renderer > yt-img-shadow.ytd-comment-video-thumbnail-header-renderer { + display: block; + position: absolute; + transform: translateY(-50%); + top: 50%; + left: 0; + width: 100%; + } + + ytd-abuse-type-selector-renderer { + display: inline-block; + } + + .container.ytd-abuse-type-selector-renderer { + padding-left: 20px; + padding-right: 20px; + padding-top: 8px; + } + + #footer.ytd-abuse-type-selector-renderer { + --yt-formatted-string-endpoint: ytd_layout.ytd-mini-attribution-endpoint; + color: var(--yt-spec-text-secondary); + margin: 16px 0 16px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + yt-options-renderer { + --paper-input-container-input-color: var(--yt-spec-text-primary); + display: block; + } + + #yt-options-renderer-options.yt-options-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-formatted-string.yt-options-renderer { + color: var(--yt-spec-text-primary); + line-height: 24px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height, 24px); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-icon.yt-options-renderer { + color: var(--yt-spec-icon-inactive); + height: 16px; + padding: 0 var(--ytd-margin-2x); + width: 16px; + } + + yt-options-renderer[tooltip-tapped] paper-radio-button.yt-options-renderer { + --paper-radio-button-unchecked-ink-color: transparent; + } + + yt-options-renderer[increased-tooltip-target] yt-icon.yt-options-renderer { + padding: var(--ytd-margin-3x); + } + + yt-icon.yt-options-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + .info-container.yt-options-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + .content.yt-options-renderer { + min-height: 40px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + paper-radio-button.radio.yt-options-renderer { + padding: 0; + } + + paper-tooltip.yt-options-renderer { + min-width: 200px; + } + + paper-item.yt-options-renderer { + cursor: pointer; + } + + paper-item.yt-options-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + paper-dropdown-menu.yt-options-renderer { + --paper-input-container-color: var(--yt-spec-text-secondary); + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-underline_-_background: var(--yt-spec-10-percent-layer); --paper-input-container-underline_-_height: initial; --paper-input-container-underline_-_border-bottom: initial; --paper-input-container-underline_-_box-sizing: initial; --paper-input-container-underline_-_display: initial;; + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + + padding: var(--ytd-margin-2x) var(--ytd-margin-4x) var(--ytd-margin-2x) var(--ytd-margin-11x); + --paper-item_-_font-size: var(--ytd-user-comment_-_font-size); --paper-item_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-item_-_line-height: var(--ytd-user-comment_-_line-height); --paper-item_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-item_-_white-space: initial;; + --paper-item-selected-weight: 500; + } + + paper-listbox.yt-options-renderer { + width: var(--yt-options-renderer-dropdown-width); + } + + ytd-report-channel-modal-additional-context-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + yt-text-input-form-field-renderer.ytd-report-channel-modal-additional-context-renderer { + padding: 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-report-channel-modal-footer-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #back-button.ytd-report-channel-modal-footer-renderer { + margin-right: 8px; + } + + ytd-report-channel-modal-header-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + border-top: 1px solid var(--yt-spec-10-percent-layer); + display: inline-block; + padding-left: 16px; + padding-right: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-report-channel-modal-header-renderer:focus { + outline: none; + } + + #dismiss-button.ytd-report-channel-modal-header-renderer { + margin-bottom: 16px; + margin-top: 16px; + } + + #subtitle.ytd-report-channel-modal-header-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #title.ytd-report-channel-modal-header-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #title-container.ytd-report-channel-modal-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-report-channel-modal-impersonation-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + yt-text-input-form-field-renderer.ytd-report-channel-modal-impersonation-renderer { + padding: 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-selectable-video-list-renderer { + display: inline-block; + height: 100%; + overflow-y: auto; + width: 100%; + } + + ytd-selectable-video-renderer.ytd-selectable-video-list-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + padding: 8px 20px 8px 20px; + width: 100%; + } + + ytd-selectable-video-renderer.ytd-selectable-video-list-renderer:last-child { + border-bottom: 0; + } + + #empty-state-message.ytd-selectable-video-list-renderer { + color: var(--yt-spec-text-primary); + margin-top: 16px; + text-align: center; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-selectable-video-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + paper-checkbox.ytd-selectable-video-renderer { + --paper-checkbox-vertical-align: top; + } + + #video.ytd-selectable-video-renderer { + width: 360px; + } + + ytd-toggle-item-renderer { + display: inline-block; + margin: 8px 16px; + } + + .description.ytd-toggle-item-renderer { + color: var(--yt-spec-text-primary); + padding-bottom: 16px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .extra-description.ytd-toggle-item-renderer { + color: var(--yt-spec-text-primary); + padding-top: 16px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #caption-container.ytd-toggle-item-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #caption.ytd-toggle-item-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + paper-toggle-button.ytd-toggle-item-renderer { + margin: 0 8px; + } + + ytd-flow-footer-renderer { + display: inline-block; + width: 100%; + } + + yt-flow-footer-renderer { + padding: 16px; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #secondary-button.yt-flow-footer-renderer:not(hidden) { + margin-right: 16px; + } + + ytd-survey-flow-step-renderer { + display: block; + } + + yt-survey-flow-step-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #question.yt-survey-flow-step-renderer { + padding: 24px 16px 16px 16px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #options.yt-survey-flow-step-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #radio.yt-survey-flow-step-renderer { + --paper-radio-group-item-padding: 16px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #radio.yt-survey-flow-step-renderer:last-of-type { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #answer-string.yt-survey-flow-step-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-multi-page-menu-section-renderer { + display: block; + } + + yt-multi-page-menu-section-renderer[has-account-settings] { + padding: 0; + } + + yt-multi-page-menu-section-renderer[hide] { + display: none; + } + + h2.yt-multi-page-menu-section-renderer { + color: var(--yt-primary-text-color); + margin: var(--ytd-margin-4x) 0px var(--ytd-margin-base) var(--ytd-margin-4x); + + font-weight: 400; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #items.yt-multi-page-menu-section-renderer > *.yt-multi-page-menu-section-renderer:not([compact-link-style='compact-link-style-type-disclaimer']).yt-multi-page-menu-section-renderer:hover { + background-color: var(--yt-spec-badge-chip-background); + } + + yt-flow-header-renderer { + display: block; + } + + #top-bar.yt-flow-header-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #progress-bar.yt-flow-header-renderer { + --paper-progress-active-color: var(--yt-spec-text-primary); + --paper-progress-container-color: var(--yt-spec-10-percent-layer); + width: 100%; + } + + #title.yt-flow-header-renderer { + color: var(--yt-spec-text-primary); + padding: 16px; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + yt-post-confirmation-flow-step-renderer { + display: block; + } + + #container.yt-post-confirmation-flow-step-renderer { + box-sizing: border-box; + display: inline-block; + padding: 16px; + width: 100%; + } + + yt-refund-confirmation-flow-step-renderer { + display: block; + } + + #container.yt-refund-confirmation-flow-step-renderer { + box-sizing: border-box; + display: inline-block; + padding: 16px; + width: 100%; + } + + #user-info.yt-refund-confirmation-flow-step-renderer { + margin-bottom: 16px; + } + + #confirmation-text.yt-refund-confirmation-flow-step-renderer { + margin-bottom: 24px; + } + + #confirmation-details.yt-refund-confirmation-flow-step-renderer { + padding-bottom: 12px; + margin-bottom: 16px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + ytd-topbar-menu-button-renderer.style-text[is-icon-button],ytd-topbar-menu-button-renderer.style-default[is-icon-button] { + color: var(--yt-spec-icon-active-other); + } + + button.ytd-topbar-menu-button-renderer { + background: none; + border: none; + outline: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + yt-img-shadow.ytd-topbar-menu-button-renderer { + width: 32px; + height: 32px; + cursor: pointer; + margin: 0 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #avatar-btn.ytd-topbar-menu-button-renderer:focus yt-img-shadow.ytd-topbar-menu-button-renderer { + box-shadow: 0 0 0 1px var(--ytd-avatar-outline-color, var(--yt-spec-themed-blue)); + } + + paper-tooltip.ytd-topbar-menu-button-renderer { + white-space: nowrap; + } + + paper-button.ytd-topbar-menu-button-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + ytd-topbar-menu-button-renderer { + display: inline-block; + text-transform: uppercase; + } + + ytd-topbar-menu-button-renderer.force-icon-button a.ytd-topbar-menu-button-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-topbar-menu-button-renderer[disabled] a.ytd-topbar-menu-button-renderer:focus { + outline: none; + } + + ytd-topbar-menu-button-renderer[is-icon-button][has-no-text] { + font-size: 0; + } + + a.ytd-topbar-menu-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + a.yt-simple-endpoint.ytd-topbar-menu-button-renderer { + color: inherit; + border-radius: inherit; + text-decoration: none; + } + + ytd-topbar-menu-button-renderer[is-paper-button] { + border-radius: var(--yt-button-border-radius, 3px); + margin: var(--yt-button-margin, 0 0.29em); + } + + ytd-topbar-menu-button-renderer[is-paper-button][disabled] { + color: var(--yt-spec-text-disabled); + background-color: transparent; + } + + ytd-topbar-menu-button-renderer[is-icon-button][disabled] { + color: #9b9b9b; + } + + ytd-topbar-menu-button-renderer[is-icon-button][style-action-button] { + --yt-button-icon-padding: 6px; + } + + ytd-topbar-menu-button-renderer[is-paper-button][align-by-text]:not(:empty) { + margin-left: -16px; + } + + ytd-topbar-menu-button-renderer[is-paper-button][button-size=size-large] { + line-height: 24px; + } + + paper-button.ytd-topbar-menu-button-renderer { + width: var(--yt-paper-button-width, auto); + height: var(--yt-paper-button-height, auto); + border-radius: inherit; + margin: 0; + padding: var(--yt-button-padding, 0.7em 0.57em); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + ; + } + + ytd-topbar-menu-button-renderer[start-justified] paper-button.ytd-topbar-menu-button-renderer { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + ytd-topbar-menu-button-renderer[vertically-aligned] paper-button.ytd-topbar-menu-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #button.ytd-topbar-menu-button-renderer { + color: var(--yt-button-color); + background-color: var(--yt-button-background-color); + } + + ytd-topbar-menu-button-renderer #button.ytd-topbar-menu-button-renderer { + color: var(--yt-button-color, inherit); + background-color: transparent; + text-transform: inherit; + } + + button.ytd-topbar-menu-button-renderer,yt-icon-button.ytd-topbar-menu-button-renderer { + padding: 1px 6px; + } + + yt-icon-button.ytd-topbar-menu-button-renderer { + width: var(--yt-button-icon-size, 40px); + height: var(--yt-button-icon-size, 40px); + color: var(--yt-endpoint-color, var(--yt-luna-black)); + } + + yt-icon-button.ytd-topbar-menu-button-renderer::-moz-focus-inner { + padding: 0; + margin: 0; + border: 0; + } + + yt-icon-button.ytd-topbar-menu-button-renderer[disabled] { + color: var(--yt-button-disabled-color, rgba(17, 17, 17, 0.2)); + } + + yt-icon-button.ytd-topbar-menu-button-renderer { + line-height: 1; + padding: var(--yt-button-icon-padding, 8px); + width: var(--yt-button-icon-size, var(--yt-icon-width, 40px)); + height: var(--yt-button-icon-size, var(--yt-icon-height, 40px)); + } + + yt-icon-button.ytd-topbar-menu-button-renderer > yt-icon.ytd-topbar-menu-button-renderer { + width: 100%; + height: 100%; + } + + #button.ytd-topbar-menu-button-renderer yt-icon.ytd-topbar-menu-button-renderer + yt-formatted-string.ytd-topbar-menu-button-renderer { + margin-left: var(--yt-string-icon-padding, 8px); + } + + #button.ytd-topbar-menu-button-renderer yt-formatted-string.ytd-topbar-menu-button-renderer + yt-icon.ytd-topbar-menu-button-renderer { + margin-left: var(--yt-button-icon-padding, 8px); + } + + ytd-topbar-menu-button-renderer[vertically-aligned] #button.ytd-topbar-menu-button-renderer yt-icon.ytd-topbar-menu-button-renderer + yt-formatted-string.ytd-topbar-menu-button-renderer { + margin-left: 0; + margin-top: var(--yt-string-icon-padding, 4px); + } + + ytd-topbar-menu-button-renderer[vertically-aligned] #button.ytd-topbar-menu-button-renderer yt-formatted-string.ytd-topbar-menu-button-renderer + yt-icon.ytd-topbar-menu-button-renderer { + margin-left: 0; + margin-top: var(--yt-button-icon-padding, 4px); + } + + ytd-ad-feedback-renderer { + background: var(--yt-spec-brand-background-primary); + max-width: 450px; + margin: 0; + padding: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-ad-feedback-renderer > *.ytd-ad-feedback-renderer { + margin-top: 16px; + padding: 0 16px; + } + + #title.ytd-ad-feedback-renderer,#reasons-title.ytd-ad-feedback-renderer { + color: var(--yt-spec-text-primary); + white-space: pre-wrap; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #reasons.ytd-ad-feedback-renderer { + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .buttons.ytd-ad-feedback-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + ytd-ad-info-dialog-renderer { + background: var(--yt-spec-brand-background-primary); + max-width: 450px; + margin: 0; + padding: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-ad-info-dialog-renderer > *.ytd-ad-info-dialog-renderer { + margin-top: 16px; + padding: 0 16px; + } + + #title.ytd-ad-info-dialog-renderer { + color: var(--yt-spec-text-primary); + white-space: pre-wrap; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #ad-reasons.ytd-ad-info-dialog-renderer,#message.ytd-ad-info-dialog-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #ad-reasons.ytd-ad-info-dialog-renderer { + list-style-position: inside; + } + + .buttons.ytd-ad-info-dialog-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + ytd-channel-switcher-footer-renderer { + background-color: var(--yt-spec-brand-background-primary); + color: var(--yt-spec-text-primary); + border-top: 1px solid var(--yt-spec-10-percent-layer); + min-height: 48px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #button.ytd-channel-switcher-footer-renderer { + margin-left: 8px; + } + + ytd-channel-switcher-renderer[dialog][dialog][dialog] { + display: inline-block; + background: var(--yt-spec-brand-background-primary); + width: 400px; + padding: 0px; + margin: 0px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .menu-container.ytd-channel-switcher-renderer { + overflow: auto; + max-height: 568px; + } + + .menu-container.ytd-channel-switcher-renderer::-webkit-scrollbar { + width: 8px; + } + + .menu-container.ytd-channel-switcher-renderer::-webkit-scrollbar-thumb { + height: 56px; + background: var(--yt-opalescence-grey-opacity-lighten-3); + } + + #sections.ytd-channel-switcher-renderer { + padding: 8px 0; + } + + ytd-identity-prompt-footer-renderer { + background-color: var(--yt-spec-brand-background-primary); + color: var(--yt-spec-text-primary); + border-top: 1px solid var(--yt-spec-10-percent-layer); + min-height: 48px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + padding-left: 16px; + } + + paper-radio-button.ytd-identity-prompt-footer-renderer,paper-checkbox.ytd-identity-prompt-footer-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-channel-warm-welcome-cont-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + min-height: 484px; + width: 657px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-channel-warm-welcome-cont-renderer[dialog][dialog][dialog] { + margin: 0; + padding: 0; + } + + .container.ytd-channel-warm-welcome-cont-renderer { + padding: 24px 0 0; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .popup-header.ytd-channel-warm-welcome-cont-renderer { + text-align: center; + margin-bottom: 12px; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .popup-header-title.ytd-channel-warm-welcome-cont-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + .tiles.ytd-channel-warm-welcome-cont-renderer { + margin: 20px 0 0; + padding-bottom: 16px; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .spinner-container.ytd-channel-warm-welcome-cont-renderer { + position: absolute; + width: 100%; + height: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .spinner-container.ytd-channel-warm-welcome-cont-renderer > paper-spinner-lite.ytd-channel-warm-welcome-cont-renderer[active] { + background-color: var(--paper-dialog-background-color, var(--primary-background-color)); + } + + .tile.ytd-channel-warm-welcome-cont-renderer { + width: 280px; + margin: 0 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .tile-content.ytd-channel-warm-welcome-cont-renderer { + min-height: 260px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + .tile-description.ytd-channel-warm-welcome-cont-renderer { + text-align: center; + margin-top: 8px; + } + + .tile-header.ytd-channel-warm-welcome-cont-renderer { + text-align: center; + } + + .tile-header-title.ytd-channel-warm-welcome-cont-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .tile-description-text.ytd-channel-warm-welcome-cont-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .tile-button-layer.ytd-channel-warm-welcome-cont-renderer { + margin-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .tile-profile-picture.ytd-channel-warm-welcome-cont-renderer > yt-img-shadow.ytd-channel-warm-welcome-cont-renderer { + width: 96px; + height: 96px; + margin: 0 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .profile-photo.ytd-channel-warm-welcome-cont-renderer { + border: 1px solid var(--yt-spec-10-percent-layer); + } + + .tile-profile-name.ytd-channel-warm-welcome-cont-renderer { + color: var(--yt-spec-text-primary); + margin-top: 12px; + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + .tos.ytd-channel-warm-welcome-cont-renderer { + text-align: center; + color: var(--yt-spec-text-secondary); + margin-top: 12px; + min-height: 32px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .disclaimer-layer.ytd-channel-warm-welcome-cont-renderer { + color: var(--yt-spec-text-secondary); + text-align: center; + margin: 8px 44px 4px 44px; + min-height: 32px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .error-container.ytd-channel-warm-welcome-cont-renderer { + text-align: center; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + .error.ytd-channel-warm-welcome-cont-renderer { + color: var(--yt-spec-brand-link-text); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .tile-profile-picture.ytd-channel-warm-welcome-cont-renderer,.tile-illustration.ytd-channel-warm-welcome-cont-renderer { + margin-top: 16px; + } + + .tile-separator.ytd-channel-warm-welcome-cont-renderer { + -ms-flex: 0 0 1px; + -webkit-flex: 0 0 1px; + flex: 0 0 1px; + border-right: 1px solid var(--yt-spec-10-percent-layer); + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + } + + .button-layer.ytd-channel-warm-welcome-cont-renderer { + -ms-flex: 0 0 49px; + -webkit-flex: 0 0 49px; + flex: 0 0 49px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + margin-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-channel-warm-welcome-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + min-height: 484px; + width: 657px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-channel-warm-welcome-renderer[dialog][dialog][dialog] { + margin: 0; + padding: 0; + } + + .container.ytd-channel-warm-welcome-renderer { + padding: 24px 28px 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .illustration.ytd-channel-warm-welcome-renderer { + height: 254px; + } + + .content.ytd-channel-warm-welcome-renderer { + margin-top: 20px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .popup-header.ytd-channel-warm-welcome-renderer { + text-align: center; + padding: 0 24px; + margin-bottom: 8px; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .popup-header-title.ytd-channel-warm-welcome-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + .popup-description.ytd-channel-warm-welcome-renderer { + margin-bottom: 16px; + padding: 0 48px; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .popup-description-text.ytd-channel-warm-welcome-renderer { + text-align: center; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .button-layer.ytd-channel-warm-welcome-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .button-layer.ytd-channel-warm-welcome-renderer ytd-button-renderer.ytd-channel-warm-welcome-renderer { + margin-top: 8px; + } + + ytd-donation-post-transaction-renderer { + margin-bottom: 0; + margin-top: 0; + padding: 0; + } + + #container.ytd-donation-post-transaction-renderer { + display: flex; + padding: 16px; + width: 500px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-donation-post-transaction-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + #messages.ytd-donation-post-transaction-renderer { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #message.ytd-donation-post-transaction-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 8px; + display: block; + max-height: var(--yt-navbar-title-line-height, 2.4rem); + overflow: hidden; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #additional-info.ytd-donation-post-transaction-renderer { + color: var(--yt-spec-text-secondary); + margin-bottom: 32px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #button-row.ytd-donation-post-transaction-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + #icon-row.ytd-donation-post-transaction-renderer { + margin-bottom: 20px; + text-align: center; + } + + #thankyou-messages.ytd-donation-post-transaction-renderer { + flex-grow: 1; + padding: 0 32px; + margin-bottom: 32px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .thankyou-message.ytd-donation-post-transaction-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .thankyou-message.ytd-donation-post-transaction-renderer > div.ytd-donation-post-transaction-renderer { + margin: 0 4px; + } + + .thankyou-message.ytd-donation-post-transaction-renderer .avatar.ytd-donation-post-transaction-renderer { + border-radius: 50%; + height: 32px; + overflow: hidden; + width: 32px; + } + + .thankyou-message.ytd-donation-post-transaction-renderer .content.ytd-donation-post-transaction-renderer { + margin-left: 12px; + flex: 1; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .thankyou-message.ytd-donation-post-transaction-renderer .user.ytd-donation-post-transaction-renderer { + margin-top: 8px; + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .thankyou-message.ytd-donation-post-transaction-renderer .body.ytd-donation-post-transaction-renderer { + border: 1px solid #ccc; + border-radius: 12px; + color: var(--yt-spec-text-primary); + padding: 12px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #done-button.ytd-donation-post-transaction-renderer ytd-button-renderer.ytd-donation-post-transaction-renderer { + margin-left: 8px; + } + + ytd-checkbox-survey-renderer[dialog][dialog][dialog] { + background: var(--yt-spec-brand-background-primary); + display: inline-block; + margin: 0; + } + + ytd-checkbox-survey-renderer { + width: 325px; + padding: 0 0 12px; + } + + #header.ytd-checkbox-survey-renderer { + color: var(--yt-spec-text-primary); + display: block; + margin: 24px 24px 12px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + font-size: var(--ytd-subheadline-link_-_font-size, var(--ytd-subheadline_-_font-size)); font-weight: var(--ytd-subheadline-link_-_font-weight, var(--ytd-subheadline_-_font-weight)); line-height: var(--ytd-subheadline-link_-_line-height, var(--ytd-subheadline_-_line-height)); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing, var(--ytd-subheadline_-_letter-spacing)); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #options.ytd-checkbox-survey-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #footer.ytd-checkbox-survey-renderer { + padding: 12px 24px 0; + text-align: right; + } + + yt-formatted-string.ytd-checkbox-survey-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + yt-icon-button.ytd-checkbox-survey-renderer { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + color: var(--yt-spec-icon-inactive); + height: 40px; + width: 40px; + } + + ytd-dismissal-follow-up-renderer[dialog][dialog][dialog] { + background: var(--yt-spec-brand-background-primary); + display: inline-block; + margin: 0; + padding: 0; + } + + #content.ytd-dismissal-follow-up-renderer { + color: var(--yt-spec-text-primary); + margin: 24px; + } + + #title.ytd-dismissal-follow-up-renderer { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #title.ytd-dismissal-follow-up-renderer,ytd-dismissal-reason-text-renderer.ytd-dismissal-follow-up-renderer,ytd-dismissal-reason-video-renderer.ytd-dismissal-follow-up-renderer { + margin: 24px 0; + } + + #buttons.ytd-dismissal-follow-up-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + margin-top: 32px; + padding: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #buttons.ytd-dismissal-follow-up-renderer ytd-button-renderer.ytd-dismissal-follow-up-renderer { + margin-left: 8px; + } + + ytd-dismissal-reason-text-renderer { + display: block; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-dismissal-reason-video-renderer { + display: block; + } + + #label.ytd-dismissal-reason-video-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #video.ytd-dismissal-reason-video-renderer { + margin-top: 8px; + margin-left: 36px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #video-metadata.ytd-dismissal-reason-video-renderer { + overflow: hidden; + margin-left: 8px; + } + + #video.ytd-dismissal-reason-video-renderer yt-formatted-string.ytd-dismissal-reason-video-renderer { + display: block; + } + + #video-title.ytd-dismissal-reason-video-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-link-font-size, 1.4rem); + font-weight: 500; + line-height: var(--ytd-link-line-height, 1.6rem); + letter-spacing: var(--yt-link-letter-spacing, normal); + } + + #video-creator.ytd-dismissal-reason-video-renderer { + color: var(--yt-spec-text-secondary); + margin-top: 8px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-feedback-option-renderer { + margin-bottom: 8px; + margin-left: 0; + display: block; + } + + #freeform.ytd-feedback-option-renderer { + --paper-input-container_-_padding: 0; --paper-input-container_-_height: initial;; + --paper-input-container-label_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-label_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-label_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-label_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-label_-_opacity: initial; --paper-input-container-label_-_color: initial; --paper-input-container-label_-_padding: initial;; + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-secondary); + overflow-wrap: break-word; + word-break: break-word; + margin-bottom: 8px; + margin-left: 24px; + } + + paper-radio-button.ytd-feedback-option-renderer,paper-checkbox.ytd-feedback-option-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-feedback-question-renderer { + display: block; + margin-top: 8px; + margin-bottom: 8px; + } + + .question-text.ytd-feedback-question-renderer { + color: var(--yt-spec-text-primary); + margin-top: 12px; + margin-bottom: 12px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-feedback-survey-renderer { + display: inline-block; + } + + #disclaimer.ytd-feedback-survey-renderer { + padding-top: 16px; + padding-bottom: 12px; + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + display: block; + } + + ytd-single-option-survey-option-renderer:not([vertical]) { + width: 40px; + position: relative; + padding-bottom: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-single-option-survey-option-renderer:not([vertical]):first-of-type yt-formatted-string.ytd-single-option-survey-option-renderer { + display: block; + left: 8px; + } + + ytd-single-option-survey-option-renderer:not([vertical]):last-of-type yt-formatted-string.ytd-single-option-survey-option-renderer { + display: block; + right: 8px; + } + + ytd-single-option-survey-option-renderer:not([vertical]) yt-formatted-string.ytd-single-option-survey-option-renderer { + display: none; + position: absolute; + bottom: 0; + white-space: nowrap; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + yt-icon-button.ytd-single-option-survey-option-renderer { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + width: 40px; + height: 40px; + color: var(--yt-spec-icon-inactive); + margin-bottom: 4px; + } + + ytd-single-option-survey-option-renderer[vertical] { + color: var(--yt-spec-text-secondary); + display: block; + padding: 8px 24px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-single-option-survey-option-renderer[vertical]:hover { + background-color: var(--yt-spec-10-percent-layer); + cursor: pointer; + } + + ytd-single-option-survey-option-renderer[vertical] yt-icon-button.ytd-single-option-survey-option-renderer { + display: none; + } + + ytd-single-option-survey-renderer[dialog][dialog][dialog] { + background: var(--yt-spec-brand-background-primary); + display: inline-block; + margin: 0; + } + + #header.ytd-single-option-survey-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + + yt-formatted-string.ytd-single-option-survey-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + yt-icon-button.ytd-single-option-survey-renderer { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + color: var(--yt-spec-icon-inactive); + height: 40px; + width: 40px; + } + + #header.ytd-single-option-survey-renderer yt-icon-button.ytd-single-option-survey-renderer { + margin-top: calc((2rem - 40px) / 2); + } + + ytd-single-option-survey-renderer:not([vertical]) { + max-width: 352px; + } + + ytd-single-option-survey-renderer:not([vertical])[dialog][dialog][dialog] { + padding: 24px; + } + + ytd-single-option-survey-renderer:not([vertical]) #options.ytd-single-option-survey-renderer { + margin-left: -8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-single-option-survey-renderer:not([vertical]) #options.ytd-single-option-survey-renderer > *.ytd-single-option-survey-renderer:not(:last-child) { + margin-right: 40px; + } + + ytd-single-option-survey-renderer[vertical] { + width: 325px; + padding: 0 0 12px; + } + + ytd-single-option-survey-renderer[vertical] #header.ytd-single-option-survey-renderer { + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + margin: 24px 24px 12px; + } + + ytd-single-option-survey-renderer[vertical] #options.ytd-single-option-survey-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-survey-follow-up-renderer[dialog][dialog][dialog] { + background: var(--yt-spec-brand-background-primary); + display: inline-block; + min-width: 350px; + margin: 0; + padding: 24px; + } + + #header.ytd-survey-follow-up-renderer { + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + yt-formatted-string.ytd-survey-follow-up-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-legal-report-details-form-renderer[dialog][dialog][dialog] { + --ytd-legal-report-details-form-renderer-content-width: 402px; + --paper-input-container-input-align: baseline; + --ytd-dropdown-renderer-width: var(--ytd-legal-report-details-form-renderer-content-width); + background: var(--yt-spec-brand-background-primary); + margin: 0; + width: 450px; + max-width: 80vw; + min-height: 240px; + min-width: 250px; + padding: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-legal-report-details-form-renderer > *.ytd-legal-report-details-form-renderer:not(:last-child) { + padding: 0 24px; + } + + ytd-legal-report-details-form-renderer > *.ytd-legal-report-details-form-renderer:first-child { + margin-top: 24px; + } + + h2.ytd-legal-report-details-form-renderer { + color: var(--yt-spec-text-primary); + padding: 0 24px; + margin-top: 24px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #scroller.ytd-legal-report-details-form-renderer { + --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_overflow-x: hidden; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial;; + } + + #scroller.ytd-legal-report-details-form-renderer:first-child { + margin-top: 20px; + } + + #timestamp.ytd-legal-report-details-form-renderer { + display: block; + color: var(--yt-spec-text-secondary); + margin: 20px 0 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-timestamp-input.ytd-legal-report-details-form-renderer { + height: 40px; + } + + #description-box.ytd-legal-report-details-form-renderer { + margin-top: 24px; + } + + #description-box.ytd-legal-report-details-form-renderer paper-input-container.ytd-legal-report-details-form-renderer { + --paper-input-container-underline-display: none; + --paper-input-container-underline-focus-display: none; + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-input_-_padding: 12px; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + padding-top: 0; + padding-bottom: 0; + } + + #description-box.ytd-legal-report-details-form-renderer paper-input-container.ytd-legal-report-details-form-renderer { + --iron-autogrow-textarea-placeholder_-_padding: 10px;; + } + + #description.ytd-legal-report-details-form-renderer { + display: inline-block; + --iron-autogrow-textarea-textarea_-_padding: 12px; --iron-autogrow-textarea-textarea_-_box-sizing: border-box; --iron-autogrow-textarea-textarea_-_font-size: var(--ytd-user-comment_-_font-size); --iron-autogrow-textarea-textarea_-_font-weight: var(--ytd-user-comment_-_font-weight); --iron-autogrow-textarea-textarea_-_line-height: var(--ytd-user-comment_-_line-height); --iron-autogrow-textarea-textarea_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + padding: 12px 12px 32px 12px; + box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); + border-radius: 2px; + box-sizing: border-box; + margin-bottom: -2px; + } + + #description.ytd-legal-report-details-form-renderer[focused] { + box-shadow: inset 0 0 0 2px var(--yt-spec-text-primary); + } + + #description-box.ytd-legal-report-details-form-renderer paper-input-char-counter.ytd-legal-report-details-form-renderer { + --paper-input-char-counter_-_color: var(--yt-spec-text-secondary); --paper-input-char-counter_-_margin-top: -32px; --paper-input-char-counter_-_margin-right: 18px; --paper-input-char-counter_-_height: initial; --paper-input-char-counter_-_font-size: initial; --paper-input-char-counter_-_font-weight: initial; --paper-input-char-counter_-_line-height: initial; --paper-input-char-counter_-_letter-spacing: initial; --paper-input-char-counter_-_text-transform: initial;; + } + + #issue-type.ytd-legal-report-details-form-renderer,#affiliation.ytd-legal-report-details-form-renderer,#full-name.ytd-legal-report-details-form-renderer { + margin-top: 0; + } + + #full-name.ytd-legal-report-details-form-renderer { + --paper-input-container-underline-color: var(--yt-spec-10-percent-layer); + --paper-input-container-underline-focus-color: var(--yt-spec-text-primary); + --paper-input-container-underline-legacy-height: 0; + --paper-input-container-input_-_color: var(--yt-spec-text-primary); --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + height: 57px; + } + + #name-subtext.ytd-legal-report-details-form-renderer { + color: var(--yt-spec-text-secondary); + margin-top: 4px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #footer-text.ytd-legal-report-details-form-renderer { + color: var(--yt-spec-text-secondary); + margin: 24px 0; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + .footer.ytd-legal-report-details-form-renderer { + padding-left: 24px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #cancel-button.ytd-legal-report-details-form-renderer { + margin-right: 8px; + } + + #required-label.ytd-legal-report-details-form-renderer { + color: var(--yt-spec-text-secondary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .buttons.ytd-legal-report-details-form-renderer { + padding: 8px 8px 8px 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-timestamp-input { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + [dir="rtl"] yt-timestamp-input, yt-timestamp-input[dir="rtl"] { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #minutes.yt-timestamp-input,#seconds.yt-timestamp-input { + text-align: right; + height: 40px; + } + + #minutes.yt-timestamp-input { + width: 30px; + } + + #separator.yt-timestamp-input { + padding: 0 2px; + } + + #seconds.yt-timestamp-input { + width: 20px; + } + + paper-input.yt-timestamp-input { + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-underline-color: var(--yt-spec-10-percent-layer); + --paper-input-container-underline-legacy-height: 0; + } + + ytd-form-popup-renderer[dialog][dialog][dialog] { + padding: 0; + margin: 0; + min-width: 500px; + background-color: var(--yt-spec-brand-background-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-form-popup-renderer { + display: block; + color: var(--yt-spec-text-primary); + margin: 24px 24px 0; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #buttons.ytd-form-popup-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #form.ytd-form-popup-renderer { + margin: 0 24px 34px 24px; + } + + yt-form-renderer.ytd-form-popup-renderer { + display: block; + } + + ytd-connect-gpg-dialog-renderer[dialog][dialog][dialog] { + background-color: var(--yt-spec-brand-background-primary); + padding: 0px; + margin: 0px; + max-width: 500px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #header.ytd-connect-gpg-dialog-renderer { + background-size: cover; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .avatar-support.ytd-connect-gpg-dialog-renderer { + padding-bottom: 8px; + padding-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .avatar.ytd-connect-gpg-dialog-renderer { + height: 56px; + width: 56px; + margin-left: 8px; + margin-right: 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .play-games-icon.ytd-connect-gpg-dialog-renderer { + height: 16px; + padding-right: 8px; + width: 16px; + } + + #dismiss-button.ytd-connect-gpg-dialog-renderer { + position: absolute; + top: 0; + right: 0; + } + + #dismiss-button.ytd-connect-gpg-dialog-renderer ytd-button-renderer.ytd-connect-gpg-dialog-renderer { + color: var(--yt-spec-icon-active-other); + } + + #title.ytd-connect-gpg-dialog-renderer { + color: var(--yt-spec-text-primary); + display: inline-block; + margin: 0 24px; + padding: 24px 0 0 0; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + .gamer-tag-support.ytd-connect-gpg-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #gamer-tag.ytd-connect-gpg-dialog-renderer { + color: var(--yt-spec-text-primary); + font-size: 1.8rem; + line-height: 2.3rem; + } + + .email-support.ytd-connect-gpg-dialog-renderer { + padding-bottom: 16px; + padding-top: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #email-address.ytd-connect-gpg-dialog-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-connect-gpg-dialog-renderer[has-description] #description-container.ytd-connect-gpg-dialog-renderer { + padding-top: 16px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #description-container.ytd-connect-gpg-dialog-renderer { + color: var(--yt-spec-text-secondary); + display: inline-block; + margin: 16px 24px 32px 24px; + text-align: left; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #link-button-container.ytd-connect-gpg-dialog-renderer { + margin-bottom: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #link-button.ytd-connect-gpg-dialog-renderer ytd-button-renderer.ytd-connect-gpg-dialog-renderer { + --yt-paper-button-min-width: 250px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-gaming-account-link-confirm-dialog-renderer[dialog][dialog][dialog] { + --divider-color: var(--yt-spec-10-percent-layer); + --yt-endpoint-color: var(--yt-spec-themed-blue); + background: var(--yt-spec-brand-background-primary); + margin: 0; + min-width: 400px; + max-width: 688px; + padding: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .avatar-support.ytd-gaming-account-link-confirm-dialog-renderer { + padding-bottom: 16px; + padding-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .avatar.ytd-gaming-account-link-confirm-dialog-renderer { + height: 56px; + width: 56px; + margin-left: -13px; + margin-right: -13px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .avatar.left.ytd-gaming-account-link-confirm-dialog-renderer { + z-index: 1; + } + + .avatar.right.ytd-gaming-account-link-confirm-dialog-renderer { + z-index: 0; + } + + .third-party-icon.ytd-gaming-account-link-confirm-dialog-renderer { + color: var(--yt-spec-static-brand-white); + height: 16px; + padding: 2px; + width: 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + background-color: var(--yt-spec-themed-blue); + z-index: 2; + } + + ytd-gaming-account-link-confirm-dialog-renderer[dialog-with-header-image] { + width: min-content; + } + + ytd-gaming-account-link-confirm-dialog-renderer[dialog-with-thumbnail] { + min-width: 456px; + } + + ytd-gaming-account-link-confirm-dialog-renderer[dialog-with-thumbnail] #main.ytd-gaming-account-link-confirm-dialog-renderer { + min-width: 200px; + } + + #main.ytd-gaming-account-link-confirm-dialog-renderer { + margin-top: 24px; + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-gaming-account-link-confirm-dialog-renderer[dialog-with-header-image] #main.ytd-gaming-account-link-confirm-dialog-renderer { + margin-top: 0; + } + + #header-image.ytd-gaming-account-link-confirm-dialog-renderer { + margin-bottom: 24px; + width: max-content; + } + + #title.ytd-gaming-account-link-confirm-dialog-renderer { + display: block; + color: var(--yt-spec-text-primary); + margin: 16px 24px; + font-size: 1.8rem; + line-height: 2.3rem; + font-size: var(--ytd-subheadline_-_font-size, 1.8rem); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height, 2.3rem); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #dialog-messages.ytd-gaming-account-link-confirm-dialog-renderer { + color: var(--yt-spec-text-secondary); + margin: 4px 0 24px; + padding: 0 24px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .line-text.ytd-gaming-account-link-confirm-dialog-renderer:not(:last-of-type) { + display: block; + margin-bottom: 8px; + } + + .buttons.ytd-gaming-account-link-confirm-dialog-renderer { + position: relative; + padding: 8px 8px 8px 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #cancel-button.ytd-gaming-account-link-confirm-dialog-renderer,#confirm-button.ytd-gaming-account-link-confirm-dialog-renderer { + margin-left: 8px; + } + + ytd-gaming-account-link-confirm-dialog-renderer[primary-is-cancel] .buttons.ytd-gaming-account-link-confirm-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + ytd-gaming-account-link-setting-renderer[dialog][dialog][dialog] { + background-color: var(--yt-spec-brand-background-primary); + padding: 0px; + margin: 0px; + max-width: 500px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #header.ytd-gaming-account-link-setting-renderer { + background-size: cover; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .avatar-support.ytd-gaming-account-link-setting-renderer { + padding-bottom: 16px; + padding-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .avatar.ytd-gaming-account-link-setting-renderer { + height: 56px; + width: 56px; + margin-left: 8px; + margin-right: 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .third-party-icon.ytd-gaming-account-link-setting-renderer { + height: 16px; + padding: 2px; + width: 16px; + color: var(--yt-spec-filled-button-text); + border-radius: 50%; + background-color: transparent; + overflow: hidden; + background-color: var(--yt-spec-themed-blue); + } + + #dismiss-button.ytd-gaming-account-link-setting-renderer { + position: absolute; + top: 0; + right: 0; + } + + #dismiss-button.ytd-gaming-account-link-setting-renderer ytd-button-renderer.ytd-gaming-account-link-setting-renderer { + color: var(--yt-spec-icon-active-other); + } + + #title.ytd-gaming-account-link-setting-renderer { + color: var(--yt-spec-text-primary); + display: inline-block; + margin: 0 24px; + padding: 24px 0 0 0; + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + ytd-gaming-account-link-setting-renderer:not([has-description]) #title.ytd-gaming-account-link-setting-renderer { + margin: 16px 24px; + padding: 0; + } + + ytd-gaming-account-link-setting-renderer[has-description] #description-container.ytd-gaming-account-link-setting-renderer { + padding-top: 16px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #description-container.ytd-gaming-account-link-setting-renderer { + color: var(--yt-spec-text-secondary); + display: inline-block; + margin: 16px 24px 32px 24px; + text-align: left; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #link-button-container.ytd-gaming-account-link-setting-renderer { + margin-bottom: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #link-button.ytd-gaming-account-link-setting-renderer ytd-button-renderer.ytd-gaming-account-link-setting-renderer { + --yt-paper-button-min-width: 250px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-queue-to-play-dialog-renderer[dialog][dialog][dialog] { + --divider-color: var(--yt-spec-10-percent-layer); + --yt-endpoint-color: var(--yt-spec-themed-blue); + background: var(--yt-spec-brand-background-primary); + color: var(--yt-spec-text-primary); + margin: 0; + max-width: 500px; + padding: 24px 24px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title.ytd-queue-to-play-dialog-renderer { + font-size: 1.6em; + line-height: 1.4em; + font-weight: 500; + display: block; + margin-bottom: 16px; + } + + #description-messages.ytd-queue-to-play-dialog-renderer,#bulleted-messages.ytd-queue-to-play-dialog-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .dialog-text.ytd-queue-to-play-dialog-renderer { + display: block; + margin-bottom: 10px; + } + + #bulleted-messages.ytd-queue-to-play-dialog-renderer { + margin-left: 20px; + padding-left: 20px; + } + + .bulleted-text.ytd-queue-to-play-dialog-renderer { + padding-left: 10px; + margin-bottom: 5px; + } + + .buttons.ytd-queue-to-play-dialog-renderer { + border-top: var(--yt-confirm-dialog-buttons-border-top, 1px solid var(--yt-border-color)); + margin-top: 24px; + padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + yt-confirm-dialog-renderer[dialog][dialog][dialog] { + --divider-color: var(--yt-border-color); + background: var(--yt-dialog-background); + margin: 0; + max-width: 688px; + padding: 0; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + yt-confirm-dialog-renderer[dialog][dialog][dialog][use-overlay-for-spinner_] { + position: relative; + visibility: hidden; + } + + yt-confirm-dialog-renderer[dialog-with-header-image] { + width: min-content; + } + + yt-confirm-dialog-renderer:not([use-overlay-for-spinner_]) #spinner.yt-confirm-dialog-renderer { + width: 400px; + + height: 224px; + display: var(--layout_-_display); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + yt-confirm-dialog-renderer[use-overlay-for-spinner_] #spinner.yt-confirm-dialog-renderer { + display: block; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + visibility: visible; + } + + yt-confirm-dialog-renderer[dialog-with-thumbnail] { + min-width: 456px; + } + + yt-confirm-dialog-renderer[dialog-with-thumbnail] #main.yt-confirm-dialog-renderer { + min-width: 200px; + } + + yt-confirm-dialog-renderer[dialog-with-thumbnail] #scroller.yt-confirm-dialog-renderer { + margin: 0; + min-height: 100px; + display: var(--layout_-_display); + } + + #main.yt-confirm-dialog-renderer { + margin-top: var(--ytd-margin-6x); + + + width: 100%; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-confirm-dialog-renderer[dialog-with-header-image] #main.yt-confirm-dialog-renderer { + margin-top: 0; + } + + #header-image.yt-confirm-dialog-renderer { + margin: 0 0 24px 0; + width: max-content; + } + + #title.yt-confirm-dialog-renderer { + display: block; + color: var(--yt-primary-text-color); + margin-bottom: var(--ytd-margin-4x); + padding: 0 var(--ytd-margin-6x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #scroller.yt-confirm-dialog-renderer { + --paper-dialog-scrollable_-_min-width: 200px; --paper-dialog-scrollable_-_padding: 0 var(--ytd-margin-6x); --paper-dialog-scrollable_-_box-sizing: border-box; --paper-dialog-scrollable_-_overflow-x: initial;; + color: var(--yt-secondary-text-color); + margin: var(--ytd-margin-base) 0 var(--ytd-margin-6x); + padding: 0; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .line-text.yt-confirm-dialog-renderer:not(:last-of-type) { + display: block; + margin-bottom: var(--ytd-margin-2x); + } + + .buttons.yt-confirm-dialog-renderer { + border-top: var(--yt-confirm-dialog-buttons-border-top, 1px solid var(--yt-border-color)); + position: relative; + padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + -ms-flex: var(--ytd-safari-layout-fix_-_-ms-flex); -webkit-flex: var(--ytd-safari-layout-fix_-_-webkit-flex); flex: var(--ytd-safari-layout-fix_-_flex); + } + + #cancel-button.yt-confirm-dialog-renderer,#confirm-button.yt-confirm-dialog-renderer { + margin-left: var(--ytd-margin-2x); + } + + yt-confirm-dialog-renderer[primary-is-cancel] .buttons.yt-confirm-dialog-renderer { + display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(--layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal-reverse_-_flex-direction); + -ms-flex-pack: var(--layout-start-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-start-justified_-_-webkit-justify-content); justify-content: var(--layout-start-justified_-_justify-content); + } + + @media (max-width: 455px) { + yt-confirm-dialog-renderer[dialog][dialog][dialog] { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-confirm-dialog-renderer[dialog-with-thumbnail] { + min-width: initial; + } + + yt-confirm-dialog-renderer[dialog-with-thumbnail] #scroller.yt-confirm-dialog-renderer { + margin-bottom: 24px; + min-height: initial; + display: var(--layout-block_-_display); + } + + } + + ytd-guide-collapsible-entry-renderer { + display: block; + } + + ytd-guide-collapsible-entry-renderer[expanded] #expander-item.ytd-guide-collapsible-entry-renderer { + display: none; + } + + ytd-guide-collapsible-entry-renderer[expanded] #expanded.ytd-guide-collapsible-entry-renderer { + display: block; + } + + #expanded.ytd-guide-collapsible-entry-renderer { + display: none; + } + + ytd-guide-entry-renderer { + display: block; + width: 100%; + } + + ytd-guide-entry-renderer[active] { + background-color: var(--yt-spec-10-percent-layer); + } + + ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer { + font-size: 1.4rem; + font-weight: 500; + line-height: var(--yt-guide-highlight-line-height, 1.8rem); + } + + ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer { + color: var(--yt-spec-brand-icon-active); + } + + .title.ytd-guide-entry-renderer { + color: var(--yt-spec-text-primary); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer { + min-height: var(--paper-item-min-height, 48px); + cursor: pointer; + box-sizing: border-box; + outline: 0; + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:active { + background-color: var(--yt-spec-10-percent-layer); + } + + #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover,#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus { + background-color: var(--yt-spec-badge-chip-background); + } + + yt-img-shadow.ytd-guide-entry-renderer { + height: 24px; + width: 24px; + margin-right: 24px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + a.ytd-guide-entry-renderer,paper-item.ytd-guide-entry-renderer { + width: 100%; + } + + paper-item.ytd-guide-entry-renderer { + padding: 0 24px; + min-width: 0; + height: var(--paper-item-min-height, 48px); + } + + .guide-icon.ytd-guide-entry-renderer { + --iron-icon-height: 24px; + --iron-icon-width: 24px; + margin-right: 24px; + color: var(--yt-spec-brand-icon-inactive); + } + + .guide-entry-count.ytd-guide-entry-renderer { + display: none; + opacity: var(--yt-spec-text-secondary); + vertical-align: middle; + text-align: center; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-guide-entry-renderer[line-end-style=count] .guide-entry-count.ytd-guide-entry-renderer { + display: block; + } + + .guide-entry-badge.ytd-guide-entry-renderer { + width: 16px; + height: 16px; + color: var(--yt-spec-static-brand-red); + display: none; + } + + ytd-guide-entry-renderer[line-end-style=badge] .guide-entry-badge.ytd-guide-entry-renderer { + display: block; + } + + #newness-dot.ytd-guide-entry-renderer { + width: 4px; + height: 4px; + border-radius: 50%; + background-color: var(--yt-spec-themed-blue); + margin: 0 6px; + display: none; + } + + ytd-guide-entry-renderer[line-end-style=dot] #newness-dot.ytd-guide-entry-renderer { + display: block; + } + + ytd-guide-collapsible-section-entry-renderer { + display: block; + } + + #header.ytd-guide-collapsible-section-entry-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + ytd-guide-renderer { + --yt-endpoint-color: var(--yt-spec-text-primary); + display: block; + } + + #sections.ytd-guide-renderer > *.ytd-guide-renderer:first-child { + padding: 12px 0; + } + + #sections.ytd-guide-renderer > ytd-guide-section-renderer.ytd-guide-renderer:not(:first-child),#sections.ytd-guide-renderer > ytd-guide-subscriptions-section-renderer.ytd-guide-renderer { + padding: 8px 0; + } + + #sections.ytd-guide-renderer > *.ytd-guide-renderer:not(:last-child) { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #footer.ytd-guide-renderer > #vat-notice,#footer.ytd-guide-renderer > #copyright { + display: block !important; + } + + #guide-links-primary.ytd-guide-renderer { + padding: 16px 24px 0; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #guide-links-secondary.ytd-guide-renderer { + padding: 12px 24px 0; + } + + #footer.ytd-guide-renderer > #vat-notice { + padding: 8px 24px; + color: var(--yt-spec-text-secondary); + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + #footer.ytd-guide-renderer > #copyright { + padding: 16px 24px; + color: var(--yt-spec-text-disabled); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #guide-links-primary.ytd-guide-renderer > a,#guide-links-secondary.ytd-guide-renderer > a { + display: inline-block !important; + text-decoration: none; + color: var(--yt-spec-text-secondary); + white-space: nowrap; + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + #guide-links-primary.ytd-guide-renderer > a:not(:last-child),#guide-links-secondary.ytd-guide-renderer > a:not(:last-child) { + margin-right: 8px; + } + + ytd-guide-section-renderer { + --paper-item-min-height: 40px; + display: block; + } + + h3.ytd-guide-section-renderer { + margin: 0; + } + + #guide-section-title.ytd-guide-section-renderer { + color: var(--yt-spec-text-secondary); + display: block; + padding: 8px 24px; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child) { + border-top: 1px solid var(--yt-spec-10-percent-layer); + margin-top: 12px; + padding-top: 12px; + } + + ytd-guide-signin-promo-renderer { + display: inline-block; + padding: 16px 32px; + } + + yt-formatted-string.ytd-guide-signin-promo-renderer { + display: block; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #sign-in-button.ytd-guide-signin-promo-renderer:not([align-by-text]).ytd-guide-signin-promo-renderer { + margin-top: 12px; + } + + ytd-mini-guide-entry-renderer { + display: inline-block; + background-color: var(--yt-spec-brand-background-solid); + } + + a.ytd-mini-guide-entry-renderer { + width: 72px; + padding: 16px 0 14px; + outline: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .guide-icon.ytd-mini-guide-entry-renderer { + color: var(--yt-spec-brand-icon-inactive); + margin-bottom: 6px; + } + + .title.ytd-mini-guide-entry-renderer { + color: var(--yt-spec-text-secondary); + max-width: 100%; + display: block; + max-height: 1.4rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 1rem; + font-weight: 400; + line-height: 1.4rem; + } + + ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer { + color: var(--yt-spec-brand-icon-active); + } + + ytd-mini-guide-entry-renderer[active] .title.ytd-mini-guide-entry-renderer { + color: var(--yt-spec-selected-nav-text); + } + + ytd-mini-guide-entry-renderer[no-labels] a.ytd-mini-guide-entry-renderer { + padding: 8px 0; + } + + ytd-mini-guide-entry-renderer[no-labels] .guide-icon.ytd-mini-guide-entry-renderer { + margin-bottom: 0px; + } + + ytd-mini-guide-entry-renderer:hover,ytd-mini-guide-entry-renderer:focus { + background-color: var(--yt-spec-badge-chip-background); + outline: none; + } + + ytd-mini-guide-renderer { + display:inline-block;background-color:var(--yt-spec-brand-background-solid);z-index:2028 + } + + #items.ytd-mini-guide-renderer { + margin-top:4px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column + } + + ytd-mini-guide-renderer[no-labels_] #items.ytd-mini-guide-renderer { + margin-top:12px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column + } + + ytd-hotkey-dialog-renderer[dialog][dialog][dialog] { + --divider-color: var(--yt-spec-10-percent-layer); + background: var(--yt-spec-brand-background-primary); + display: inline-block; + margin: 0; + padding: 0; + width: 1280px; + } + + @media (max-width: 1439px) { + ytd-hotkey-dialog-renderer[dialog][dialog][dialog] { + width: 100%; + } + + } + + #title.ytd-hotkey-dialog-renderer { + color: var(--yt-spec-text-primary); + margin: 24px 24px 16px; + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + } + + #scrollable.ytd-hotkey-dialog-renderer { + justify-content: space-around; + overflow: auto; + } + + #hotkey-item.ytd-hotkey-dialog-renderer:last-of-type { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + paper-dialog-scrollable.ytd-hotkey-dialog-renderer { + --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + } + + #sections.ytd-hotkey-dialog-renderer { + width: 100%; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #action-buttons.ytd-hotkey-dialog-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + ytd-hotkey-dialog-section-option-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #label.ytd-hotkey-dialog-section-option-renderer { + color: var(--yt-spec-text-secondary); + min-width: 300px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #hotkey.ytd-hotkey-dialog-section-option-renderer { + color: var(--yt-spec-text-primary); + margin-left: 30px; + min-width: 130px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-family: "Roboto Mono", monospace; + font-size: 1.4rem; + font-weight: 500; + line-height: 2.1rem; + } + + ytd-hotkey-dialog-section-renderer { + min-width: 430px; + display: inline-block; + margin: 16px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #sub-title.ytd-hotkey-dialog-section-renderer { + color: var(--yt-spec-text-secondary); + display: block; + padding: 16px 8px; + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + ytd-menu-popup-renderer { + display: inline-grid; + grid-template-columns: min-content; + background-color: var(--yt-spec-brand-background-primary); + border-radius: 4px; + box-shadow: var(--shadow-elevation-2dp_-_box-shadow); + } + + ytd-menu-popup-tip-renderer { + display: inline-block; + background-color: var(--yt-spec-brand-background-solid); + color: var(--yt-spec-text-primary); + padding: 10px 16px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-toggle-menu-service-item-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + span.ytd-toggle-menu-service-item-renderer { + color: var(--yt-spec-text-primary); + white-space: nowrap; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-toggle-menu-service-item-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + yt-icon.ytd-toggle-menu-service-item-renderer { + margin-right: 16px; + width: 24px; + height: 24px; + color: var(--yt-spec-icon-inactive); + display: var(--yt-menu-item-icon-display, none); + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + ytd-toggle-menu-service-item-renderer[use-icons] { + --yt-menu-item-icon-display: inline-block; + } + + paper-item.ytd-toggle-menu-service-item-renderer { + --paper-item-min-height: 36px; + padding: 0 36px 0 16px; + } + + ytd-menu-custom-icon-item-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + paper-item.ytd-menu-custom-icon-item-renderer { + --paper-item-min-height: 40px; + } + + paper-item.ytd-menu-custom-icon-item-renderer:hover { + background-color: var(--yt-spec-10-percent-layer); + } + + .custom-icon.ytd-menu-custom-icon-item-renderer { + height: 24px; + width: 24px; + margin-right: 16px; + } + + .action-text.ytd-menu-custom-icon-item-renderer { + color: var(--yt-spec-text-primary); + text-decoration: none; + -ms-flex: none; + -webkit-flex: none; + flex: none; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .launch-icon.ytd-menu-custom-icon-item-renderer { + color: var(--yt-spec-call-to-action); + height: 16px; + padding-bottom: 2px; + width: 16px; + } + + ytd-notification-topbar-button-renderer { + color: var(--yt-spec-icon-active-other); + position: relative; + } + + button.ytd-notification-topbar-button-renderer { + background: none; + border: none; + outline: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + paper-tooltip.ytd-notification-topbar-button-renderer { + white-space: nowrap; + } + + #notification-count.ytd-notification-topbar-button-renderer { + position: absolute; + top: 4px; + right: 0; + color: var(--yt-swatch-important-text, var(--yt-white)); + background-color: var(--yt-spec-brand-button-background); + width: 18px; + height: 18px; + border-radius: 50%; + line-height: 18px; + font-size: 10px; + text-align: center; + cursor: pointer; + } + + #blue-info-notification-icon.ytd-notification-topbar-button-renderer { + color: var(--yt-spec-call-to-action); + position: absolute; + top: 4px; + right: 0; + height: 18px; + width: 18px; + } + + paper-button.ytd-notification-topbar-button-renderer { + display: inline-block; + text-align: center; + font-family: inherit; + } + + ytd-notification-topbar-button-renderer { + display: inline-block; + text-transform: uppercase; + } + + ytd-notification-topbar-button-renderer.force-icon-button a.ytd-notification-topbar-button-renderer { + cursor: pointer; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + ytd-notification-topbar-button-renderer[disabled] a.ytd-notification-topbar-button-renderer:focus { + outline: none; + } + + ytd-notification-topbar-button-renderer[is-icon-button][has-no-text] { + font-size: 0; + } + + a.ytd-notification-topbar-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + a.yt-simple-endpoint.ytd-notification-topbar-button-renderer { + color: inherit; + border-radius: inherit; + text-decoration: none; + } + + ytd-notification-topbar-button-renderer[is-paper-button] { + border-radius: var(--yt-button-border-radius, 3px); + margin: var(--yt-button-margin, 0 0.29em); + } + + ytd-notification-topbar-button-renderer[is-paper-button][disabled] { + color: var(--yt-spec-text-disabled); + background-color: transparent; + } + + ytd-notification-topbar-button-renderer[is-icon-button][disabled] { + color: #9b9b9b; + } + + ytd-notification-topbar-button-renderer[is-icon-button][style-action-button] { + --yt-button-icon-padding: 6px; + } + + ytd-notification-topbar-button-renderer[is-paper-button][align-by-text]:not(:empty) { + margin-left: -16px; + } + + ytd-notification-topbar-button-renderer[is-paper-button][button-size=size-large] { + line-height: 24px; + } + + paper-button.ytd-notification-topbar-button-renderer { + width: var(--yt-paper-button-width, auto); + height: var(--yt-paper-button-height, auto); + border-radius: inherit; + margin: 0; + padding: var(--yt-button-padding, 0.7em 0.57em); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + ; + } + + ytd-notification-topbar-button-renderer[start-justified] paper-button.ytd-notification-topbar-button-renderer { + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + + ytd-notification-topbar-button-renderer[vertically-aligned] paper-button.ytd-notification-topbar-button-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #button.ytd-notification-topbar-button-renderer { + color: var(--yt-button-color); + background-color: var(--yt-button-background-color); + } + + ytd-notification-topbar-button-renderer #button.ytd-notification-topbar-button-renderer { + color: var(--yt-button-color, inherit); + background-color: transparent; + text-transform: inherit; + } + + button.ytd-notification-topbar-button-renderer,yt-icon-button.ytd-notification-topbar-button-renderer { + padding: 1px 6px; + } + + yt-icon-button.ytd-notification-topbar-button-renderer { + width: var(--yt-button-icon-size, 40px); + height: var(--yt-button-icon-size, 40px); + color: var(--yt-endpoint-color, var(--yt-luna-black)); + } + + yt-icon-button.ytd-notification-topbar-button-renderer::-moz-focus-inner { + padding: 0; + margin: 0; + border: 0; + } + + yt-icon-button.ytd-notification-topbar-button-renderer[disabled] { + color: var(--yt-button-disabled-color, rgba(17, 17, 17, 0.2)); + } + + yt-icon-button.ytd-notification-topbar-button-renderer { + line-height: 1; + padding: var(--yt-button-icon-padding, 8px); + width: var(--yt-button-icon-size, var(--yt-icon-width, 40px)); + height: var(--yt-button-icon-size, var(--yt-icon-height, 40px)); + } + + yt-icon-button.ytd-notification-topbar-button-renderer > yt-icon.ytd-notification-topbar-button-renderer { + width: 100%; + height: 100%; + } + + #button.ytd-notification-topbar-button-renderer yt-icon.ytd-notification-topbar-button-renderer + yt-formatted-string.ytd-notification-topbar-button-renderer { + margin-left: var(--yt-string-icon-padding, 8px); + } + + #button.ytd-notification-topbar-button-renderer yt-formatted-string.ytd-notification-topbar-button-renderer + yt-icon.ytd-notification-topbar-button-renderer { + margin-left: var(--yt-button-icon-padding, 8px); + } + + ytd-notification-topbar-button-renderer[vertically-aligned] #button.ytd-notification-topbar-button-renderer yt-icon.ytd-notification-topbar-button-renderer + yt-formatted-string.ytd-notification-topbar-button-renderer { + margin-left: 0; + margin-top: var(--yt-string-icon-padding, 4px); + } + + ytd-notification-topbar-button-renderer[vertically-aligned] #button.ytd-notification-topbar-button-renderer yt-formatted-string.ytd-notification-topbar-button-renderer + yt-icon.ytd-notification-topbar-button-renderer { + margin-left: 0; + margin-top: var(--yt-button-icon-padding, 4px); + } + + yt-pdg-buy-flow-header-renderer { + display: block; + color: var(--yt-spec-text-primary); + min-height: 172px; + min-width: 512px; + box-sizing: border-box; + padding: 0 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #text-container.yt-pdg-buy-flow-header-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #img-container.yt-pdg-buy-flow-header-renderer { + position: relative; + width: 132px; + } + + yt-img-shadow.yt-pdg-buy-flow-header-renderer { + position: absolute; + width: 132px; + height: 147px; + bottom: 0; + } + + #title.yt-pdg-buy-flow-header-renderer { + display: block; + margin: 8px 0; + max-width: 300px; + color: var(--yt-spec-text-primary); + font-family: "YT SANS"; + font-size: 3.2rem; + font-weight: 500; + line-height: 3.8rem; + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + yt-super-vod-buy-flow-content-renderer { + color: var(--yt-spec-text-secondary); + } + + #buy-button.yt-super-vod-buy-flow-content-renderer { + margin-left: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + yt-formatted-string.yt-super-vod-buy-flow-content-renderer + #comment-preview.yt-super-vod-buy-flow-content-renderer { + margin-top: 16px; + } + + #selectable-items.yt-super-vod-buy-flow-content-renderer { + margin-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #selectable-items.yt-super-vod-buy-flow-content-renderer ytd-pdg-super-vod-selectable-item-button-renderer.yt-super-vod-buy-flow-content-renderer { + margin-right: 12px; + } + + #selectable-items.yt-super-vod-buy-flow-content-renderer ytd-pdg-super-vod-selectable-item-button-renderer.yt-super-vod-buy-flow-content-renderer:last-child { + margin-right: 0; + } + + yt-super-vod-buy-flow-content-renderer[single-price] #selectable-items.yt-super-vod-buy-flow-content-renderer,yt-super-vod-buy-flow-content-renderer[multi-price] #footer.yt-super-vod-buy-flow-content-renderer { + display: none; + } + + #footer.yt-super-vod-buy-flow-content-renderer { + display: flex; + justify-content: flex-end; + margin-top: 24px; + } + + ytd-pdg-comment-preview-renderer { + position: relative; + } + + #container.ytd-pdg-comment-preview-renderer { + padding: 12px 16px; + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 2px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #title-background.ytd-pdg-comment-preview-renderer { + background-color: var(--yt-spec-brand-background-solid); + position: absolute; + top: -0.85rem; + } + + #title.ytd-pdg-comment-preview-renderer { + color: var(--yt-spec-text-secondary); + padding: 4px; + border-radius: 2px; + background-color: var(--yt-spec-badge-chip-background); + white-space: nowrap; + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + yt-img-shadow.ytd-pdg-comment-preview-renderer { + margin-right: 16px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + #header.ytd-pdg-comment-preview-renderer { + display: flex; + } + + #channel-name.ytd-pdg-comment-preview-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.3rem; + font-weight: 500; + line-height: 1.8rem; + } + + #published-time-text.ytd-pdg-comment-preview-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #comment.ytd-pdg-comment-preview-renderer { + margin-top: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #content.ytd-pdg-comment-preview-renderer { + color: var(--yt-spec-text-primary); + margin-top: 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .fadein.ytd-pdg-comment-preview-renderer { + animation: fadein 1s; + } + + .fadeout.ytd-pdg-comment-preview-renderer { + animation: fadeout 1s; + } + + @keyframes fadein { + from { + opacity: 0; + } + + to { + opacity: 1; + } + + } + + @keyframes fadeout { + from { + opacity: 1; + } + + to { + opacity: 0; + } + + } + + ytd-pdg-super-vod-selectable-item-button-renderer { + display: flex; + position: relative; + cursor: pointer; + border-radius: 24px; + box-sizing: border-box; + --yt-img-border-radius: 4px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + ytd-pdg-super-vod-selectable-item-button-renderer:focus { + outline: 1px solid var(--yt-spec-call-to-action-button-focus-outline); + } + + ytd-pdg-super-vod-selectable-item-button-renderer[selected] { + border: 2px solid #065fd4; + } + + #price.ytd-pdg-super-vod-selectable-item-button-renderer { + border-radius: 2px; + padding: 4px; + background-color: var(--yt-pdg-super-vod-selectable-item-button-chip-background-color); + margin: 8px 0; + color: var(--yt-pdg-super-vod-selectable-item-button-chip-font-color); + font-size: var(--yt-badge-font-size, 1.2rem); + font-weight: 500; + line-height: var(--yt-badge-line-height-size, 1.2rem); + } + + ytd-desktop-image-overlay-renderer { + width: 100%; + } + + #container.ytd-desktop-image-overlay-renderer { + width: 100%; + height: 100%; + } + + yt-img-shadow.ytd-desktop-image-overlay-renderer { + position: fixed; + bottom: 0; + left: 0; + right: 0; + } + + ytd-pdg-buy-flow-renderer[dialog][dialog][dialog] { + --divider-color: var(--yt-spec-10-percent-layer); + background-color: var(--yt-spec-brand-background-primary); + padding: 0px; + margin: 0px; + min-width: 400px; + max-width: 512px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #content.ytd-pdg-buy-flow-renderer { + padding: 24px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + ytd-add-to-playlist-create-renderer { + --paper-input-container_-_padding: 0; --paper-input-container_-_height: initial;; + --paper-input-container-color: var(--yt-spec-text-primary); + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + display: block; + } + + #actions.ytd-add-to-playlist-create-renderer { + padding: 12px 8px 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #create-playlist-form.ytd-add-to-playlist-create-renderer { + padding-top: 16px; + } + + ytd-dropdown-renderer.ytd-add-to-playlist-create-renderer { + padding: 0 24px; + padding-top: 18px; + margin-bottom: -2px; + } + + ytd-badge-supported-renderer.ytd-add-to-playlist-create-renderer { + padding: 0 24px; + padding-top: 18px; + margin-bottom: -2px; + } + + #privacy-button.ytd-add-to-playlist-create-renderer { + padding: 0 8px; + padding-top: 18px; + margin-bottom: -2px; + } + + yt-text-input-form-field-renderer.ytd-add-to-playlist-create-renderer { + --yt-text-input-form-field-underline-color: var(--yt-spec-text-secondary); + } + + yt-text-input-form-field-renderer.ytd-add-to-playlist-create-renderer { + --paper-input-container-underline-color: var(--yt-spec-text-secondary); + padding: 0 24px; + } + + ytd-compact-link-renderer.ytd-add-to-playlist-create-renderer { + --yt-compact-link-paper-item-padding: 4px 24px; + --yt-compact-link-icon-width: 32px; + } + + ytd-add-to-playlist-renderer:not([dialog]) { + display: inline-block; + background: var(--yt-spec-brand-background-primary); + width: 300px; + overflow: visible; + box-shadow: var(--shadow-elevation-16dp_-_box-shadow); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-add-to-playlist-renderer[dialog] { + min-width: 300px; + margin: 0; + padding: 0; + overflow: auto; + } + + #header.ytd-add-to-playlist-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #title.ytd-add-to-playlist-renderer { + color: var(--yt-spec-text-primary); + padding: 16px 24px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #playlists.ytd-add-to-playlist-renderer { + padding: 16px 24px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + overflow: visible; + } + + ytd-add-to-playlist-renderer[dialog] #playlists.ytd-add-to-playlist-renderer,#playlists.scrollable.ytd-add-to-playlist-renderer { + overflow: auto; + } + + ytd-add-to-playlist-renderer[dialog] #playlists.ytd-add-to-playlist-renderer { + max-height: 300px; + max-width: 600px; + } + + #playlists.ytd-add-to-playlist-renderer > *.ytd-add-to-playlist-renderer:not(:last-child) { + margin-bottom: 8px; + } + + ytd-add-to-playlist-renderer[increased-tap-target] #playlists.ytd-add-to-playlist-renderer > *.ytd-add-to-playlist-renderer:not(:last-child) { + margin-bottom: 16px; + } + + ytd-add-to-playlist-renderer[dialog] #close-button.ytd-add-to-playlist-renderer { + margin-right: 20px; + color: var(--yt-spec-icon-inactive); + } + + ytd-add-to-playlist-renderer[dialog] #close-button.ytd-add-to-playlist-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + ytd-playlist-add-to-option-renderer { + display: block; + } + + a.ytd-playlist-add-to-option-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #label.ytd-playlist-add-to-option-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #label.checkbox-height.ytd-playlist-add-to-option-renderer { + line-height: 24px; + } + + #byline.ytd-playlist-add-to-option-renderer { + --yt-endpoint-color: var(--yt-spec-text-secondary); + --yt-endpoint-visited-color: var(--yt-spec-text-secondary); + white-space: pre-wrap; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + paper-checkbox.ytd-playlist-add-to-option-renderer { + --paper-checkbox-vertical-align: top; + --paper-checkbox-margin: 3px; + --paper-checkbox-label_-_min-width: 0; --paper-checkbox-label_-_-ms-flex: var(--layout-flex_-_-ms-flex); --paper-checkbox-label_-_-webkit-flex: var(--layout-flex_-_-webkit-flex); --paper-checkbox-label_-_flex: var(--layout-flex_-_flex); --paper-checkbox-label_-_-webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); --paper-checkbox-label_-_flex-basis: var(--layout-flex_-_flex-basis); --paper-checkbox-label_-_margin-right: initial; --paper-checkbox-label_-_font-size: initial; --paper-checkbox-label_-_font-weight: initial; --paper-checkbox-label_-_line-height: initial; --paper-checkbox-label_-_letter-spacing: initial;; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #checkbox-container.ytd-playlist-add-to-option-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #checkbox-label.ytd-playlist-add-to-option-renderer { + min-width: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + yt-icon.ytd-playlist-add-to-option-renderer { + margin-left: 4px; + color: var(--yt-spec-icon-inactive); + height: 18px; + width: 18px; + padding-top: 3px; + } + + ytd-mealbar-promo-renderer { + max-width: 648px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-mealbar-promo-renderer[dialog][dialog][dialog] { + padding: 0; + margin: 0; + } + + ytd-mealbar-promo-renderer[has-full-height-image_] { + height: 192px; + } + + #main.ytd-mealbar-promo-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #icon.ytd-mealbar-promo-renderer { + --yt-img-max-height: 192px; + margin: none; + } + + #alternate-icon.ytd-mealbar-promo-renderer { + margin: 28px; + width: 160px; + height: 160px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .ytd-mealbar-promo-renderer-message-title.ytd-mealbar-promo-renderer { + margin: 24px 0 0 0; + padding: 0 24px; + } + + .ytd-mealbar-promo-renderer-message-text.ytd-mealbar-promo-renderer { + display: block; + color: var(--yt-spec-text-secondary); + margin: 16px 0 32px; + padding: 0 24px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .button-container.ytd-mealbar-promo-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: 8px; + } + + .button-container.ytd-mealbar-promo-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + .ytd-mealbar-promo-renderer-message-title.ytd-mealbar-promo-renderer { + display: block; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + ytd-red-cancel-survey-renderer[dialog][dialog][dialog] { + background: var(--yt-spec-brand-background-primary); + color: var(--yt-spec-text-primary); + margin: 0; + padding: 0; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #content.ytd-red-cancel-survey-renderer { + padding: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #question.ytd-red-cancel-survey-renderer { + color: var(--yt-spec-text-primary); + padding-bottom: 20px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #responses.ytd-red-cancel-survey-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #responses.ytd-red-cancel-survey-renderer paper-radio-button.ytd-red-cancel-survey-renderer { + height: 40px; + padding: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .buttons.ytd-red-cancel-survey-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + position: relative; + padding: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-align-self: stretch; + -webkit-align-self: stretch; + align-self: stretch; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .buttons.ytd-red-cancel-survey-renderer ytd-button-renderer.ytd-red-cancel-survey-renderer { + padding-left: 8px; + } + + paper-radio-button.ytd-red-cancel-survey-renderer { + padding: 12px 0 0; + } + + ytd-transfer-channel-confirm-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + width: 725px; + } + + ytd-transfer-channel-confirm-dialog-renderer[dialog][dialog][dialog] { + padding: 0; + margin: 0; + } + + #header.ytd-transfer-channel-confirm-dialog-renderer { + width: 100%; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + padding: 20px; + } + + #title.ytd-transfer-channel-confirm-dialog-renderer { + display: block; + width: 100%; + color: var(--yt-spec-text-primary); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #content.ytd-transfer-channel-confirm-dialog-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + padding-left: 20px; + } + + #sections.ytd-transfer-channel-confirm-dialog-renderer { + width: 100%; + margin-top: 12px; + } + + ytd-item-section-renderer.ytd-transfer-channel-confirm-dialog-renderer { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #messages.ytd-transfer-channel-confirm-dialog-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + padding-top: 20px; + padding-bottom: 20px; + } + + .line-text.ytd-transfer-channel-confirm-dialog-renderer:not(:last-of-type) { + display: block; + margin-bottom: 8px; + } + + #confirm.ytd-transfer-channel-confirm-dialog-renderer { + padding-bottom: 20px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #confirm-text.ytd-transfer-channel-confirm-dialog-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #buttons.ytd-transfer-channel-confirm-dialog-renderer { + width: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + height: 52px; + } + + ytd-membership-post-cancel-renderer[dialog][dialog][dialog] { + background-color: var(--yt-spec-brand-background-primary); + padding: 0px; + margin: 0px; + max-width: 500px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #header.ytd-membership-post-cancel-renderer { + background-size: cover; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .avatar-support.ytd-membership-post-cancel-renderer { + padding-bottom: 8px; + padding-top: 8px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .avatar.ytd-membership-post-cancel-renderer { + height: 56px; + width: 56px; + margin-left: 8px; + margin-right: 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .membership-icon.ytd-membership-post-cancel-renderer { + height: 24px; + width: 24px; + color: var(--yt-spec-icon-inactive); + } + + .header-title.ytd-membership-post-cancel-renderer { + margin: 24px 24px 16px 24px; + color: var(--yt-spec-text-primary); + font-size: 1.8rem; + line-height: 2.4rem; + font-weight: 500; + } + + .messages.ytd-membership-post-cancel-renderer { + margin-left: 24px; + margin-right: 24px; + margin-bottom: 24px; + color: var(--yt-spec-text-secondary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .footer.ytd-membership-post-cancel-renderer { + padding-top: 8px; + padding-bottom: 4px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #okay-button.ytd-membership-post-cancel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + ytd-sponsorship-confirm-cancel-renderer[dialog][dialog][dialog] { + --divider-color: var(--yt-spec-10-percent-layer); + background-color: var(--yt-spec-brand-background-primary); + padding: 0px; + margin: 0px; + max-width: 500px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #header.ytd-sponsorship-confirm-cancel-renderer { + background-size: cover; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #dismiss-button.ytd-sponsorship-confirm-cancel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + #dismiss-button.ytd-sponsorship-confirm-cancel-renderer paper-icon-button.ytd-sponsorship-confirm-cancel-renderer { + color: var(--yt-spec-icon-inactive); + width: var(--yt-button-icon-size, 40px); + height: var(--yt-button-icon-size, 40px); + } + + #title.ytd-sponsorship-confirm-cancel-renderer { + color: var(--yt-spec-text-primary); + font-size: 1.8rem; + line-height: 2.4rem; + font-weight: 500; + } + + #description.ytd-sponsorship-confirm-cancel-renderer { + padding-top: 8px; + padding-bottom: 8px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #content.ytd-sponsorship-confirm-cancel-renderer { + margin: 24px 24px 8px 24px; + max-height: 720px; + } + + .avatar-support.ytd-sponsorship-confirm-cancel-renderer { + margin-top: -24px; + padding-bottom: 16px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .avatar.ytd-sponsorship-confirm-cancel-renderer { + height: 56px; + width: 56px; + margin-left: 8px; + margin-right: 8px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .membership-icon.ytd-sponsorship-confirm-cancel-renderer { + height: 24px; + width: 24px; + color: var(--yt-spec-icon-inactive); + } + + #scrollable.ytd-sponsorship-confirm-cancel-renderer { + --paper-dialog-scrollable_-_padding: 0px; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + margin-bottom: 2px; + } + + .footer.ytd-sponsorship-confirm-cancel-renderer { + padding-top: 8px; + padding-bottom: 4px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + #confirm-button.ytd-sponsorship-confirm-cancel-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + ytd-sponsorships-celebration-renderer[dialog][dialog][dialog] { + background-color: var(--yt-spec-brand-background-primary); + padding: 0px; + margin: 0px; + min-width: 400px; + max-width: 512px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #header.ytd-sponsorships-celebration-renderer { + padding: 0 48px; + background-repeat: no-repeat; + background-size: cover; + background-position: top right; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #dismiss-button.ytd-sponsorships-celebration-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #dismiss-button.ytd-sponsorships-celebration-renderer ytd-button-renderer.ytd-sponsorships-celebration-renderer { + padding: 6px; + color: var(--yt-spec-icon-inactive); + } + + #top-bar.ytd-sponsorships-celebration-renderer { + position: absolute; + left: 0; + right: 0; + } + + #avatar-container.ytd-sponsorships-celebration-renderer { + min-height: 224px; + min-width: 256px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .avatar.ytd-sponsorships-celebration-renderer { + height: 128px; + width: 128px; + margin-top: 24px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .title-container.ytd-sponsorships-celebration-renderer { + margin: auto; + flex-grow: 1; + padding: 0 24px 32px 24px; + } + + .title-container.ytd-sponsorships-celebration-renderer yt-formatted-string.ytd-sponsorships-celebration-renderer { + display: block; + padding: 4px 0; + text-align: center; + } + + .title-container.ytd-sponsorships-celebration-renderer yt-formatted-string.title.ytd-sponsorships-celebration-renderer { + font-size: 2.8rem; + font-weight: 400; + line-height: 3.2rem; + font-weight: 600; + } + + .title-container.ytd-sponsorships-celebration-renderer yt-formatted-string.subtitle.ytd-sponsorships-celebration-renderer { + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + #content.ytd-sponsorships-celebration-renderer { + padding: 32px 64px 0 64px; + } + + #content.ytd-sponsorships-celebration-renderer ytd-sponsorships-list-tile-renderer.ytd-sponsorships-celebration-renderer { + max-width: 450px; + height: auto; + margin-bottom: 12px; + margin-left: 4px; + margin-right: 4px; + } + + #button-bar.ytd-sponsorships-celebration-renderer { + padding: 8px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #primary-button.ytd-sponsorships-celebration-renderer { + flex: 0; + } + + #secondary-button.ytd-sponsorships-celebration-renderer { + flex: 1; + } + + ytd-sponsorships-offer-renderer[dialog][dialog][dialog] { + --divider-color: var(--yt-spec-10-percent-layer); + background-color: var(--yt-spec-brand-background-primary); + padding: 0px; + margin: 0px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + min-width: 480px; + max-width: 608px; + width: 90vw; + } + + #scroller.ytd-sponsorships-offer-renderer { + max-height: 644px; + height: 90vh; + } + + #header.ytd-sponsorships-offer-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + height: 315px; + position: relative; + } + + .header-with-video.ytd-sponsorships-offer-renderer { + margin: 0 24px; + } + + ytd-button-renderer.ytd-sponsorships-offer-renderer { + color: var(--yt-spec-icon-inactive); + display: inline-block; + } + + ytd-button-renderer.ytd-sponsorships-offer-renderer:hover { + color: var(--yt-spec-icon-active-other); + } + + #top-bar.ytd-sponsorships-offer-renderer { + padding: 8px 16px 8px 24px; + color: var(--yt-spec-text-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #titlebar-text.ytd-sponsorships-offer-renderer { + padding: 10px 0; + width: 100%; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .sponsorships-icon.ytd-sponsorships-offer-renderer { + height: 36px; + width: 36px; + color: var(--yt-spec-themed-green); + margin: 8px; + } + + #avatar-container.ytd-sponsorships-offer-renderer { + height: 144px; + width: 144px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + margin: auto; + margin-left: 0; + } + + .avatar.ytd-sponsorships-offer-renderer { + height: 96px; + width: 96px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + } + + .title-container.ytd-sponsorships-offer-renderer { + padding: 0 24px; + color: var(--yt-spec-static-brand-black); + } + + .title-container-without-video.ytd-sponsorships-offer-renderer { + color: var(--yt-spec-static-brand-black); + } + + .title-container-with-video.ytd-sponsorships-offer-renderer { + color: var(--yt-spec-static-brand-white); + } + + #header-overlay.ytd-sponsorships-offer-renderer { + z-index: 1; + width: 100%; + position: relative; + } + + .header-overlay-transition.ytd-sponsorships-offer-renderer { + transition: opacity 500ms; + opacity: 0; + } + + #youtube-red-icon.ytd-sponsorships-offer-renderer { + position: absolute; + height: 70px; + width: 70px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + #header-title-overlay.ytd-sponsorships-offer-renderer { + height: 100%; + width: 100%; + display: flex; + flex-direction: column; + justify-content: flex-end; + position: absolute; + } + + #background-image-layer.ytd-sponsorships-offer-renderer { + height: 100%; + background-repeat: no-repeat; + background-size: cover; + background-position: top right; + z-index: -1; + } + + .background-image-layer-with-video.ytd-sponsorships-offer-renderer { + opacity: 0.05; + } + + #video-container.ytd-sponsorships-offer-renderer { + position: absolute; + align-self: center; + height: 100%; + width: 100%; + } + + .header-overlay-with-video.ytd-sponsorships-offer-renderer { + background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.65) 100%); + } + + .title-container.ytd-sponsorships-offer-renderer yt-formatted-string.ytd-sponsorships-offer-renderer { + display: block; + } + + .title-container.ytd-sponsorships-offer-renderer yt-formatted-string.channel-title.ytd-sponsorships-offer-renderer { + font-family: "YT SANS"; + width: 212px; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + .title-container.ytd-sponsorships-offer-renderer yt-formatted-string.title.ytd-sponsorships-offer-renderer { + -webkit-line-clamp: 2; + margin-top: 2px; + width: 380px; + overflow: hidden; + max-height: 7.8rem; + font-family: "YT SANS"; + font-size: 3.2rem; + font-weight: 500; + line-height: 3.8rem; + -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: normal; + display: -webkit-box; + } + + .title-container.ytd-sponsorships-offer-renderer yt-formatted-string.subtitle.ytd-sponsorships-offer-renderer { + margin-top: 12px; + margin-bottom: 28px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #scroller.ytd-sponsorships-offer-renderer { + --paper-dialog-scrollable_-_padding: 0px; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + margin-bottom: 2px; + } + + #content.ytd-sponsorships-offer-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #tier-overview.ytd-sponsorships-offer-renderer { + width: 220px; + margin-top: 16px; + flex-shrink: 0; + margin-right: 16px; + } + + #tier.ytd-sponsorships-offer-renderer { + width: 100%; + padding: 24px; + } + + .offer-overview-item.ytd-sponsorships-offer-renderer { + display: block; + width: 100%; + padding: 11px 24px; + font-family: inherit; + background: transparent; + border: none; + outline: none; + text-align: left; + cursor: pointer; + } + + .offer-overview-item.ytd-sponsorships-offer-renderer:not(:last-of-type) { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + .offer-overview-item.selected.ytd-sponsorships-offer-renderer { + background-color: var(--yt-spec-badge-chip-background); + } + + .offer-overview-item.ytd-sponsorships-offer-renderer yt-formatted-string.ytd-sponsorships-offer-renderer { + display: block; + } + + .offer-overview-item.ytd-sponsorships-offer-renderer yt-formatted-string.title.ytd-sponsorships-offer-renderer { + color: var(--yt-spec-text-primary); + font-family: "YT SANS"; + font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); + } + + .offer-overview-item.ytd-sponsorships-offer-renderer yt-formatted-string.subtitle.ytd-sponsorships-offer-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + ytd-sponsorships-alert-renderer.ytd-sponsorships-offer-renderer { + padding: 16px; + } + + .header-with-video.ytd-sponsorships-offer-renderer + #alert-renderer.ytd-sponsorships-offer-renderer { + margin-top: 24px; + } + + ytd-sponsorships-promotion-celebration-renderer[dialog][dialog][dialog] { + margin: 0; + padding: 0; + } + + ytd-sponsorships-promotion-celebration-renderer { + background-color: var(--yt-spec-brand-background-solid); + justify-content: space-between; + width: 612px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #scroller.ytd-sponsorships-promotion-celebration-renderer { + --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + } + + #header.ytd-sponsorships-promotion-celebration-renderer { + position: relative; + min-height: 400px; + padding: 40px 100px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #dismiss-button.ytd-sponsorships-promotion-celebration-renderer { + margin-right: 16px; + margin-top: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + #dismiss-button.ytd-sponsorships-promotion-celebration-renderer paper-icon-button.ytd-sponsorships-promotion-celebration-renderer { + color: var(--yt-spec-text-primary); + width: var(--yt-button-icon-size, 40px); + height: var(--yt-button-icon-size, 40px); + } + + .premium-icon.ytd-sponsorships-promotion-celebration-renderer { + height: 24px; + margin-bottom: 24px; + width: 114px; + } + + .illustration.ytd-sponsorships-promotion-celebration-renderer { + margin-bottom: 24px; + } + + yt-formatted-string.title.ytd-sponsorships-promotion-celebration-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: 12px; + font-family: YTSans, Arial, sans-serif; + font-size: 2.8rem; + font-weight: bold; + line-height: 3.2rem; + } + + yt-formatted-string.subtitle.ytd-sponsorships-promotion-celebration-renderer { + color: var(--yt-spec-text-secondary); + font-size: 1.4rem; + line-height: 2rem; + } + + #content.ytd-sponsorships-promotion-celebration-renderer { + position: relative; + } + + #content-background.ytd-sponsorships-promotion-celebration-renderer { + overflow: hidden; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #abstract-art.ytd-sponsorships-promotion-celebration-renderer { + --yt-img-shadow-min-height: 100%; + --yt-img-max-height: 100%; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #subcontent.ytd-sponsorships-promotion-celebration-renderer { + padding: 0px 100px; + position: relative; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .banner-shade.ytd-sponsorships-promotion-celebration-renderer { + background-color: rgba(255, 255, 255, 0.85); + } + + .channel-image.ytd-sponsorships-promotion-celebration-renderer { + margin: 20px 0px 20px 0px; + height: 52px; + margin-top: 20px; + width: 52px; + border-radius: 50%; + background-color: transparent; + overflow: hidden; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .channel-info.ytd-sponsorships-promotion-celebration-renderer { + margin: 20px 0px 20px 12px; + overflow: hidden; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 auto; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; + } + + .channel-info-title.ytd-sponsorships-promotion-celebration-renderer { + color: var(--yt-spec-static-brand-black); + font-size: 1.4rem; + font-weight: 500; + line-height: var(--yt-guide-highlight-line-height, 1.8rem); + } + + .channel-title.ytd-sponsorships-promotion-celebration-renderer { + color: var(--yt-spec-static-brand-black); + font-size: 1.4rem; + line-height: 2rem; + } + + .membership-detail.ytd-sponsorships-promotion-celebration-renderer { + color: var(--yt-spec-static-brand-black); + font-size: 1.4rem; + line-height: 2rem; + } + + #button-bar.ytd-sponsorships-promotion-celebration-renderer { + border-top: 1px solid #ccc; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #primary-button.ytd-sponsorships-promotion-celebration-renderer { + --yt-button-color: var(--yt-spec-static-brand-black); + margin: 8px; + -ms-align-self: flex-end; + -webkit-align-self: flex-end; + align-self: flex-end; + } + + ytd-subscription-notification-options-renderer[dialog][dialog][dialog] { + --paper-radio-button-label_-_width: 100%; --paper-radio-button-label_-_display: initial; --paper-radio-button-label_-_-ms-flex-direction: initial; --paper-radio-button-label_-_-webkit-flex-direction: initial; --paper-radio-button-label_-_flex-direction: initial; --paper-radio-button-label_-_-ms-flex-align: initial; --paper-radio-button-label_-_-webkit-align-items: initial; --paper-radio-button-label_-_align-items: initial;; + background: var(--yt-spec-brand-background-primary); + margin: 0; + max-width: 688px; + padding: 0; + } + + #title.ytd-subscription-notification-options-renderer { + display: block; + color: var(--yt-spec-text-primary); + margin: 24px 0 8px; + padding: 0 24px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #body.ytd-subscription-notification-options-renderer { + margin: 0 24px 0 12px; + padding: 0; + } + + #secondary-options.ytd-subscription-notification-options-renderer:not(:empty) { + padding: 16px 0 16px 12px; + border-top: 1px solid var(--yt-spec-10-percent-layer); + } + + .buttons.ytd-subscription-notification-options-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + position: relative; + padding: 8px 8px 8px 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + .buttons.ytd-subscription-notification-options-renderer > *.ytd-subscription-notification-options-renderer { + margin-left: 8px; + } + + paper-radio-group.ytd-subscription-notification-options-renderer { + display: block; + margin-bottom: 4px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + paper-radio-button.ytd-subscription-notification-options-renderer { + --paper-radio-button-radio-container_-_-ms-flex: var(--layout-flex-none_-_-ms-flex); --paper-radio-button-radio-container_-_-webkit-flex: var(--layout-flex-none_-_-webkit-flex); --paper-radio-button-radio-container_-_flex: var(--layout-flex-none_-_flex);; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + paper-radio-button.ytd-subscription-notification-options-renderer .content.ytd-subscription-notification-options-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + paper-radio-button.ytd-subscription-notification-options-renderer .label.ytd-subscription-notification-options-renderer { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + paper-radio-button.ytd-subscription-notification-options-renderer yt-icon.ytd-subscription-notification-options-renderer { + color: var(--yt-spec-icon-inactive); + } + + paper-radio-button.iron-selected.ytd-subscription-notification-options-renderer yt-icon.ytd-subscription-notification-options-renderer { + color: var(--yt-spec-text-primary); + } + + ytd-subscription-toggle-option-renderer { + display: inline-block; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #dialog.ytd-consent-bump-lightbox { + border: 1px solid var(--yt-spec-static-overlay-background-medium); + margin: 64px 0; + overflow: hidden; + height: 100%; + min-width: 640px; + } + + ytd-consent-bump-lightbox[mandatory-consent-bump] #dialog.ytd-consent-bump-lightbox { + max-height: 550px; + border-radius: 8px; + } + + #iframe.ytd-consent-bump-lightbox { + margin: 0; + padding: 0; + height: 100%; + width: 100%; + background: var(--yt-spec-static-brand-white); + } + + ytd-consent-bump-renderer { + display: block; + box-sizing: border-box; + min-height: var(--ytd-toolbar-height); + width: 100%; + padding: 0 16px; + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #consent-shield.ytd-consent-bump-renderer { + height: 32px; + width: 32px; + margin-right: 16px; + } + + #alert-message.ytd-consent-bump-renderer { + color: var(--yt-spec-text-primary); + padding: 8px 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + @media (max-width: 656px) { + ytd-consent-bump-renderer { + padding: 0 8px; + } + + } + + ytd-tvfilm-offer-groups-renderer { + display: inline-block; + } + + .offer-header.ytd-tvfilm-offer-groups-renderer { + margin-bottom: -6px; + } + + .offer-title.ytd-tvfilm-offer-groups-renderer { + color: var(--yt-spec-text-primary); + font-size: 2.4rem; + font-weight: 400; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .offer-subtitle.ytd-tvfilm-offer-groups-renderer { + color: var(--yt-spec-text-secondary); + margin: 4px 0; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .offer-group.ytd-tvfilm-offer-groups-renderer { + margin-bottom: 20px; + } + + .offer-group.ytd-tvfilm-offer-groups-renderer:last-of-type { + margin-bottom: 0px; + } + + .offer-list.ytd-tvfilm-offer-groups-renderer { + display: flex; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + } + + .offer-button.ytd-tvfilm-offer-groups-renderer { + margin: 16px 16px 0 0; + } + + ytd-ypc-coupon-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + paper-input-container.ytd-ypc-coupon-renderer { + --paper-input-container-focus-color: var(--yt-spec-themed-blue); + --paper-input-container-underline_-_height: 0; --paper-input-container-underline_-_background: transparent; --paper-input-container-underline_-_border-bottom: 1px solid var(--ytd-metadata-line-color); --paper-input-container-underline_-_box-sizing: initial; --paper-input-container-underline_-_display: initial;; + min-height: 60px; + padding: 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + paper-input-error.ytd-ypc-coupon-renderer { + margin-top: -2px; + } + + .confirmation.ytd-ypc-coupon-renderer { + color: var(--yt-spec-themed-green); + } + + #input.ytd-ypc-coupon-renderer { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + ytd-ypc-offers-overlay-renderer[dialog][dialog][dialog] { + --ytd-paper-button-min-width: 0; + background: var(--yt-spec-brand-background-primary); + margin: 0; + max-width: 640px; + min-width: 552px; + width: fit-content; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #spinner.ytd-ypc-offers-overlay-renderer { + width: 552px; + height: 322px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + .content.ytd-ypc-offers-overlay-renderer { + margin-top: 24px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + width: fit-content; + } + + .header.ytd-ypc-offers-overlay-renderer { + margin-bottom: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .title-badge.ytd-ypc-offers-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + .thumbnail-movie.ytd-ypc-offers-overlay-renderer { + width: 156px; + height: 225px; + } + + .thumbnail-show.ytd-ypc-offers-overlay-renderer { + width: 156px; + height: 87px; + } + + .thumbnail-no-overlay-movie.ytd-ypc-offers-overlay-renderer { + height: 307px; + width: 210px; + } + + .thumbnail-no-overlay-show.ytd-ypc-offers-overlay-renderer { + height: 100%; + max-height: 215px; + width: 210px; + } + + ytd-badge-supported-renderer.ytd-ypc-offers-overlay-renderer { + margin-left: 8px; + } + + .metadata.ytd-ypc-offers-overlay-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .subtitle.ytd-ypc-offers-overlay-renderer { + color: var(--yt-spec-text-secondary); + margin-top: 4px; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + #badges.ytd-ypc-offers-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #thumbnail.ytd-ypc-offers-overlay-renderer { + position: relative; + flex-grow: 0; + flex-shrink: 0; + } + + #thumbnail-commerce-section.ytd-ypc-offers-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #commerce-section.ytd-ypc-offers-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + .commerce-section-groups.ytd-ypc-offers-overlay-renderer { + margin-left: 24px; + align-self: center; + flex-grow: 1; + } + + .commerce-section-tabs.ytd-ypc-offers-overlay-renderer { + margin-left: 16px; + min-height: 246px; + width: 400px; + } + + .standard-text.ytd-ypc-offers-overlay-renderer { + color: var(--ytd-metadata-line-color, var(--yt-spec-text-secondary)); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .info-section.ytd-ypc-offers-overlay-renderer { + margin-top: 12px; + line-height: 24px; + } + + #help-button.ytd-ypc-offers-overlay-renderer { + --yt-button-padding: 8px 0; + } + + .footer.ytd-ypc-offers-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + .content-dismiss-section.ytd-ypc-offers-overlay-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + width: fit-content; + min-width: 552px; + } + + .title-with-offer-groups.ytd-ypc-offers-overlay-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-navbar-title-font-size, 1.8rem); + font-weight: 400; + line-height: var(--yt-navbar-title-line-height, 2.4rem); + } + + .dismiss-button.ytd-ypc-offers-overlay-renderer { + margin: -8px -8px 0 0; + } + + ytd-voice-search-dialog-renderer[dialog] { + display: inline-block; + width: 560px; + height: 400px; + margin: 0; + padding: 0 0 16px 32px; + background-color: var(--yt-spec-brand-background-primary); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + ytd-voice-search-dialog-renderer:focus { + outline-style: solid; + } + + #header.ytd-voice-search-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #exit-button.ytd-voice-search-dialog-renderer { + margin: 8px; + } + + #header-text.ytd-voice-search-dialog-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--yt-channel-title-font-size, 2.4rem); + font-weight: 400; + line-height: var(--yt-channel-line-height, 3rem); + padding: 48px 0 24px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #prompt.ytd-voice-search-dialog-renderer,#transcription-high.ytd-voice-search-dialog-renderer,#transcription-low.ytd-voice-search-dialog-renderer { + display: inline-block; + } + + #transcription-low.ytd-voice-search-dialog-renderer { + color: var(--yt-spec-text-disabled); + } + + #body.ytd-voice-search-dialog-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + .body-line.ytd-voice-search-dialog-renderer { + padding-bottom: 16px; + } + + #microphone.ytd-voice-search-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + paper-spinner-lite.ytd-voice-search-dialog-renderer { + --paper-spinner-color: var(--yt-spec-brand-button-background); + --paper-spinner-stroke-width: 5px; + display: none; + width: 68px; + height: 68px; + margin: 16px; + } + + #microphone-container.ytd-voice-search-dialog-renderer { + position: relative; + height: 100px; + width: 100px; + margin-top: 16px; + } + + #microphone-pulse.ytd-voice-search-dialog-renderer,#microphone-levels.ytd-voice-search-dialog-renderer,#microphone-circle.ytd-voice-search-dialog-renderer { + position: absolute; + top: 16px; + left: 16px; + border-radius: 50%; + width: 68px; + height: 68px; + } + + #microphone-pulse.ytd-voice-search-dialog-renderer { + width: 66px; + height: 66px; + border: 1px solid var(--yt-spec-10-percent-layer); + opacity: 0; + } + + #microphone.ytd-voice-search-dialog-renderer[state=listening] #microphone-pulse.ytd-voice-search-dialog-renderer { + animation: pulse-listening 1.3s infinite; + opacity: 1; + } + + #microphone-levels.ytd-voice-search-dialog-renderer { + background-color: var(--yt-spec-10-percent-layer); + transition: opacity 0.218s; + } + + #microphone-circle.ytd-voice-search-dialog-renderer { + background-color: var(--yt-spec-brand-button-background); + outline: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #microphone-circle.ytd-voice-search-dialog-renderer yt-icon.ytd-voice-search-dialog-renderer { + width: 40px; + height: 40px; + color: var(--yt-spec-static-brand-white); + } + + #microphone.ytd-voice-search-dialog-renderer[state=try-again] #microphone-circle.ytd-voice-search-dialog-renderer { + background-color: var(--yt-spec-10-percent-layer); + cursor: pointer; + } + + #microphone.ytd-voice-search-dialog-renderer[state=try-again] #microphone-circle.ytd-voice-search-dialog-renderer yt-icon.ytd-voice-search-dialog-renderer { + color: var(--yt-spec-icon-active-other); + } + + #microphone.ytd-voice-search-dialog-renderer[state=processing] paper-spinner-lite.ytd-voice-search-dialog-renderer { + display: block; + } + + #microphone.ytd-voice-search-dialog-renderer[state=processing] #microphone-container.ytd-voice-search-dialog-renderer { + display: none; + } + + #microphone-label.ytd-voice-search-dialog-renderer { + height: 24px; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + @keyframes pulse-listening { + 0% { + transform: scale(1); + opacity: 1; + } + + 100% { + transform: scale(2); + opacity: 0; + } + + } + + ytd-voice-search-dialog-renderer[no-animations] #microphone.ytd-voice-search-dialog-renderer[state=listening] #microphone-pulse.ytd-voice-search-dialog-renderer { + animation: none; + } + + ytd-yoodle-renderer { + display: inline-block; + } + + img.ytd-yoodle-renderer { + height: 56px; + } + + ytd-ypc-transaction-error-message-renderer[dialog][dialog][dialog] { + display: inline-block; + background-color: var(--yt-spec-brand-background-primary); + padding: 0px; + margin: 0px; + width: 380px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + .error-messages.ytd-ypc-transaction-error-message-renderer { + color: var(--yt-spec-text-secondary); + margin: 24px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #container.ytd-searchbox > [slot=search-input] { + width: 100%; + } + + #search-form.ytd-searchbox { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #container.ytd-searchbox { + position: relative; + align-items: center; + background-color: var(--yt-searchbox-background); + border: 1px solid var(--ytd-searchbox-legacy-border-color); + border-right: none; + border-radius: 2px 0 0 2px; + box-shadow: inset 0 1px 2px var(--ytd-searchbox-legacy-border-shadow-color); + color: var(--yt-searchbox-text-color); + padding: 2px 6px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + ytd-searchbox[has-focus] #container.ytd-searchbox { + border: 1px solid #1c62b9; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); + } + + #container.ytd-searchbox input.ytd-searchbox { + color: var(--yt-searchbox-text-color); + } + + #search-icon-legacy.ytd-searchbox { + cursor: pointer; + width: 65px; + border: 1px solid var(--ytd-searchbox-legacy-button-border-color); + background-color: var(--ytd-searchbox-legacy-button-color); + border-radius: 0 2px 2px 0; + margin: 0; + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + } + + #search-icon-legacy.ytd-searchbox:hover { + border-color: var(--ytd-searchbox-legacy-button-hover-border-color); + background-color: var(--ytd-searchbox-legacy-button-hover-color); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); + } + + #search-icon-legacy.ytd-searchbox:focus { + outline: none; + background-color: var(--ytd-searchbox-legacy-button-focus-color); + } + + #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox { + width: 20px; + height: 20px; + color: var(--ytd-searchbox-legacy-button-icon-color); + opacity: 0.6; + } + + #search-icon-legacy.ytd-searchbox:hover yt-icon.ytd-searchbox { + opacity: 1; + } + + ytd-topbar-logo-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #logo.ytd-topbar-logo-renderer,ytd-yoodle-renderer.ytd-topbar-logo-renderer { + padding: 0; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex: none; + -webkit-flex: none; + flex: none; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-align-self: center; + -webkit-align-self: center; + align-self: center; + } + + [dir="rtl"] .ytd-topbar-logo-renderer #logo.ytd-topbar-logo-renderer, .ytd-topbar-logo-renderer[dir="rtl"] #logo.ytd-topbar-logo-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + ytd-yoodle-renderer.ytd-topbar-logo-renderer { + margin: -16px; + } + + #logo-icon-container.ytd-topbar-logo-renderer { + width: 80px; + height: 24px; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #logo-red-icon-container.ytd-topbar-logo-renderer { + width: 106.4px; + } + + #logo-icon-container.ytd-topbar-logo-renderer #youtube-paths.ytd-topbar-logo-renderer path.ytd-topbar-logo-renderer { + fill: var(--yt-spec-wordmark-text); + } + + #logo-red-icon-container.ytd-topbar-logo-renderer #youtube-red-paths.ytd-topbar-logo-renderer path.ytd-topbar-logo-renderer { + fill: var(--yt-spec-wordmark-text); + } + + #country-code.ytd-topbar-logo-renderer { + color: var(--yt-spec-text-secondary); + margin: 0 0 0 2px; + } + + should_not_match,.yt-icon-container.ytd-topbar-logo-renderer { + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + vertical-align: middle; + fill: var(--iron-icon-fill-color, currentcolor); + stroke: var(--iron-icon-stroke-color, none); + width: var(--iron-icon-width, 24px); + height: var(--iron-icon-height, 24px); + margin-left: var(--iron-icon_-_margin-left); margin-bottom: var(--iron-icon_-_margin-bottom); margin-right: var(--iron-icon_-_margin-right); width: var(--iron-icon_-_width, var(--iron-icon-width, 24px)); height: var(--iron-icon_-_height, var(--iron-icon-height, 24px)); margin-top: var(--iron-icon_-_margin-top); + ; + } + + ytd-topbar-logo-renderer.external-container { + display: none !important; + } + + ytd-masthead { + --paper-input-container-input-align: baseline; + display: block; + width: 100%; + background: var(--yt-spec-brand-background-primary); + } + + #container.ytd-masthead { + height: 56px; + padding: 0 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + + #guide-button.ytd-masthead { + margin: 0 16px 0 0; + } + + #guide-icon.ytd-masthead { + color: var(--yt-spec-icon-active-other); + } + + #start.ytd-masthead { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + #center.ytd-masthead { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex: 0 1 728px; + -webkit-flex: 0 1 728px; + flex: 0 1 728px; + min-width: 0px; + } + + ytd-searchbox.ytd-masthead { + margin: 0 0 0 40px; + padding: 0 4px; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #voice-search-button.ytd-masthead:empty { + display: block; + width: 40px; + } + + #skip-navigation.ytd-masthead { + position: absolute; + top: -1000px; + background-color: var(--yt-spec-brand-background-primary); + } + + #skip-navigation.ytd-masthead:focus-within { + top: 12px; + left: 185px; + z-index: 1; + color: var(--yt-spec-text-secondary); + font-size: 1.3rem; + font-weight: 500; + letter-spacing: 0.007px; + text-transform: uppercase; + } + + #start.ytd-masthead,#end.ytd-masthead { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #end.ytd-masthead { + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + yt-icon-button.ytd-masthead { + --yt-icon-button-icon-width: 24px; + --yt-icon-button-icon-height: 24px; + color: var(--yt-spec-icon-active-other); + width: 40px; + height: 40px; + padding: 8px; + margin-right: 8px; + box-sizing: border-box; + } + + #search-button.ytd-masthead,#back-button.ytd-masthead,#back-button-tooltip.ytd-masthead { + display: none; + } + + #back-button.ytd-masthead { + margin-right: 8px; + } + + #end.ytd-masthead { + min-width: 225px; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #buttons.ytd-masthead { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + #buttons.ytd-masthead > *.ytd-masthead { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + + #buttons.ytd-masthead > *.ytd-masthead:not(:last-child) { + margin-right: 8px; + } + + #voice-search-button.ytd-masthead .ytd-masthead[is-icon-button],#buttons.ytd-masthead .ytd-masthead[is-icon-button] { + color: var(--yt-spec-icon-active-other); + outline: none; + } + + @media (min-width: 876px) { + #logo.ytd-masthead { + width: 129px; + } + + } + + @media (max-width: 656px) { + #container.ytd-masthead { + padding: 0 8px; + } + + #end.ytd-masthead { + min-width: 0; + } + + #guide-button.ytd-masthead { + margin: 0 4px 0 0; + } + + ytd-topbar-menu-button-renderer.ytd-masthead { + padding: 0; + } + + #buttons.ytd-masthead > *.ytd-masthead:not(:last-child) { + margin-right: 0; + } + + ytd-searchbox.ytd-masthead { + display: none; + margin: 0; + } + + #voice-search-button.ytd-masthead:empty { + display: none; + } + + #center.ytd-masthead { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #search-button.ytd-masthead { + display: block; + margin-right: 0; + } + + ytd-masthead[show-input] #guide-button.ytd-masthead,ytd-masthead[show-input] #logo.ytd-masthead,ytd-masthead[show-input] #end.ytd-masthead { + display: none; + } + + ytd-masthead[show-input] ytd-searchbox.ytd-masthead,ytd-masthead[show-input] #back-button.ytd-masthead,ytd-masthead[show-input] #back-button-tooltip.ytd-masthead { + display: block; + } + + yt-icon-button.ytd-masthead { + margin-right: 0; + } + + ytd-topbar-logo-renderer.ytd-masthead { + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + } + + @media (max-width: 428px) { + #buttons.ytd-masthead > ytd-notification-topbar-button-renderer.ytd-masthead { + display: none; + } + + #voice-search-button.ytd-masthead { + display: none; + } + + } + + ytd-network-status-banner { + position: fixed; + bottom: 0; + width: 100%; + z-index: 2030; + } + + .status-banner.ytd-network-status-banner { + background-color: var(--yt-spec-static-brand-black); + color: var(--yt-spec-static-brand-white); + padding-top: 4px; + padding-bottom: 4px; + text-align: center; + width: 100%; + font-size: 1.4rem; + font-weight: 500; + line-height: var(--yt-guide-highlight-line-height, 1.8rem); + } + + ytd-popup-container { + display: block; + position: absolute; + top: 0; + width: 100%; + } + + ytd-search-suggestion-report-dialog[dialog][dialog][dialog] { + --paper-input-container-input-align: baseline; + margin: 0; + padding: 0; + height: calc(100vh - 48px); + max-height: 760px; + width: 425px; + display: inline-block; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #scroller.ytd-search-suggestion-report-dialog { + --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + height: 100%; + } + + #content.ytd-search-suggestion-report-dialog { + padding: 24px 24px 16px; + } + + #title.ytd-search-suggestion-report-dialog { + display: block; + color: var(--yt-spec-text-primary); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #suggestions.ytd-search-suggestion-report-dialog,#catagories.ytd-search-suggestion-report-dialog { + margin-top: 20px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #catagories.ytd-search-suggestion-report-dialog { + --paper-radio-group-item-padding: 0; + } + + #suggestions.ytd-search-suggestion-report-dialog paper-checkbox.ytd-search-suggestion-report-dialog { + --paper-checkbox-label_-_font-size: var(--ytd-user-comment_-_font-size); --paper-checkbox-label_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-checkbox-label_-_line-height: var(--ytd-user-comment_-_line-height); --paper-checkbox-label_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-checkbox-label_-_min-width: initial; --paper-checkbox-label_-_-ms-flex: initial; --paper-checkbox-label_-_-webkit-flex: initial; --paper-checkbox-label_-_flex: initial; --paper-checkbox-label_-_-webkit-flex-basis: initial; --paper-checkbox-label_-_flex-basis: initial; --paper-checkbox-label_-_margin-right: initial;; + --paper-checkbox-vertical-align: top; + --paper-checkbox-margin: 2px 0 0 0; + } + + #suggestions.ytd-search-suggestion-report-dialog paper-checkbox.ytd-search-suggestion-report-dialog:not(:first-child) { + margin: 12px 0 0 0; + } + + #catagories.ytd-search-suggestion-report-dialog paper-radio-button.ytd-search-suggestion-report-dialog { + margin: 12px 0 0 0; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #catagory-title.ytd-search-suggestion-report-dialog { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + paper-radio-button.ytd-search-suggestion-report-dialog { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + paper-radio-button.ytd-search-suggestion-report-dialog[checked] paper-input-container.ytd-search-suggestion-report-dialog { + display: inline-block; + } + + paper-radio-button.ytd-search-suggestion-report-dialog:not([checked]).ytd-search-suggestion-report-dialog paper-input-container.ytd-search-suggestion-report-dialog { + display: none; + } + + #reason.ytd-search-suggestion-report-dialog { + --paper-input-container-color: var(--yt-spec-text-secondary); + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-underline_-_background: var(--yt-spec-10-percent-layer); --paper-input-container-underline_-_height: initial; --paper-input-container-underline_-_border-bottom: initial; --paper-input-container-underline_-_box-sizing: initial; --paper-input-container-underline_-_display: initial;; + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_color: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + margin: -1px 0; + width: 240px; + margin-left: 16px; + padding: 0; + } + + #details.ytd-search-suggestion-report-dialog { + --paper-input-container-underline_-_display: none; --paper-input-container-underline_-_background: initial; --paper-input-container-underline_-_height: initial; --paper-input-container-underline_-_border-bottom: initial; --paper-input-container-underline_-_box-sizing: initial;; + --paper-input-container-underline-focus_-_display: none; --paper-input-container-underline-focus_-_border-color: initial;; + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_color: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + --paper-input-char-counter_-_color: var(--yt-spec-text-secondary); --paper-input-char-counter_-_margin-top: initial; --paper-input-char-counter_-_margin-right: initial; --paper-input-char-counter_-_height: initial; --paper-input-char-counter_-_font-size: initial; --paper-input-char-counter_-_font-weight: initial; --paper-input-char-counter_-_line-height: initial; --paper-input-char-counter_-_letter-spacing: initial; --paper-input-char-counter_-_text-transform: initial;; + margin-top: 24px; + border: 1px solid var(--yt-spec-10-percent-layer); + border-radius: 2px; + padding: 8px 8px 20px; + } + + #footer.ytd-search-suggestion-report-dialog { + padding: 8px 0; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + #footer.ytd-search-suggestion-report-dialog paper-button.ytd-search-suggestion-report-dialog { + --paper-button-ink-color: var(--yt-spec-text-secondary); + width: var(--yt-paper-button-width, auto); + padding: 10px 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); + } + + #cancel.ytd-search-suggestion-report-dialog { + color: var(--yt-spec-text-secondary); + } + + #submit.ytd-search-suggestion-report-dialog { + color: var(--yt-spec-call-to-action); + } + + #submit.ytd-search-suggestion-report-dialog[disabled] { + background-color: transparent; + color: var(--yt-spec-text-disabled); + } + + #description-text.ytd-search-suggestion-report-dialog { + --iron-autogrow-textarea_-_padding: 0px; --iron-autogrow-textarea_-_box-sizing: initial;; + } + + yt-report-details-form-renderer[dialog][dialog][dialog] { + --paper-input-container-input-align: baseline; + display: block; + background: var(--yt-spec-brand-background-primary); + color: var(--yt-spec-text-primary); + width: 450px; + max-width: 80vw; + min-height: 240px; + min-width: 250px; + margin: 0; + padding: 0; + } + + #header.yt-report-details-form-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + margin: 16px 12px 0; + } + + #title.yt-report-details-form-renderer { + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + margin-left: 8px; + } + + #content.yt-report-details-form-renderer { + margin: 16px 24px 24px; + } + + #timestamp.yt-report-details-form-renderer { + display: block; + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #description.yt-report-details-form-renderer { + margin-top: 24px; + } + + #description.yt-report-details-form-renderer paper-input-container.yt-report-details-form-renderer { + --paper-input-container-underline_-_display: none; --paper-input-container-underline_-_background: initial; --paper-input-container-underline_-_height: initial; --paper-input-container-underline_-_border-bottom: initial; --paper-input-container-underline_-_box-sizing: initial;; + --paper-input-container-underline-focus_-_display: none; --paper-input-container-underline-focus_-_border-color: initial;; + --paper-input-container-input-color: var(--yt-spec-text-primary); + --paper-input-container-focus-color: var(--yt-spec-text-primary); + --paper-input-container-input_-_padding: 12px; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_color: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-family: initial;; + padding-top: 0; + padding-bottom: 0; + } + + #description-text.yt-report-details-form-renderer { + display: inline-block; + --iron-autogrow-textarea-textarea_-_padding: 12px; --iron-autogrow-textarea-textarea_-_box-sizing: border-box; --iron-autogrow-textarea-textarea_-_font-size: var(--ytd-user-comment_-_font-size); --iron-autogrow-textarea-textarea_-_font-weight: var(--ytd-user-comment_-_font-weight); --iron-autogrow-textarea-textarea_-_line-height: var(--ytd-user-comment_-_line-height); --iron-autogrow-textarea-textarea_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; + --iron-autogrow-textarea_-_padding: 10px; --iron-autogrow-textarea_-_box-sizing: border-box;; + box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); + border-radius: 2px; + box-sizing: border-box; + } + + #description-text.yt-report-details-form-renderer[focused] { + box-shadow: inset 0 0 0 2px var(--yt-spec-text-primary); + } + + #description.yt-report-details-form-renderer paper-input-char-counter.yt-report-details-form-renderer { + --paper-input-char-counter_-_color: var(--yt-spec-text-secondary); --paper-input-char-counter_-_margin-top: -32px; --paper-input-char-counter_-_margin-right: 18px; --paper-input-char-counter_-_height: initial; --paper-input-char-counter_-_font-size: initial; --paper-input-char-counter_-_font-weight: initial; --paper-input-char-counter_-_line-height: initial; --paper-input-char-counter_-_letter-spacing: initial; --paper-input-char-counter_-_text-transform: initial;; + } + + #footer.yt-report-details-form-renderer { + --yt-endpoint-hover-color: var(--yt-endpoint-color); + --yt-formatted-string-endpoint: var(--ytd-mini-attribution-endpoint);; + --yt-formatted-string-endpoint_-_font-size: var(--ytd-mini-attribution-endpoint_-_font-size); --yt-formatted-string-endpoint_-_font-weight: var(--ytd-mini-attribution-endpoint_-_font-weight); --yt-formatted-string-endpoint_-_line-height: var(--ytd-mini-attribution-endpoint_-_line-height);; + display: block; + color: var(--yt-spec-text-secondary); + margin-top: 24px; + font-size: 1.2rem; + font-weight: 400; + line-height: 1.5rem; + } + + #buttons.yt-report-details-form-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + margin-top: 32px; + padding: 8px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + #buttons.yt-report-details-form-renderer yt-button-renderer.yt-report-details-form-renderer { + margin-left: 8px; + } + + yt-report-form-modal-renderer[dialog][dialog][dialog] { + --yt-report-form-modal-renderer-width: 450px; + background: var(--yt-spec-brand-background-solid); + margin: 0; + width: var(--yt-report-form-modal-renderer-width, 450px); + max-width: 80vw; + min-height: 240px; + min-width: var(--yt-report-form-modal-renderer-min-width, 300px); + padding: 0; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-report-form-modal-renderer[dialog][dialog][dialog][hide-report-form] { + display: none; + } + + yt-report-form-modal-renderer > *.yt-report-form-modal-renderer:not(:last-child) { + margin-top: 20px; + padding: 0 24px; + } + + yt-report-form-modal-renderer > paper-dialog-scrollable.yt-report-form-modal-renderer:not(:last-child) { + padding: 0; + margin-top: 0; + } + + paper-dialog-scrollable.is-scrolled.yt-report-form-modal-renderer { + margin-top: 14px; + } + + yt-report-form-modal-renderer > *.yt-report-form-modal-renderer:first-child { + margin-top: 24px; + } + + paper-dialog-scrollable.yt-report-form-modal-renderer { + --paper-dialog-scrollable_-_padding: 0 var(--ytd-margin-6x) var(--ytd-margin-6x) var(--ytd-margin-6x); --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial; + } + + .buttons.yt-report-form-modal-renderer { + padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); + border-top: 1px solid var(--yt-spec-10-percent-layer); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + #title.yt-report-form-modal-renderer { + color: var(--yt-spec-text-primary); + margin-bottom: var(--ytd-margin-base); + padding: 0 var(--ytd-margin-6x) 0 var(--ytd-margin-6x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #submit-container.yt-report-form-modal-renderer { + padding-top: var(--ytd-margin-2x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + #loading-indicator.yt-report-form-modal-renderer { + height: 100%; + width: 100%; + position: absolute; + z-index: var(--ytd-z-index-report-form-overlay); + background-color: var(--yt-white-opacity-lighten-1); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #message-container.yt-report-form-modal-renderer { + color: var(--yt-spec-text-primary); + padding: 0 var(--ytd-margin-6x) var(--ytd-margin-6x) var(--ytd-margin-6x); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #container.yt-report-form-modal-renderer { + position: relative; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #description.yt-report-form-modal-renderer { + color: var(--yt-spec-text-secondary); + margin: var(--ytd-margin-4x) 0 var(--ytd-margin-2x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-options-renderer.yt-report-form-modal-renderer { + --yt-options-renderer-dropdown-width: calc(var(--yt-report-form-modal-renderer-width) - (var(--ytd-margin-6x) * 2) - var(--ytd-margin-11x) - var(--ytd-margin-4x)); + } + + #footer.yt-report-form-modal-renderer { + --yt-formatted-string-endpoint: var(--ytd-mini-attribution-endpoint);--yt-formatted-string-endpoint_-_font-size: var(--ytd-mini-attribution-endpoint_-_font-size); --yt-formatted-string-endpoint_-_font-weight: var(--ytd-mini-attribution-endpoint_-_font-weight); --yt-formatted-string-endpoint_-_line-height: var(--ytd-mini-attribution-endpoint_-_line-height);; + color: var(--yt-spec-text-secondary); + margin: var(--ytd-margin-6x) 0 var(--ytd-margin-2x); + font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); + } + + #cancel-button.yt-report-form-modal-renderer { + margin-right: var(--ytd-margin-2x); + } + + #additional-detail-checkbox-container.yt-report-form-modal-renderer,#checkbox-container.yt-report-form-modal-renderer { + --yt-boolean-form-string-padding-left: 0; + padding: var(--ytd-margin-4x) 0 var(--ytd-margin-6x) 0; + border-top: 1px solid var(--yt-spec-10-percent-layer); + margin: 24px 0 0 0; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + yt-boolean-form-field-v2-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + paper-checkbox.yt-boolean-form-field-v2-renderer { + --paper-checkbox-size: 18px; + --paper-checkbox-vertical-align: top; + --paper-checkbox-margin: 2px 0 0 0; + } + + yt-formatted-string.yt-boolean-form-field-v2-renderer { + --yt-endpoint-color: var(--yt-blue); + --yt-endpoint-hover-color: var(--yt-blue); + padding-left: + var(--yt-boolean-form-string-padding-left, var(--ytd-margin-6x)); + color: var(--yt-primary-text-color); + cursor: pointer; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-sharing-embed-renderer[dialog][dialog][dialog] { + --paper-input-container-input-align: baseline; + --divider-color: var(--yt-border-color); + margin: 0; + max-width: 1280px; + padding: 0; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + box-shadow: var(--shadow-elevation-16dp_-_box-shadow); + } + + yt-sharing-embed-renderer { + --preview-panel-small-width: 426px; + --preview-panel-small-height: 240px; + + --preview-panel-medium-width: 640px; + --preview-panel-medium-height: 360px; + + --preview-panel-default-width: 854px; + --preview-panel-default-height: 480px; + + --embed-panel-default-width: 426px; + --embed-panel-default-height: 480px; + --embed-panel-medium-height: 360px; + } + + yt-sharing-embed-renderer[is-square-aspect-ratio_] { + --preview-panel-small-width: 426px; + --preview-panel-small-height: 426px; + + --preview-panel-medium-width: 360px; + --preview-panel-medium-height: 360px; + + --preview-panel-default-width: 480px; + --preview-panel-default-height: 480px; + } + + #title-bar.yt-sharing-embed-renderer { + border-bottom: 1px solid var(--yt-border-color); + padding: var(--ytd-margin-4x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #embed-label.yt-sharing-embed-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #embed-label.yt-sharing-embed-renderer yt-formatted-string.yt-sharing-embed-renderer { + color: var(--yt-primary-text-color); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #close-panel-icon.yt-sharing-embed-renderer { + --iron-icon-height: 24px; + --iron-icon-width: 24px; + color: var(--yt-icon-color); + cursor: pointer; + } + + #close-panel-icon.yt-sharing-embed-renderer:hover { + color: var(--yt-icon-hover-color); + } + + #content.yt-sharing-embed-renderer { + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + paper-dialog-scrollable.yt-sharing-embed-renderer { + --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + } + + paper-input.yt-sharing-embed-renderer,paper-textarea.yt-sharing-embed-renderer { + --paper-input-container_-_padding: 0; --paper-input-container_-_height: initial;; + + --paper-input-container-input-color: var(--yt-secondary-text-color); + --paper-input-container-focus-color: var(--yt-primary-color); + --paper-input-container-underline-color: var(--yt-opalescence-grey); + --paper-input-container-underline-disabled-display: none; + } + + #embed-code.yt-sharing-embed-renderer { + --paper-input-container-input_-_font-family: var(--ytd-code-snippet_-_font-family); --paper-input-container-input_-_font-size: var(--ytd-code-snippet_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-code-snippet_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-code-snippet_-_line-height); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial;; + + margin-right: 80px; + } + + yt-start-at-renderer.yt-sharing-embed-renderer { + margin-top: var(--ytd-margin-4x); + margin-bottom: var(--ytd-margin-4x); + } + + paper-checkbox.yt-sharing-embed-renderer { + margin: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) 0; + } + + yt-formatted-string.yt-sharing-embed-renderer { + color: var(--yt-secondary-text-color); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #basic.yt-sharing-embed-renderer,#embed-options.yt-sharing-embed-renderer { + padding: var(--ytd-margin-4x); + } + + #basic.yt-sharing-embed-renderer { + padding-bottom: 0; + } + + .layout-size.yt-sharing-embed-renderer { + ; + } + + #embed-options-label.yt-sharing-embed-renderer { + color: var(--yt-spec-text-secondary); + padding-bottom: var(--ytd-margin-2x); + font-size: var(--ytd-caption_-_font-size); line-height: var(--ytd-caption_-_line-height); font-weight: var(--ytd-caption_-_font-weight); letter-spacing: var(--ytd-caption_-_letter-spacing); text-transform: var(--ytd-caption_-_text-transform); + } + + #layout-size.yt-sharing-embed-renderer { + padding: var(--ytd-margin-2x) 0; + } + + #additional-info.yt-sharing-embed-renderer { + border-top: 1px solid var(--yt-border-color); + padding: var(--ytd-margin-4x); + } + + #additional-links.yt-sharing-embed-renderer { + padding-bottom: var(--ytd-margin-4x); + } + + .link.yt-sharing-embed-renderer { + --yt-endpoint-color: var(--yt-primary-text-color); + margin-right: 24px; + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #legal-info.yt-sharing-embed-renderer { + --yt-endpoint-color: var(--yt-primary-text-color); + color: var(--yt-copyright-text); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #legal-info.yt-sharing-embed-renderer a.yt-sharing-embed-renderer { + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #action-buttons.yt-sharing-embed-renderer { + border-top: 1px solid var(--yt-border-color); + padding: var(--ytd-margin-2x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + #privacy-mode-wrapper.yt-sharing-embed-renderer { + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #privacy-mode-info.yt-sharing-embed-renderer { + --iron-icon-height: 16px; + --iron-icon-width: 16px; + color: var(--yt-icon-color); + margin: var(--ytd-margin-2x) 0; + } + + #video-preview.yt-sharing-embed-renderer { + background: black; + display: inherit; + height: var(--preview-panel-default-height); + width: var(--preview-panel-default-width); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #embed-panel.yt-sharing-embed-renderer { + background: var(--yt-dialog-background); + min-width: var(--embed-panel-default-width); + height: var(--embed-panel-default-height); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + @media (min-width: 1157px) and (max-width: 1439px) { + #video-preview.yt-sharing-embed-renderer,#video-preview.yt-sharing-embed-renderer iframe.yt-sharing-embed-renderer { + height: var(--preview-panel-medium-height); + width: var(--preview-panel-medium-width); + max-width: var(--preview-panel-medium-width); + } + + #embed-panel.yt-sharing-embed-renderer { + width: var(--embed-panel-default-width); + height: var(--embed-panel-medium-height); + } + + } + + @media (max-width: 1156px) { + yt-sharing-embed-renderer[dialog][dialog][dialog] { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #video-preview.yt-sharing-embed-renderer,#video-preview.yt-sharing-embed-renderer iframe.yt-sharing-embed-renderer { + min-height: var(--preview-panel-small-height); + width: var(--preview-panel-small-width); + } + + #embed-panel.yt-sharing-embed-renderer { + min-width: var(--embed-panel-default-width); + height: var(--embed-panel-default-height); + } + + } + + yt-sharing-renderer { + background: var(--yt-dialog-background); + display: block; + max-width: 500px; + box-shadow: var(--shadow-elevation-16dp_-_box-shadow); + } + + #share-label.yt-sharing-renderer { + color: var(--yt-primary-text-color); + padding: var(--ytd-margin-4x) var(--ytd-margin-4x) 0; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #share-target-wrapper.yt-sharing-renderer { + border-bottom: 1px solid var(--yt-border-color); + height: 32px; + padding: var(--ytd-margin-4x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + #share-target-wrapper.yt-sharing-renderer yt-icon.yt-sharing-renderer { + --iron-icon-height: 32px; + --iron-icon-width: 32px; + border-radius: 2px; + margin-right: var(--ytd-margin-2x); + } + + #share-target-wrapper.yt-sharing-renderer a.yt-sharing-renderer:last-of-type yt-icon.yt-sharing-renderer { + margin-right: 0; + } + + #email.yt-sharing-renderer { + width: 32px; + height: 32px; + background: var(--yt-spec-icon-inactive); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #email.yt-sharing-renderer yt-icon.yt-sharing-renderer { + --iron-icon-height: 24px; + --iron-icon-width: 24px; + color: white; + } + + paper-input.yt-sharing-renderer { + --paper-input-container_-_padding: 0; --paper-input-container_-_height: initial;; + + --paper-input-container-color: var(--yt-luna-black-opacity-lighten-4); + --paper-input-container-input-color: var(--yt-secondary-text-color); + --paper-input-container-focus-color: var(--yt-primary-color); + + --paper-input-container-underline-color: var(--yt-opalescence-grey); + --paper-input-container-underline-disabled-display: none; + --paper-input-container-underline-legacy-height: 0; + + margin-bottom: -2px; + } + + #share-url.yt-sharing-renderer { + --paper-input-container-input_-_font-size: var(--ytd-navbar-title_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-navbar-title_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-navbar-title_-_line-height); --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial;; + margin-right: 80px; + padding: var(--ytd-margin-4x) var(--ytd-margin-4x) 0; + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + #start-at-wrapper.yt-sharing-renderer { + --paper-input-container_-_padding: 0; --paper-input-container_-_height: initial;; + + + --paper-input-container-input_-_line-height: 40px; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial;; + + border-bottom: 1px solid var(--yt-border-color); + padding-bottom: 2px; + padding: var(--ytd-margin-4x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #start-at-option.yt-sharing-renderer { + color: var(--yt-primary-text-color); + margin-right: var(--ytd-margin-2x); + } + + yt-formatted-string.yt-sharing-renderer { + color: var(--yt-secondary-text-color); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #start-at-timestamp.yt-sharing-renderer { + --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_font-family: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_margin-bottom: initial; --paper-input-container-input_-_text-transform: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial;; + max-width: 50px; + } + + #action-buttons.yt-sharing-renderer { + padding: var(--ytd-margin-2x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + yt-unlimited-family-message-interstitial-renderer[dialog][dialog][dialog] { + --yt-endpoint-color: var(--yt-blue); + --yt-endpoint-hover-color: var(--yt-blue-light); + background: var(--yt-dialog-background); + height: 340px; + margin: 0; + max-width: 608px; + padding: var(--ytd-margin-6x); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-unlimited-family-message-interstitial-renderer[dialog][dialog][dialog][loading] { + min-height: 340px; + min-width: 608px; + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + yt-unlimited-family-message-interstitial-renderer[loading] paper-spinner.yt-unlimited-family-message-interstitial-renderer { + display: block; + } + + paper-spinner.yt-unlimited-family-message-interstitial-renderer { + display: none; + } + + .content-container.yt-unlimited-family-message-interstitial-renderer { + margin: 0; + padding: 0; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-align-self: var(--layout-self-start_-_-ms-align-self); -webkit-align-self: var(--layout-self-start_-_-webkit-align-self); align-self: var(--layout-self-start_-_align-self); + } + + .main-content.yt-unlimited-family-message-interstitial-renderer { + margin-right: var(--ytd-margin-4x); + } + + h2.yt-unlimited-family-message-interstitial-renderer { + white-space: normal; + color: var(--yt-primary-text-color); + display: var(--ytd-navbar-title-two-lines_-_display); max-height: var(--ytd-navbar-title-two-lines_-_max-height); overflow: var(--ytd-navbar-title-two-lines_-_overflow); font-size: var(--ytd-navbar-title-two-lines_-_font-size); font-weight: var(--ytd-navbar-title-two-lines_-_font-weight); line-height: var(--ytd-navbar-title-two-lines_-_line-height); + } + + .content.yt-unlimited-family-message-interstitial-renderer { + color: var(--yt-secondary-text-color); + display: block; + margin-top: var(--ytd-margin-3x); + white-space: pre-line; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .footer-container.yt-unlimited-family-message-interstitial-renderer { + border-top: 1px solid var(--yt-border-color); + padding: var(--ytd-margin-4x) 0 0 0; + margin: 0; + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + .footer.yt-unlimited-family-message-interstitial-renderer { + color: var(--yt-secondary-text-color); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + @media (max-width: 605px) { + #thumbnail.yt-unlimited-family-message-interstitial-renderer { + display: none; + } + + } + + .buttons.yt-unlimited-family-message-interstitial-renderer { + padding-right: 0; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + yt-unlimited-family-profile-interstitial-renderer[dialog][dialog][dialog] { + --yt-endpoint-color: var(--yt-blue); + --yt-endpoint-hover-color: var(--yt-blue-light); + background: var(--yt-dialog-background); + height: 340px; + margin: 0; + max-width: 608px; + padding: var(--ytd-margin-6x); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + .content-container.yt-unlimited-family-profile-interstitial-renderer { + margin: 0; + padding: 0; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + .left-side.yt-unlimited-family-profile-interstitial-renderer { + margin-right: var(--ytd-margin-4x); + -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); + } + + h2.yt-unlimited-family-profile-interstitial-renderer { + color: var(--yt-primary-text-color); + display: var(--ytd-navbar-title-two-lines_-_display); max-height: var(--ytd-navbar-title-two-lines_-_max-height); overflow: var(--ytd-navbar-title-two-lines_-_overflow); font-size: var(--ytd-navbar-title-two-lines_-_font-size); font-weight: var(--ytd-navbar-title-two-lines_-_font-weight); line-height: var(--ytd-navbar-title-two-lines_-_line-height); + } + + .additional-info.yt-unlimited-family-profile-interstitial-renderer { + color: var(--yt-secondary-text-color); + display: block; + margin-top: var(--ytd-margin-3x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .right-side.yt-unlimited-family-profile-interstitial-renderer { + width: 252px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-img-shadow.yt-unlimited-family-profile-interstitial-renderer { + border-radius: var(--yt-circular_-_border-radius); background-color: var(--yt-circular_-_background-color); overflow: var(--yt-circular_-_overflow); + } + + #main-thumbnail.yt-unlimited-family-profile-interstitial-renderer { + margin-bottom: var(--ytd-margin-2x); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + .secondary-thumbnails.yt-unlimited-family-profile-interstitial-renderer { + margin-bottom: var(--ytd-margin-2x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + .secondary-thumbnail.yt-unlimited-family-profile-interstitial-renderer { + margin-right: var(--ytd-margin-2x); + } + + .secondary-thumbnail.yt-unlimited-family-profile-interstitial-renderer:last-of-type { + margin-right: 0; + } + + .member-info.yt-unlimited-family-profile-interstitial-renderer { + color: var(--yt-secondary-text-color); + text-align: center; + } + + .member-title.yt-unlimited-family-profile-interstitial-renderer { + color: var(--yt-primary-text-color); + margin-top: var(--ytd-margin-base); + text-align: center; + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #manage-button.yt-unlimited-family-profile-interstitial-renderer { + -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); + } + + .buttons.yt-unlimited-family-profile-interstitial-renderer { + border-top: 1px solid var(--yt-border-color); + padding: var(--ytd-margin-4x) 0 0 0; + margin: 0; + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + } + + yt-unplugged-pause-membership-dialog-renderer[dialog][dialog][dialog] { + height: 100%; + + max-width: 600px; + position: relative; + padding: 0; + margin: 0; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + yt-unplugged-pause-membership-dialog-renderer[dialog][dialog][dialog][loading] { + height: 100%; + max-width: 600px; + position: relative; + padding: 0; + margin: 0; + visibility: hidden; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + paper-spinner-lite.yt-unplugged-pause-membership-dialog-renderer { + display: none; + } + + yt-unplugged-pause-membership-dialog-renderer[loading] paper-spinner-lite.yt-unplugged-pause-membership-dialog-renderer { + display: block; + position: absolute; + margin-left: auto; + margin-right: auto; + left: 50%; + top: 50%; + transform: translateX(-50%); + visibility: visible; + } + + .dialog-title.yt-unplugged-pause-membership-dialog-renderer { + color: var(--yt-spec-text-primary); + margin: var(--ytd-margin-6x) 0 var(--ytd-margin-5x) var(--ytd-margin-6x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .duration-title.yt-unplugged-pause-membership-dialog-renderer { + color: var(--yt-spec-text-primary); + margin-left: var(--ytd-margin-6x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + .duration-subtitle.yt-unplugged-pause-membership-dialog-renderer { + color: var(--yt-spec-text-secondary); + margin: 0 0 var(--ytd-margin-2x) var(--ytd-margin-6x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + .pause-slider.yt-unplugged-pause-membership-dialog-renderer { + --paper-slider-active-color: var(--yt-spec-static-brand-red); + --paper-slider-knob-color: var(--yt-spec-static-brand-red); + --paper-slider-knob-start-border-color: var(--yt-spec-static-brand-red); + --paper-slider-knob-start-color: var(--yt-spec-static-brand-red); + --paper-slider-container-color: var(--yt-spec-icon-disabled); + margin: 0 var(--ytd-margin-6x) var(--ytd-margin-3x) var(--ytd-margin-3x); + width: 90%; + max-width: 36rem; + } + + .body-message.yt-unplugged-pause-membership-dialog-renderer { + color: var(--yt-spec-text-primary); + margin: var(--ytd-margin-2x) var(--ytd-margin-6x) var(--ytd-margin-5x) var(--ytd-margin-6x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #dialog-actions.yt-unplugged-pause-membership-dialog-renderer { + border-top: 1px solid var(--yt-spec-10-percent-layer); + padding: var(--ytd-margin-2x) 0; + margin-top: var(--ytd-margin-4x); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + #secondary-button.yt-unplugged-pause-membership-dialog-renderer,#primary-button.yt-unplugged-pause-membership-dialog-renderer { + margin-right: var(--ytd-margin-2x); + } + + yt-vc-offer-layout-header-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #vc-balance.yt-vc-offer-layout-header-renderer { + margin-bottom: var(--ytd-margin-4x); + } + + #description.yt-vc-offer-layout-header-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-vc-offer-layout-renderer { + --yt-vc-offer-renderer-width: 136px; + + padding: var(--ytd-margin-8x) 0; + background-color: var(--yt-spec-general-background-a); + width: 80vw; + max-width: 600px; + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); + } + + #vc-offer-layout-container.yt-vc-offer-layout-renderer { + max-width: calc(var(--yt-vc-offer-renderer-width) * 3 + + var(--ytd-margin-4x) * 2 + var(--ytd-margin-2x) * 2); + } + + @media (max-width: 568px) { + #vc-offer-layout-container.yt-vc-offer-layout-renderer { + max-width: calc(var(--yt-vc-offer-renderer-width) * 2 + + var(--ytd-margin-4x) + var(--ytd-margin-2x) * 2); + } + + } + + #header.yt-vc-offer-layout-renderer { + margin: 0 var(--ytd-margin-2x) var(--ytd-margin-4x) var(--ytd-margin-2x); + } + + #offers.yt-vc-offer-layout-renderer { + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); + } + + #offers.yt-vc-offer-layout-renderer > .yt-vc-offer-layout-renderer.yt-vc-offer-layout-renderer { + margin: var(--ytd-margin-2x); + } + + yt-vc-offer-renderer { + box-sizing: border-box; + height: 142px; + padding: var(--ytd-margin-4x); + border: 2px solid var(--yt-spec-10-percent-layer); + border-radius: var(--ytd-margin-2x); + cursor: pointer; + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + yt-vc-offer-renderer[vc-offer-style="VC_OFFER_STYLE_STANDARD"] { + width: 136px; + } + + yt-vc-offer-renderer[vc-offer-style="VC_OFFER_STYLE_HERO"] { + width: 288px; + } + + #title-text.yt-vc-offer-renderer { + width: 128px; + color: var(--yt-spec-text-primary); + line-height: 1.8rem; + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height, 1.8rem); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + #standard-offer-container.yt-vc-offer-renderer { + width: 104px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #standard-offer-content.yt-vc-offer-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); + } + + #offer-info.yt-vc-offer-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + #description-text.yt-vc-offer-renderer { + color: var(--yt-spec-text-secondary); + text-align: center; + font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); + } + + #vc-icon.yt-vc-offer-renderer { + margin-top: var(--ytd-margin-2x); + margin-bottom: var(--ytd-margin-2x); + } + + #price.yt-vc-offer-renderer { + color: var(--yt-spec-text-secondary); + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + yt-ypc-offers-modal-renderer[dialog][dialog][dialog] { + margin: 0; + padding: 0; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #scrollable.yt-ypc-offers-modal-renderer { + --paper-dialog-scrollable_-_padding: 0px; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + } + + yt-ypc-offers-modal-top-bar-renderer { + background-color: var(--yt-spec-brand-background-solid); + padding: var(--ytd-margin-2x); + + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); + } + + #title.yt-ypc-offers-modal-top-bar-renderer { + color: var(--yt-spec-text-primary); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-ypc-upgrade-dialog-renderer[dialog][dialog][dialog] { + --divider-color: var(--yt-spec-brand-background-solid); + --yt-endpoint-color: var(--yt-blue); + --yt-endpoint-hover-color: var(--yt-blue); + background-color: var(--yt-spec-brand-background-solid); + margin: 0px; + padding: 0px; + max-width: 432px; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #header.yt-ypc-upgrade-dialog-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + #title.yt-ypc-upgrade-dialog-renderer { + display: block; + display: var(--layout-vertical_-_display, block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + color: var(--yt-primary-text-color); + margin: var(--ytd-margin-4x); + } + + #access-message.yt-ypc-upgrade-dialog-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + margin-left: var(--ytd-margin-4x); + margin-right: var(--ytd-margin-4x); + margin-bottom: var(--ytd-margin-4x); + color: var(--yt-secondary-text-color); + } + + #scrollable.yt-ypc-upgrade-dialog-renderer { + --paper-dialog-scrollable_-_padding: 0px; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + margin-bottom: 2px; + } + + #content.yt-ypc-upgrade-dialog-renderer { + max-height:400px; + } + + #billing-details-container.yt-ypc-upgrade-dialog-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + border-top: 1px solid var(--yt-border-color); + border-bottom: 1px solid var(--yt-border-color); + background-color: var(--yt-spec-general-background-a); + } + + .billing-item.yt-ypc-upgrade-dialog-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + padding-top: var(--ytd-margin-4x); + padding-bottom: var(--ytd-margin-4x); + margin-left: var(--ytd-margin-4x); + margin-right: var(--ytd-margin-4x); + border-top: 1px solid var(--yt-border-color); + } + + #billing-details-container.yt-ypc-upgrade-dialog-renderer .billing-item.yt-ypc-upgrade-dialog-renderer:first-child { + border-top: none; + } + + .item-header.yt-ypc-upgrade-dialog-renderer { + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + color: var(--yt-primary-text-color); + margin-bottom: var(--ytd-margin-4x); + } + + .item-description.yt-ypc-upgrade-dialog-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + color: var(--yt-secondary-text-color); + } + + #legal-text.yt-ypc-upgrade-dialog-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + margin-left: var(--ytd-margin-4x); + margin-right: var(--ytd-margin-4x); + margin-top: var(--ytd-margin-4x); + color: var(--yt-tertiary-text-color); + } + + #footer.yt-ypc-upgrade-dialog-renderer { + display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(--layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal-reverse_-_flex-direction); + -ms-flex: var(--ytd-safari-layout-fix_-_-ms-flex); -webkit-flex: var(--ytd-safari-layout-fix_-_-webkit-flex); flex: var(--ytd-safari-layout-fix_-_flex); + margin-bottom: var(--ytd-margin-4x); + margin-top: var(--ytd-margin-4x); + } + + #cancel-button.yt-ypc-upgrade-dialog-renderer { + margin-right: var(--ytd-margin-2x); + } + + #continue-button.yt-ypc-upgrade-dialog-renderer { + margin-left: var(--ytd-margin-2x); + margin-right: var(--ytd-margin-4x); + } + + #spinner-overlay.yt-ypc-upgrade-dialog-renderer { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + margin: 0; + padding: 0; + background-color: var(--yt-spec-brand-background-secondary); + } + + #spinner.yt-ypc-upgrade-dialog-renderer { + position: absolute; + top: calc(50% - 14px); + left: calc(50% - 14px); + --paper-spinner-color: var(--yt-spec-icon-inactive); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] { + position: relative; + background-color: var(--yt-dialog-background); + min-width: 350px; + 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); + overflow: visible !important; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"]::after { + content: ""; + border-width: 15px; + position: absolute; + border-style: solid; + top: 100%; + right: calc(50% - 15px); + border-color: var(--yt-dialog-background) transparent transparent transparent; + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] #text.yt-bubble-hint-renderer { + display: block; + color: var(--yt-spec-text-primary); + margin: var(--ytd-margin-6x); + margin-bottom: var(--ytd-margin-4x); + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] #details-text.yt-bubble-hint-renderer { + color: var(--yt-spec-text-secondary); + margin: 0 var(--ytd-margin-6x) var(--ytd-margin-6x); + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] .buttons.yt-bubble-hint-renderer { + border-top: 1px solid var(--yt-border-color); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] #dismiss-button.yt-bubble-hint-renderer,yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] #accept-button.yt-bubble-hint-renderer { + margin-right: var(--ytd-margin-2x); + padding: var(--ytd-margin-2x) 0; + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] { + --yt-button-color: var(--yt-spec-static-brand-white); + display: block; + min-width: 0; + min-height: 0; + max-width: 300px; + position: relative; + background-color: var(--yt-spec-dark-blue); + color: var(--yt-spec-static-brand-white); + overflow: visible !important; + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #text.yt-bubble-hint-renderer:not(:empty) { + margin-bottom: var(--ytd-margin-2x); + font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #content.yt-bubble-hint-renderer { + padding: var(--ytd-margin-4x); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"][has-buttons_] #content.yt-bubble-hint-renderer { + padding: var(--ytd-margin-4x) var(--ytd-margin-4x) var(--ytd-margin-base); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #content.yt-bubble-hint-renderer yt-formatted-string.yt-bubble-hint-renderer,yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #text.yt-bubble-hint-renderer yt-formatted-string.yt-bubble-hint-renderer { + --yt-endpoint-color: var(--yt-spec-static-brand-white); + --yt-endpoint-visited-color: var(--yt-spec-static-brand-white); + --yt-endpoint-hover-color: var(--yt-spec-static-brand-white); + --yt-endpoint-text-decoration: underline; + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] .buttons.yt-bubble-hint-renderer { + padding: var(--ytd-margin-2x) var(--ytd-margin-base); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { + content: ""; + position: absolute; + border-style: solid; + top: 100%; + border-width: 12px; + right: calc(50% - 12px); + border-color: var(--yt-spec-dark-blue) transparent transparent transparent; + } + + yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_TOPLEFT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { + right: 12px; + } + + yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_TOPRIGHT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { + left: 12px; + right: auto; + } + + yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_LEFT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { + top: calc(50% - 12px); + left: 100%; + right: auto; + border-color: transparent transparent transparent var(--yt-spec-dark-blue); + } + + yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_RIGHT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { + top: calc(50% - 12px); + right: 100%; + left: auto; + border-color: transparent var(--yt-spec-dark-blue) transparent transparent; + } + + yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_BOTTOM"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { + top: -24px; + left: calc(50% - 12px); + border-color: transparent transparent var(--yt-spec-dark-blue) transparent; + } + + yt-fancy-dismissible-dialog-renderer[dialog][dialog][dialog] { + background: var(--yt-dialog-background); + margin: 0; + width: 450px; + min-height: 240px; + max-width: 80vw; + min-width: var(--yt-legal-report-details-form-renderer-min-width); + padding: 0; + display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); + } + + yt-fancy-dismissible-dialog-renderer > *.yt-fancy-dismissible-dialog-renderer:not(:last-child) { + padding: 0 var(--ytd-margin-6x); + } + + yt-fancy-dismissible-dialog-renderer > *.yt-fancy-dismissible-dialog-renderer:first-child { + margin-top: var(--ytd-margin-6x); + } + + h2.yt-fancy-dismissible-dialog-renderer { + color: var(--yt-primary-text-color); + margin-bottom: 0; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + } + + #scroller.yt-fancy-dismissible-dialog-renderer { + --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; + margin-top: var(--ytd-margin-5x); + margin-bottom: var(--ytd-margin-6x); + } + + #message.yt-fancy-dismissible-dialog-renderer { + color: var(--yt-primary-text-color); + font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); + } + + .buttons.yt-fancy-dismissible-dialog-renderer { + padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); + border-top: 1px solid var(--yt-border-color); + display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); + -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); + } + + yt-loading-renderer { + display: inline-block; + } + + paper-spinner.yt-loading-renderer { + width: 40px; + height: 40px; + } + + yt-upsell-dialog-renderer { + overflow: hidden; + color: var(--yt-spec-text-primary); + background: var(--yt-spec-brand-background-primary); + max-width: 400px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + yt-upsell-dialog-renderer[dialog][dialog][dialog] { + padding: 0; + margin: 0; + } + + #dialog.yt-upsell-dialog-renderer { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #icon.yt-upsell-dialog-renderer { + margin: 24px 24px 0; + } + + #content.yt-upsell-dialog-renderer { + padding: 24px 24px 0; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + + #upsell-dialog-title.yt-upsell-dialog-renderer { + margin-bottom: 16px; + font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); + display: block; + } + + #upsell-dialog-text.yt-upsell-dialog-renderer { + font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); + display: block; + } + + #action-button.yt-upsell-dialog-renderer { + margin-left: 8px; + } + + #button-container.yt-upsell-dialog-renderer { + padding: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + + yt-upsell-dialog-renderer[has-logo] #icon-container.yt-upsell-dialog-renderer { + width: 80px; + height: 24px; + margin: 24px 24px 0; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + yt-upsell-dialog-renderer[has-logo] #icon-container.yt-upsell-dialog-renderer #youtube-paths.yt-upsell-dialog-renderer path.yt-upsell-dialog-renderer { + fill: var(--yt-spec-wordmark-text); + } + + yt-upsell-dialog-renderer:not([layout-style=UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL]) #content.yt-upsell-dialog-renderer { + padding: 16px 16px 0; + -ms-flex: none; + -webkit-flex: none; + flex: none; + } + + yt-upsell-dialog-renderer[layout-style=UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL] { + max-width: 800px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + } + + yt-upsell-dialog-renderer[layout-style=UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL] #button-container.yt-upsell-dialog-renderer { + padding: 24px; + } + + yt-upsell-dialog-renderer[popup-size=UPSELL_DIALOG_RENDERER_POPUP_SIZE_LARGE] #upsell-dialog-title.yt-upsell-dialog-renderer { + margin-bottom: 24px; + font-size: 3.2rem; + font-weight: 500; + line-height: 3.8rem; + } + + should_not_match,.yt-icon-container.yt-upsell-dialog-renderer { + display: -ms-inline-flexbox; + display: -webkit-inline-flex; + display: inline-flex; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + position: relative; + vertical-align: middle; + fill: var(--iron-icon-fill-color, currentcolor); + stroke: var(--iron-icon-stroke-color, none); + width: var(--iron-icon-width, 24px); + height: var(--iron-icon-height, 24px); + margin-left: var(--iron-icon_-_margin-left); margin-bottom: var(--iron-icon_-_margin-bottom); margin-right: var(--iron-icon_-_margin-right); width: var(--iron-icon_-_width, var(--iron-icon-width, 24px)); height: var(--iron-icon_-_height, var(--iron-icon-height, 24px)); margin-top: var(--iron-icon_-_margin-top); + ; + } + + yt-upsell-dialog-renderer.external-container { + display: none !important; + } + + ytd-positioning-target { + display: inline-block; + position: fixed; + opacity: 0; + } + + yt-create-family-dialog { + display: block; + } + + paper-dialog.yt-create-family-dialog { + width: 590px; + } + + yt-page-navigation-progress { + pointer-events: none; + background-color: var(--yt-page-navigation-container-color, + var(--google-grey-300)); + } + + yt-page-navigation-progress,#progress.yt-page-navigation-progress { + position: fixed; + top: 0; + left: 0; + right: 0; + height: 2px; + } + + #progress.yt-page-navigation-progress { + background-color: var(--yt-page-navigation-progress-color, var(--yt-spec-static-brand-red)); + -webkit-transform-origin: 0; + transform-origin: left; + -webkit-transform: scaleX(0); + transform: scaleX(0); + + transition-property: transform; + transition-duration: 0.08s; + transition-timing-function: ease; + } + + ytd-app { + --app-drawer-width: 240px; + --app-drawer-content-container_-_background-color: var(--yt-spec-general-background-a);; + background: var(--yt-spec-general-background-a); + display: block; + left: 0; + min-height: 100%; + position: absolute; + right: 0; + top: 0; + } + + ytd-app[scrolling_] { + position: absolute; + top: 0; + left: 0; + right: calc((var(--ytd-app-fullerscreen-scrollbar-width) + 1px) * -1); + bottom: 0; + overflow-x: auto; + } + + #guide-button.ytd-app { + margin: 0 16px 0 0; + } + + #guide-button.ytd-app { + color: var(--yt-spec-icon-active-other); + width: 40px; + height: 40px; + padding: 8px; + margin-right: 16px; + box-sizing: border-box; + } + + #guide-icon.ytd-app { + fill: var(--yt-spec-icon-active-other); + } + + #guide-content.ytd-app { + background: var(--yt-spec-brand-background-solid); + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #guide-inner-content.ytd-app { + overflow: hidden; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + #guide-inner-content.ytd-app:hover,ytd-app[guide-scrolled-by-touch] #guide-inner-content.ytd-app { + overflow-y: auto; + } + + #guide-inner-content.ytd-app:focus-within { + overflow-y: auto; + } + + #guide-inner-content.ytd-app::-webkit-scrollbar-thumb { + height: 56px; + background: var(--yt-opalescence-grey-opacity-lighten-3); + } + + #guide-inner-content.ytd-app::-webkit-scrollbar { + width: 8px; + } + + ytd-app[guide-persistent-and-visible] ytd-page-manager.ytd-app { + margin-left: 240px; + } + + ytd-app[mini-guide-visible_] ytd-page-manager.ytd-app { + margin-left: 72px; + } + + ytd-mini-guide-renderer.ytd-app { + position: fixed; + left: 0; + top: var(--ytd-masthead-height, var(--ytd-toolbar-height)); + bottom: 0; + } + + app-drawer.ytd-app:not([persistent]).ytd-app { + z-index: 2030; + } + + app-drawer.ytd-app[persistent] { + z-index: 2005; + } + + #guide-wrapper.ytd-app { + height: 100%; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + } + + #guide-spacer.ytd-app { + margin-top: var(--ytd-masthead-height, var(--ytd-toolbar-height)); + } + + app-drawer.ytd-app:not([persistent]).ytd-app #guide-spacer.ytd-app { + display: none; + } + + #masthead-container.ytd-app { + position: fixed; + top: 0; + width: 100%; + z-index: 2020; + transform: translateY(0); + transition: transform 0.3s ease; + } + + ytd-app[player-fullscreen_] #masthead-container.ytd-app { + position: inherit; + } + + ytd-app[masthead-hidden_] #masthead-container.ytd-app { + transform: translateY(calc(-100% - 5px)); + opacity: 0; + transition: transform 0.3s ease, opacity 0s 0.3s; + } + + ytd-app[hide-header-shadow] #masthead-container.ytd-app::after { + opacity: 0; + } + + #masthead-container.ytd-app::after { + content: ""; + height: 5px; + opacity: 1; + pointer-events: none; + position: absolute; + right: 0px; + width: 100%; + z-index: 2050; + bottom: 0; + left: 0; + } + + #header.ytd-app { + height: 56px; + padding-left: 16px; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + + app-drawer.ytd-app #header.ytd-app:after { + content: ""; + height: 5px; + left: 0px; + position: absolute; + right: 0px; + top: var(--ytd-toolbar-height); + width: 100%; + } + + app-drawer.ytd-app[persistent] #header.ytd-app:after { + box-shadow: inset 0px 4px 8px -3px rgba(17, 17, 17, 0.06); + } + + ytd-app:not([background-color-update_]) app-drawer.ytd-app:not([persistent]).ytd-app #header.ytd-app { + border-bottom: 1px solid var(--yt-spec-10-percent-layer); + } + + #page-manager.ytd-app { + --ytd-toolbar-offset: var(--ytd-masthead-height, var(--ytd-toolbar-height)); + overflow-x: auto; + margin-top: var(--ytd-masthead-height, var(--ytd-toolbar-height)); + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex: 1 1 1e-9px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 1e-9px; + flex-basis: 1e-9px; + } + + ytd-guide-renderer.ytd-app { + width: 240px; + } + + yt-page-navigation-progress.ytd-app { + --yt-page-navigation-container-color: var(--yt-spec-10-percent-layer); + z-index: 2100; + } + + #opt-out-button.ytd-app { + margin-top: 4px; + } + + #gfeedback-button.ytd-app { + margin-top: 8px; + } + + ytd-app[standalone] #page-manager.ytd-app { + margin: 0; + } + + ytd-app[standalone] ytd-mini-guide-renderer.ytd-app,ytd-app[standalone] #masthead-container.ytd-app,ytd-app[standalone] #guide.ytd-app { + display: none; + } + + ytd-app[miniplayer-active_] { + --ytd-miniplayer-offset: calc(var(--ytd-miniplayer-card-height) + var(--ytd-margin-base)); + } + + /* Browser reset styles. */ + + 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 { + margin: 0; + padding: 0; + border: 0; + background: transparent; + } + + /* Extra definitions. STYLE MUST BE GLOBAL AND HIGHLY REUSED TO BE ADDED HERE. */ + + [hidden] { + display: none !important; /* See https://github.com/Polymer/polymer/issues/3711 */ + } + + /** + * Simple endpoint styles are copies of the --yt-endpoint and + * --yt-endpoint-hover mixins defined above in the custom-style block. + * See b/37723498 for context. + */ + .yt-simple-endpoint { + display: inline-block; + cursor: pointer; + text-decoration: none; + color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); + } + + .yt-simple-endpoint:hover { + color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); + text-decoration: var(--yt-endpoint-text-decoration, none); + } + yt-live-chat-app ::-webkit-scrollbar, + yt-live-chat-kevlar-container ::-webkit-scrollbar { + content: ''; + } + + yt-live-chat-app ::-webkit-scrollbar-thumb, + yt-live-chat-kevlar-container ::-webkit-scrollbar-thumb { + background-color: hsla(0, 0%, 53.3%, .2); + border: 2px solid #fcfcfc; + min-height: 30px; + } + + yt-live-chat-app ::-webkit-scrollbar-track, + yt-live-chat-kevlar-container ::-webkit-scrollbar-track { + background-color: #fcfcfc; + } + + [dark] yt-live-chat-app ::-webkit-scrollbar-thumb, + [dark] yt-live-chat-kevlar-container ::-webkit-scrollbar-thumb { + background-color: #333; + border: 2px solid #000; + } + + [dark] yt-live-chat-app ::-webkit-scrollbar-track, + [dark] yt-live-chat-kevlar-container ::-webkit-scrollbar-track { + background-color: #000; + } + + [watch-color-update] ::-webkit-scrollbar-thumb { + background-color: var(--yt-spec-icon-disabled); + } + + [watch-color-update] ::-webkit-scrollbar-thumb, + [watch-color-update][dark] ::-webkit-scrollbar-thumb { + border-color: var(--yt-spec-general-background-b); + } + + [watch-color-update] yt-live-chat-app ::-webkit-scrollbar-track, + [watch-color-update] yt-live-chat-kevlar-container ::-webkit-scrollbar-track { + background-color: var(--yt-spec-general-background-b); + } + \ No newline at end of file diff --git a/src/html/youtube_styling.css b/src/html/youtube_styling.css deleted file mode 100644 index 17cd713..0000000 --- a/src/html/youtube_styling.css +++ /dev/null @@ -1,14465 +0,0 @@ -html:not(.style-scope) { - --yt-live-chat-background-color: var(--yt-white); - --yt-live-chat-secondary-background-color: var(--yt-opalescence-soft-grey); - --yt-live-chat-action-panel-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); - --yt-live-chat-action-panel-background-color-transparent: hsla(0, 0%, 97%, .8); - --yt-live-chat-mode-change-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); - --yt-live-chat-primary-text-color: var(--yt-luna-black); - --yt-live-chat-secondary-text-color: var(--yt-luna-black-opacity-lighten-2); - --yt-live-chat-tertiary-text-color: var(--yt-luna-black-opacity-lighten-3); - --yt-live-chat-text-input-field-inactive-underline-color: #b8b8b8; - --yt-live-chat-text-input-field-placeholder-color: var(--yt-luna-black-opacity-lighten-2); - --yt-live-chat-text-input-field-underline-transition-duration: 0.25s; - --yt-live-chat-icon-button-color: var(--yt-luna-black-opacity-lighten-3); - --yt-live-chat-enabled-send-button-color: #4285f4; - --yt-live-chat-disabled-icon-button-color: var(--yt-luna-black-opacity-lighten-4); - --yt-live-chat-picker-button-color: var(--yt-luna-black-opacity-lighten-3); - --yt-live-chat-picker-button-active-color: var(--yt-luna-black-opacity-lighten-1); - --yt-live-chat-picker-button-disabled-color: var(--yt-live-chat-disabled-icon-button-color); - --yt-live-chat-picker-button-hover-color: var(--yt-luna-black-opacity-lighten-2); - --yt-live-chat-mention-background-color: #ff5722; - --yt-live-chat-mention-text-color: var(--yt-white); - --yt-live-chat-deleted-message-color: rgba(0, 0, 0, .5); - --yt-live-chat-deleted-message-bar-color: rgba(11, 11, 11, .2); - --yt-live-chat-disabled-button-background-color: var(--yt-opalescence-soft-grey); - --yt-live-chat-disabled-button-text-color: var(--yt-luna-black-opacity-lighten-3); - --yt-live-chat-sub-panel-background-color: var(--yt-opalescence-soft-grey); - --yt-live-chat-sub-panel-background-color-transparent: hsla(0, 0%, 93%, .7); - --yt-live-chat-header-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); - --yt-live-chat-header-button-color: var(--yt-luna-black); - --yt-live-chat-count-color-early-warning: hsl(40, 76%, 55%); - --yt-live-chat-count-color-error: hsl(10, 51%, 49%); - --yt-live-chat-error-message-color: hsl(10, 51%, 49%); - --yt-live-chat-reconnect-message-color: hsla(0, 0%, 7%, 0.2); - --yt-live-chat-moderator-color: hsl(225, 84%, 66%); - --yt-live-chat-owner-color: hsl(40, 76%, 55%); - --yt-live-chat-author-chip-owner-background-color: #ffd600; - --yt-live-chat-author-chip-owner-text-color: rgba(0,0,0,0.87); - --yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-1); - --yt-live-chat-author-chip-verified-text-color: var(--yt-spec-grey-5); - --yt-live-chat-message-highlight-background-color: #f8f8f8; - --yt-live-chat-sponsor-color: #107516; - --yt-live-chat-overlay-color: hsla(0, 0%, 0%, 0.6); - --yt-live-chat-dialog-background-color: var(--yt-white); - --yt-live-chat-dialog-text-color: var(--yt-luna-black-opacity-lighten-2); - - --yt-live-chat-banner-border-color: var(--yt-spec-10-percent-layer); - --yt-live-chat-banner-animation-duration: 0.35s; - --yt-live-chat-banner-animation-fast-duration: 0.25s; - --yt-live-chat-banner-gradient-scrim: linear-gradient(rgba(255, 255, 255, 0.95), transparent); - --yt-live-chat-banner-indeterminate-bar-background: repeating-linear-gradient(90deg, #fff, #fff 6px, #aaa 6px, #aaa 9px); - --yt-live-chat-banner-bar-animation-duration: 1s; - - --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, rgba(255, 255, 255, 0.95), transparent); - --yt-live-chat-poll-primary-text-color: var(--yt-spec-static-overlay-text-primary); - --yt-live-chat-poll-secondary-text-color: var(--yt-spec-static-overlay-text-secondary); - --yt-live-chat-poll-tertiary-text-color: var(--yt-spec-static-overlay-text-disabled); - --yt-live-chat-poll-choice-text-color: var(--yt-live-chat-poll-primary-text-color); - --yt-live-chat-poll-choice-background-color: transparent; - --yt-live-chat-poll-choice-border-radius: 2px; - --yt-live-chat-poll-choice-border: 1px solid var(--yt-live-chat-poll-tertiary-text-color); - --yt-live-chat-poll-choice-min-height: 16px; - --yt-live-chat-poll-choice-vote-bar-background-color: var(--yt-spec-static-overlay-button-secondary); - --yt-live-chat-poll-choice-hover-color: rgba(17, 17, 16, 0.1); - --yt-live-chat-poll-choice-animation-duration: 0.5s; - --yt-live-chat-poll-choice-text-padding: 0 16px; - --yt-live-chat-poll-editor-panel-header-border-color: var(--yt-spec-10-percent-layer); - --yt-live-chat-poll-editor-start-button-color: var(--yt-spec-general-background-b); - --yt-live-chat-poll-editor-start-button-background-color: var(--yt-spec-call-to-action); - --yt-live-chat-poll-editor-start-button-background-color-disabled: var(--yt-spec-icon-disabled); - - --yt-live-interactivity-component-background-color: #264c8a; - - - --yt-live-chat-panel-animation-duration: 0.5s; - - - --yt-live-chat-universal-motion-curve: cubic-bezier(0.05, 0.00, 0.00, 1.00); - - --yt-live-chat-moderation-mode-hover-background-color: var(--yt-luna-black-opacity-lighten-4); - --yt-live-chat-additional-inline-action-button-color: var(--yt-white); - --yt-live-chat-additional-inline-action-button-background-color: hsla(0, 0%, 26%, 0.8); - --yt-live-chat-additional-inline-action-button-background-color-hover: hsla(0, 0%, 26%, 1.0); - - --yt-formatted-string-emoji-size: 24px; - --yt-live-chat-emoji-size: 24px; - - --yt-live-chat-text-input-field-suggestion-background-color: var(--yt-white); - --yt-live-chat-text-input-field-suggestion-background-color-hover: #eee; - --yt-live-chat-text-input-field-suggestion-text-color: #666; - --yt-live-chat-text-input-field-suggestion-text-color-hover: #333; - - - --yt-live-chat-ticker-arrow-background: hsl(0, 0%, 97.3%); - - --yt-emoji-picker-category-background-color: var(--yt-live-chat-action-panel-background-color-transparent); - --yt-emoji-picker-category-color: var(--yt-live-chat-secondary-text-color); - --yt-emoji-picker-category-button-color: var(--yt-live-chat-picker-button-color); - --yt-emoji-picker-search-background-color: var(--yt-white-opacity-lighten-2); - --yt-emoji-picker-search-color: var(--yt-luna-black-opacity-lighten-1); - --yt-emoji-picker-search-placeholder-color: var(--yt-luna-black-opacity-lighten-2); - - --yt-live-chat-slider-active-color: #2196f3; - --yt-live-chat-slider-container-color: #c8c8c8; - --yt-live-chat-slider-markers-color: #505050; - - --yt-live-chat-toast-action-color: #2196f3; - --yt-live-chat-toast-background-color: var(--yt-opalescence-dark-grey); - --yt-live-chat-toast-text-color: var(--yt-white); - - --yt-live-chat-automod-button-background-color: var(--yt-opalescence-soft-grey); - --yt-live-chat-automod-button-background-color-hover: var(--yt-luna-black-opacity-lighten-4); - - --yt-live-chat-creator-support-button-border-radius: 2px; - --yt-live-chat-creator-support-button-padding: 10px 16px; - --yt-live-chat-creator-support-button-font-size: inherit; - - --yt-live-chat-countdown-opacity: 0.3; - - --yt-live-chat-shimmer-background-color: rgba(136, 136, 136, 0.2); - --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 65%); - - --yt-live-chat-vem-background-color: var(--yt-opalescence-soft-grey); - - --yt-live-chat-upsell-dialog-renderer-button-padding: 10px 16px; - - --yt-live-chat-product-picker-icon-color: rgba(17, 17, 17, 0.6); - --yt-live-chat-product-picker-hover-color: rgba(17, 17, 16, 0.1); - --yt-live-chat-product-picker-disabled-icon-color: rgba(17, 17, 17, 0.4); - - --yt-pdg-paid-stickers-tab-selection-bar-color: var(--yt-spec-dark-blue); - --yt-pdg-paid-stickers-author-name-font-size: 14px; - --yt-pdg-paid-stickers-author-subtext-font-size: 13px; - --yt-pdg-paid-stickers-margin-left: 38px; - --yt-live-chat-ninja-message-background-color: transparent; - } - - html:not(.style-scope)[dark] { - --yt-live-chat-background-color: #191919; - --yt-live-chat-action-panel-background-color: #282828; - --yt-live-chat-action-panel-background-color-transparent: rgba(40, 40, 40, .8); - --yt-live-chat-secondary-background-color: #282828; - --yt-live-chat-toast-text-color: var(--yt-white); - --yt-live-chat-toast-background-color: #323232; - --yt-live-chat-mode-change-background-color: #333; - --yt-live-chat-primary-text-color: var(--yt-white); - --yt-live-chat-secondary-text-color: rgba(255, 255, 255, 0.7); - --yt-live-chat-tertiary-text-color: rgba(255, 255, 255, 0.54); - --yt-live-chat-text-input-field-inactive-underline-color: #666; - --yt-live-chat-text-input-field-placeholder-color: #666; - --yt-live-chat-icon-button-color: var(--yt-live-chat-primary-text-color); - --yt-live-chat-enabled-send-button-color: #fff; - --yt-live-chat-disabled-icon-button-color: rgba(255, 255, 255, 0.3); - --yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color); - --yt-live-chat-picker-button-active-color: var(--yt-white); - --yt-live-chat-picker-button-disabled-color: var(--yt-live-chat-disabled-icon-button-color); - --yt-live-chat-picker-button-hover-color: rgba(255, 255, 255, .74); - --yt-live-chat-mention-background-color: #ff5722; - --yt-live-chat-mention-text-color: #fff; - --yt-live-chat-deleted-message-color: rgba(255, 255, 255, 0.5); - --yt-live-chat-deleted-message-bar-color: rgba(255, 255, 255, 0.5); - --yt-live-chat-error-message-color: var(--yt-spec-brand-link-text); - --yt-live-chat-reconnect-message-color: #fff; - --yt-live-chat-disabled-button-background-color: #444; - --yt-live-chat-disabled-button-text-color: var(--yt-live-chat-secondary-text-color); - --yt-live-chat-sub-panel-background-color: #3e3e3e; - --yt-live-chat-sub-panel-background-color-transparent: rgba(62, 62, 62, .7); - --yt-live-chat-header-background-color: var(--yt-live-chat-action-panel-background-color); - --yt-live-chat-header-button-color: var(--yt-live-chat-secondary-text-color); - --yt-live-chat-moderator-color: #5e84f1; - --yt-live-chat-owner-color: #ffd600; - --yt-live-chat-message-highlight-background-color: #282828; - --yt-live-chat-author-chip-owner-text-color: var(--yt-luna-black); - --yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-5); - --yt-live-chat-author-chip-verified-text-color: var(--yt-spec-white-4); - --yt-live-chat-sponsor-color: #2ba640; - --yt-live-chat-overlay-color: rgba(0, 0, 0, .5); - --yt-live-chat-dialog-background-color: #424242; - --yt-live-chat-dialog-text-color: var(--yt-white); - - --yt-live-chat-button-default-text-color: var(--yt-white); - --yt-live-chat-button-default-background-color: var(--yt-white-opacity-lighten-4); - --yt-live-chat-button-dark-text-color: var(--yt-white); - --yt-live-chat-button-dark-background-color: var(--yt-white-opacity-lighten-4); - - --yt-live-chat-moderation-mode-hover-background-color: rgba(255, 255, 255, 0.3); - --yt-live-chat-additional-inline-action-button-color: var(--yt-grey); - --yt-live-chat-additional-inline-action-button-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-1); - --yt-live-chat-additional-inline-action-button-background-color-hover: var(--yt-opalescence-soft-grey); - - --yt-formatted-string-emoji-size: 24px; - --yt-live-chat-emoji-size: 24px; - - --yt-live-chat-text-input-field-suggestion-background-color: #3e3e3e; - --yt-live-chat-text-input-field-suggestion-background-color-hover: #343434; - --yt-live-chat-text-input-field-suggestion-text-color: var(--yt-white); - --yt-live-chat-text-input-field-suggestion-text-color-hover: var(--yt-white); - --yt-live-chat-text-input-field-placeholder-color: var(--yt-live-chat-secondary-text-color); - - --yt-live-chat-ticker-arrow-background: var(--yt-live-chat-action-panel-background-color); - - --yt-emoji-picker-category-background-color: var(--yt-live-chat-action-panel-background-color-transparent); - --yt-emoji-picker-category-color: var(--yt-live-chat-secondary-text-color); - --yt-emoji-picker-category-button-color: var(--yt-live-chat-picker-button-color); - --yt-emoji-picker-search-background-color: #444; - --yt-emoji-picker-search-color: #fff; - --yt-emoji-picker-search-placeholder-color: #999; - - --yt-live-chat-slider-active-color: #2196f3; - --yt-live-chat-slider-container-color: #515151; - --yt-live-chat-slider-markers-color: #fff; - - --yt-live-chat-banner-gradient-scrim: linear-gradient(rgba(40, 40, 40, 0.95), transparent); - --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, rgba(40, 40, 40, 0.95), transparent); - --yt-live-chat-poll-editor-start-button-color: var(--yt-spec-icon-active-other); - --yt-live-chat-poll-editor-start-button-background-color-disabled: var(--yt-spec-grey-1); - - --yt-live-chat-automod-button-background-color: var(--yt-opalescence-grey-opacity-lighten-3); - --yt-live-chat-automod-button-background-color-hover: rgba(255, 255, 255, 0.5); - --yt-live-chat-automod-button-explanation-color: rgba(255, 255, 255, 0.7); - - --yt-live-chat-countdown-opacity: 0.5; - --yt-live-chat-shimmer-background-color: rgba(17, 17, 17, 0.4); - --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(0, 0, 0, .1) 40%, rgba(100, 100, 100, .3) 50%, rgba(0, 0, 0, .1) 60%); - - --yt-live-chat-vem-background-color: #3e3e3e; - - --yt-live-chat-product-picker-icon-color: rgba(255, 255, 255, 0.5); - --yt-live-chat-product-picker-hover-color: rgba(68, 68, 68, 1); - --yt-live-chat-product-picker-disabled-icon-color: rgba(255, 255, 255, 0.3); - - --yt-pdg-paid-stickers-tab-selection-bar-color: var(--yt-spec-light-blue); - } - - html:not(.style-scope)[watch-color-update] { - --yt-live-chat-background-color: var(--yt-spec-general-background-a); - --yt-live-chat-header-background-color: var(--yt-spec-brand-background-primary); - --yt-live-chat-action-panel-background-color: var(--yt-spec-brand-background-primary); - --yt-live-chat-message-highlight-background-color: var(--yt-spec-brand-background-primary); - --yt-live-chat-ninja-message-background-color: var(--yt-spec-brand-background-primary); - } - - :not(.style-scope)[hidden] { - display: none !important; - } - - html:not(.style-scope) { - --layout_-_display: flex;; - - --layout-inline_-_display: inline-flex;; - - --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal_-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;; - - --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-horizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse_-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-direction: row-reverse;; - - --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_-ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;; - - --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vertical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_-webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direction: column-reverse;; - - --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wrap; --layout-wrap_-_flex-wrap: wrap;; - - --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-reverse;; - - --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;; - - --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: none; --layout-flex-none_-_flex: none;; - - --layout-flex_-_-ms-flex: 1 1 0.000000001px; --layout-flex_-_-webkit-flex: 1; --layout-flex_-_flex: 1; --layout-flex_-_-webkit-flex-basis: 0.000000001px; --layout-flex_-_flex-basis: 0.000000001px;; - - --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout-flex-2_-_flex: 2;; - - --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout-flex-3_-_flex: 3;; - - --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout-flex-4_-_flex: 4;; - - --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout-flex-5_-_flex: 5;; - - --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout-flex-6_-_flex: 6;; - - --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout-flex-7_-_flex: 7;; - - --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout-flex-8_-_flex: 8;; - - --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout-flex-9_-_flex: 9;; - - --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --layout-flex-10_-_flex: 10;; - - --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --layout-flex-11_-_flex: 11;; - - --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --layout-flex-12_-_flex: 12;; - - - - --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-items: flex-start; --layout-start_-_align-items: flex-start;; - - --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-items: center; --layout-center_-_align-items: center;; - - --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: flex-end; --layout-end_-_align-items: flex-end;; - - --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-align-items: baseline; --layout-baseline_-_align-items: baseline;; - - - - --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_-_-webkit-justify-content: flex-start; --layout-start-justified_-_justify-content: flex-start;; - - --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justified_-_-webkit-justify-content: center; --layout-center-justified_-_justify-content: center;; - - --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webkit-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-end;; - - --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-justified_-_-webkit-justify-content: space-around; --layout-around-justified_-_justify-content: space-around;; - - --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-justify-content: space-between; --layout-justified_-_justify-content: space-between;; - - --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-align); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webkit-align-items); --layout-center-center_-_align-items: var(--layout-center_-_align-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); --layout-center-center_-_justify-content: var(--layout-center-justified_-_justify-content);; - - - - --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-webkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;; - - --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webkit-align-self: center; --layout-self-center_-_align-self: center;; - - --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-align-self: flex-end; --layout-self-end_-_align-self: flex-end;; - - --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-webkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;; - - --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_-_-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;; - - - - --layout-start-aligned_-_-ms-flex-line-pack: start; --layout-start-aligned_-_-ms-align-content: flex-start; --layout-start-aligned_-_-webkit-align-content: flex-start; --layout-start-aligned_-_align-content: flex-start;; - - --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms-align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-end; --layout-end-aligned_-_align-content: flex-end;; - - --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-aligned_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content: center; --layout-center-aligned_-_align-content: center;; - - --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-aligned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-align-content: space-between; --layout-between-aligned_-_align-content: space-between;; - - --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-aligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-align-content: space-around; --layout-around-aligned_-_align-content: space-around;; - - - - --layout-block_-_display: block;; - - --layout-invisible_-_visibility: hidden !important;; - - --layout-relative_-_position: relative;; - - --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_right: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;; - - --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_overflow: auto;; - - --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;; - - - - --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layout-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; - - --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --layout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; - - --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; - - --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --layout-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; - } - - html:not(.style-scope) { - --google-red-100: #f4c7c3; - --google-red-300: #e67c73; - --google-red-500: #db4437; - --google-red-700: #c53929; - - --google-blue-100: #c6dafc; - --google-blue-300: #7baaf7; - --google-blue-500: #4285f4; - --google-blue-700: #3367d6; - - --google-green-100: #b7e1cd; - --google-green-300: #57bb8a; - --google-green-500: #0f9d58; - --google-green-700: #0b8043; - - --google-yellow-100: #fce8b2; - --google-yellow-300: #f7cb4d; - --google-yellow-500: #f4b400; - --google-yellow-700: #f09300; - - --google-grey-100: #f5f5f5; - --google-grey-300: #e0e0e0; - --google-grey-500: #9e9e9e; - --google-grey-700: #616161; - - - - --paper-red-50: #ffebee; - --paper-red-100: #ffcdd2; - --paper-red-200: #ef9a9a; - --paper-red-300: #e57373; - --paper-red-400: #ef5350; - --paper-red-500: #f44336; - --paper-red-600: #e53935; - --paper-red-700: #d32f2f; - --paper-red-800: #c62828; - --paper-red-900: #b71c1c; - --paper-red-a100: #ff8a80; - --paper-red-a200: #ff5252; - --paper-red-a400: #ff1744; - --paper-red-a700: #d50000; - - --paper-pink-50: #fce4ec; - --paper-pink-100: #f8bbd0; - --paper-pink-200: #f48fb1; - --paper-pink-300: #f06292; - --paper-pink-400: #ec407a; - --paper-pink-500: #e91e63; - --paper-pink-600: #d81b60; - --paper-pink-700: #c2185b; - --paper-pink-800: #ad1457; - --paper-pink-900: #880e4f; - --paper-pink-a100: #ff80ab; - --paper-pink-a200: #ff4081; - --paper-pink-a400: #f50057; - --paper-pink-a700: #c51162; - - --paper-purple-50: #f3e5f5; - --paper-purple-100: #e1bee7; - --paper-purple-200: #ce93d8; - --paper-purple-300: #ba68c8; - --paper-purple-400: #ab47bc; - --paper-purple-500: #9c27b0; - --paper-purple-600: #8e24aa; - --paper-purple-700: #7b1fa2; - --paper-purple-800: #6a1b9a; - --paper-purple-900: #4a148c; - --paper-purple-a100: #ea80fc; - --paper-purple-a200: #e040fb; - --paper-purple-a400: #d500f9; - --paper-purple-a700: #aa00ff; - - --paper-deep-purple-50: #ede7f6; - --paper-deep-purple-100: #d1c4e9; - --paper-deep-purple-200: #b39ddb; - --paper-deep-purple-300: #9575cd; - --paper-deep-purple-400: #7e57c2; - --paper-deep-purple-500: #673ab7; - --paper-deep-purple-600: #5e35b1; - --paper-deep-purple-700: #512da8; - --paper-deep-purple-800: #4527a0; - --paper-deep-purple-900: #311b92; - --paper-deep-purple-a100: #b388ff; - --paper-deep-purple-a200: #7c4dff; - --paper-deep-purple-a400: #651fff; - --paper-deep-purple-a700: #6200ea; - - --paper-indigo-50: #e8eaf6; - --paper-indigo-100: #c5cae9; - --paper-indigo-200: #9fa8da; - --paper-indigo-300: #7986cb; - --paper-indigo-400: #5c6bc0; - --paper-indigo-500: #3f51b5; - --paper-indigo-600: #3949ab; - --paper-indigo-700: #303f9f; - --paper-indigo-800: #283593; - --paper-indigo-900: #1a237e; - --paper-indigo-a100: #8c9eff; - --paper-indigo-a200: #536dfe; - --paper-indigo-a400: #3d5afe; - --paper-indigo-a700: #304ffe; - - --paper-blue-50: #e3f2fd; - --paper-blue-100: #bbdefb; - --paper-blue-200: #90caf9; - --paper-blue-300: #64b5f6; - --paper-blue-400: #42a5f5; - --paper-blue-500: #2196f3; - --paper-blue-600: #1e88e5; - --paper-blue-700: #1976d2; - --paper-blue-800: #1565c0; - --paper-blue-900: #0d47a1; - --paper-blue-a100: #82b1ff; - --paper-blue-a200: #448aff; - --paper-blue-a400: #2979ff; - --paper-blue-a700: #2962ff; - - --paper-light-blue-50: #e1f5fe; - --paper-light-blue-100: #b3e5fc; - --paper-light-blue-200: #81d4fa; - --paper-light-blue-300: #4fc3f7; - --paper-light-blue-400: #29b6f6; - --paper-light-blue-500: #03a9f4; - --paper-light-blue-600: #039be5; - --paper-light-blue-700: #0288d1; - --paper-light-blue-800: #0277bd; - --paper-light-blue-900: #01579b; - --paper-light-blue-a100: #80d8ff; - --paper-light-blue-a200: #40c4ff; - --paper-light-blue-a400: #00b0ff; - --paper-light-blue-a700: #0091ea; - - --paper-cyan-50: #e0f7fa; - --paper-cyan-100: #b2ebf2; - --paper-cyan-200: #80deea; - --paper-cyan-300: #4dd0e1; - --paper-cyan-400: #26c6da; - --paper-cyan-500: #00bcd4; - --paper-cyan-600: #00acc1; - --paper-cyan-700: #0097a7; - --paper-cyan-800: #00838f; - --paper-cyan-900: #006064; - --paper-cyan-a100: #84ffff; - --paper-cyan-a200: #18ffff; - --paper-cyan-a400: #00e5ff; - --paper-cyan-a700: #00b8d4; - - --paper-teal-50: #e0f2f1; - --paper-teal-100: #b2dfdb; - --paper-teal-200: #80cbc4; - --paper-teal-300: #4db6ac; - --paper-teal-400: #26a69a; - --paper-teal-500: #009688; - --paper-teal-600: #00897b; - --paper-teal-700: #00796b; - --paper-teal-800: #00695c; - --paper-teal-900: #004d40; - --paper-teal-a100: #a7ffeb; - --paper-teal-a200: #64ffda; - --paper-teal-a400: #1de9b6; - --paper-teal-a700: #00bfa5; - - --paper-green-50: #e8f5e9; - --paper-green-100: #c8e6c9; - --paper-green-200: #a5d6a7; - --paper-green-300: #81c784; - --paper-green-400: #66bb6a; - --paper-green-500: #4caf50; - --paper-green-600: #43a047; - --paper-green-700: #388e3c; - --paper-green-800: #2e7d32; - --paper-green-900: #1b5e20; - --paper-green-a100: #b9f6ca; - --paper-green-a200: #69f0ae; - --paper-green-a400: #00e676; - --paper-green-a700: #00c853; - - --paper-light-green-50: #f1f8e9; - --paper-light-green-100: #dcedc8; - --paper-light-green-200: #c5e1a5; - --paper-light-green-300: #aed581; - --paper-light-green-400: #9ccc65; - --paper-light-green-500: #8bc34a; - --paper-light-green-600: #7cb342; - --paper-light-green-700: #689f38; - --paper-light-green-800: #558b2f; - --paper-light-green-900: #33691e; - --paper-light-green-a100: #ccff90; - --paper-light-green-a200: #b2ff59; - --paper-light-green-a400: #76ff03; - --paper-light-green-a700: #64dd17; - - --paper-lime-50: #f9fbe7; - --paper-lime-100: #f0f4c3; - --paper-lime-200: #e6ee9c; - --paper-lime-300: #dce775; - --paper-lime-400: #d4e157; - --paper-lime-500: #cddc39; - --paper-lime-600: #c0ca33; - --paper-lime-700: #afb42b; - --paper-lime-800: #9e9d24; - --paper-lime-900: #827717; - --paper-lime-a100: #f4ff81; - --paper-lime-a200: #eeff41; - --paper-lime-a400: #c6ff00; - --paper-lime-a700: #aeea00; - - --paper-yellow-50: #fffde7; - --paper-yellow-100: #fff9c4; - --paper-yellow-200: #fff59d; - --paper-yellow-300: #fff176; - --paper-yellow-400: #ffee58; - --paper-yellow-500: #ffeb3b; - --paper-yellow-600: #fdd835; - --paper-yellow-700: #fbc02d; - --paper-yellow-800: #f9a825; - --paper-yellow-900: #f57f17; - --paper-yellow-a100: #ffff8d; - --paper-yellow-a200: #ffff00; - --paper-yellow-a400: #ffea00; - --paper-yellow-a700: #ffd600; - - --paper-amber-50: #fff8e1; - --paper-amber-100: #ffecb3; - --paper-amber-200: #ffe082; - --paper-amber-300: #ffd54f; - --paper-amber-400: #ffca28; - --paper-amber-500: #ffc107; - --paper-amber-600: #ffb300; - --paper-amber-700: #ffa000; - --paper-amber-800: #ff8f00; - --paper-amber-900: #ff6f00; - --paper-amber-a100: #ffe57f; - --paper-amber-a200: #ffd740; - --paper-amber-a400: #ffc400; - --paper-amber-a700: #ffab00; - - --paper-orange-50: #fff3e0; - --paper-orange-100: #ffe0b2; - --paper-orange-200: #ffcc80; - --paper-orange-300: #ffb74d; - --paper-orange-400: #ffa726; - --paper-orange-500: #ff9800; - --paper-orange-600: #fb8c00; - --paper-orange-700: #f57c00; - --paper-orange-800: #ef6c00; - --paper-orange-900: #e65100; - --paper-orange-a100: #ffd180; - --paper-orange-a200: #ffab40; - --paper-orange-a400: #ff9100; - --paper-orange-a700: #ff6500; - - --paper-deep-orange-50: #fbe9e7; - --paper-deep-orange-100: #ffccbc; - --paper-deep-orange-200: #ffab91; - --paper-deep-orange-300: #ff8a65; - --paper-deep-orange-400: #ff7043; - --paper-deep-orange-500: #ff5722; - --paper-deep-orange-600: #f4511e; - --paper-deep-orange-700: #e64a19; - --paper-deep-orange-800: #d84315; - --paper-deep-orange-900: #bf360c; - --paper-deep-orange-a100: #ff9e80; - --paper-deep-orange-a200: #ff6e40; - --paper-deep-orange-a400: #ff3d00; - --paper-deep-orange-a700: #dd2c00; - - --paper-brown-50: #efebe9; - --paper-brown-100: #d7ccc8; - --paper-brown-200: #bcaaa4; - --paper-brown-300: #a1887f; - --paper-brown-400: #8d6e63; - --paper-brown-500: #795548; - --paper-brown-600: #6d4c41; - --paper-brown-700: #5d4037; - --paper-brown-800: #4e342e; - --paper-brown-900: #3e2723; - - --paper-grey-50: #fafafa; - --paper-grey-100: #f5f5f5; - --paper-grey-200: #eeeeee; - --paper-grey-300: #e0e0e0; - --paper-grey-400: #bdbdbd; - --paper-grey-500: #9e9e9e; - --paper-grey-600: #757575; - --paper-grey-700: #616161; - --paper-grey-800: #424242; - --paper-grey-900: #212121; - - --paper-blue-grey-50: #eceff1; - --paper-blue-grey-100: #cfd8dc; - --paper-blue-grey-200: #b0bec5; - --paper-blue-grey-300: #90a4ae; - --paper-blue-grey-400: #78909c; - --paper-blue-grey-500: #607d8b; - --paper-blue-grey-600: #546e7a; - --paper-blue-grey-700: #455a64; - --paper-blue-grey-800: #37474f; - --paper-blue-grey-900: #263238; - - - --dark-divider-opacity: 0.12; - --dark-disabled-opacity: 0.38; - --dark-secondary-opacity: 0.54; - --dark-primary-opacity: 0.87; - - - --light-divider-opacity: 0.12; - --light-disabled-opacity: 0.3; - --light-secondary-opacity: 0.7; - --light-primary-opacity: 1.0; - } - - html:not(.style-scope) { - --primary-text-color: var(--light-theme-text-color); - --primary-background-color: var(--light-theme-background-color); - --secondary-text-color: var(--light-theme-secondary-color); - --disabled-text-color: var(--light-theme-disabled-color); - --divider-color: var(--light-theme-divider-color); - --error-color: var(--paper-deep-orange-a700); - - - --primary-color: var(--paper-indigo-500); - --light-primary-color: var(--paper-indigo-100); - --dark-primary-color: var(--paper-indigo-700); - - --accent-color: var(--paper-pink-a200); - --light-accent-color: var(--paper-pink-a100); - --dark-accent-color: var(--paper-pink-a400); - - - - --light-theme-background-color: #ffffff; - --light-theme-base-color: #000000; - --light-theme-text-color: var(--paper-grey-900); - --light-theme-secondary-color: #737373; - --light-theme-disabled-color: #9b9b9b; - --light-theme-divider-color: #dbdbdb; - - - --dark-theme-background-color: var(--paper-grey-900); - --dark-theme-base-color: #ffffff; - --dark-theme-text-color: #ffffff; - --dark-theme-secondary-color: #bcbcbc; - --dark-theme-disabled-color: #646464; - --dark-theme-divider-color: #3c3c3c; - - - --text-primary-color: var(--dark-theme-text-color); - --default-primary-color: var(--primary-color); - } - - html:not(.style-scope) { - --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper-font-common-base_-_-webkit-font-smoothing: antialiased;; - - --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; - - --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;; - - --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowrap_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; - - - - --paper-font-display4_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display4_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display4_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-display4_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-display4_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display4_-_font-size: 112px; --paper-font-display4_-_font-weight: 300; --paper-font-display4_-_letter-spacing: -.044em; --paper-font-display4_-_line-height: 120px;; - - --paper-font-display3_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display3_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display3_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-display3_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-display3_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display3_-_font-size: 56px; --paper-font-display3_-_font-weight: 400; --paper-font-display3_-_letter-spacing: -.026em; --paper-font-display3_-_line-height: 60px;; - - --paper-font-display2_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display2_-_font-size: 45px; --paper-font-display2_-_font-weight: 400; --paper-font-display2_-_letter-spacing: -.018em; --paper-font-display2_-_line-height: 48px;; - - --paper-font-display1_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display1_-_font-size: 34px; --paper-font-display1_-_font-weight: 400; --paper-font-display1_-_letter-spacing: -.01em; --paper-font-display1_-_line-height: 40px;; - - --paper-font-headline_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-headline_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-headline_-_font-size: 24px; --paper-font-headline_-_font-weight: 400; --paper-font-headline_-_letter-spacing: -.012em; --paper-font-headline_-_line-height: 32px;; - - --paper-font-title_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-title_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-title_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-title_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-title_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-title_-_font-size: 20px; --paper-font-title_-_font-weight: 500; --paper-font-title_-_line-height: 28px;; - - --paper-font-subhead_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-subhead_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-subhead_-_font-size: 16px; --paper-font-subhead_-_font-weight: 400; --paper-font-subhead_-_line-height: 24px;; - - --paper-font-body2_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-body2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body2_-_font-size: 14px; --paper-font-body2_-_font-weight: 500; --paper-font-body2_-_line-height: 24px;; - - --paper-font-body1_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-body1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body1_-_font-size: 14px; --paper-font-body1_-_font-weight: 400; --paper-font-body1_-_line-height: 20px;; - - --paper-font-caption_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-caption_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-caption_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-caption_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-caption_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-caption_-_font-size: 12px; --paper-font-caption_-_font-weight: 400; --paper-font-caption_-_letter-spacing: 0.011em; --paper-font-caption_-_line-height: 20px;; - - --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu_-_font-weight: 500; --paper-font-menu_-_line-height: 24px;; - - --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --paper-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transform: uppercase;; - - --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-family); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-code2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;; - - --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-family); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-code1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;; - } - - html:not(.style-scope) { - --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);; - - --shadow-none_-_box-shadow: none;; - - - - --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);; - - --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);; - - --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);; - - --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);; - - --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);; - - --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);; - - --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);; - - --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);; - } - - html:not(.style-scope)[creator-page-styling],yt-live-chat-app:not(.style-scope)[creator-page-styling] { - --yt-live-chat-upsell-dialog-renderer-border: 1px solid #d4d4d4; - --yt-live-chat-upsell-dialog-renderer-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); - - --live-chat-upsell-dialog-renderer-content_-_padding: 24px 24px 0;; - - --live-chat-upsell-dialog-renderer-title_-_font-size: 15px; --live-chat-upsell-dialog-renderer-title_-_font-weight: 500; --live-chat-upsell-dialog-renderer-title_-_line-height: 20px; --live-chat-upsell-dialog-renderer-title_-_margin-bottom: 17px;; - - --live-chat-upsell-dialog-renderer-text_-_font-size: 12px; --live-chat-upsell-dialog-renderer-text_-_line-height: 17px;; - - --live-chat-upsell-dialog-renderer-button-container_-_padding: 16px 16px 19px 24px;; - - --yt-live-chat-upsell-dialog-renderer-button-padding: 7px 15px; - --live-chat-upsell-dialog-renderer-button-font-size: 11px; - --live-chat-upsell-dialog-renderer-button-text-transform: none; - - --yt-live-chat-upsell-dialog-renderer-action-button-color: var(--yt-white); - --yt-live-chat-upsell-dialog-renderer-action-button-background: var(--yt-blue-light); - } - - yt-live-chat-app:not(.style-scope)[live-dashboard] { - --yt-live-chat-header-text-color: var(--yt-opalescence-dark-grey); - --yt-live-chat-header-background-color: var(--yt-white); - --yt-live-chat-header-bottom-border: 1px solid var(--yt-opalescence-soft-grey); - --yt-live-chat-header-button-color: var(--yt-opalescence-dark-grey); - --yt-live-chat-action-panel-top-border: 1px solid var(--yt-opalescence-soft-grey); - } - - html:not(.style-scope)[dashboard-money-feed],yt-live-chat-app:not(.style-scope)[dashboard-money-feed] { - --yt-live-chat-item-list-renderer-padding: 0; - --yt-live-chat-item-list-item-border: 1px solid #e2e2e2; - --yt-live-chat-item-timestamp-margin: 0; - --yt-live-chat-paid-message-timestamp-display: inline; - --yt-live-chat-server-error-message-display: none; - } - - html:not(.style-scope)[dark]:not(.style-scope)[dashboard-money-feed],html:not(.style-scope)[dark] yt-live-chat-app:not(.style-scope)[dashboard-money-feed] { - --yt-live-chat-item-list-item-border: none; - } - - html:not(.style-scope) { - --yt-spec-brand-background-solid: #fff; - --yt-spec-brand-background-primary: rgba(255, 255, 255, 0.98); - --yt-spec-brand-background-secondary: rgba(255, 255, 255, 0.95); - --yt-spec-general-background-a: #f9f9f9; - --yt-spec-general-background-b: #f1f1f1; - --yt-spec-general-background-c: #e9e9e9; - --yt-spec-error-background: #181818; - --yt-spec-text-primary: #030303; - --yt-spec-text-primary-inverse: #fff; - --yt-spec-text-secondary: #606060; - --yt-spec-text-disabled: #909090; - --yt-spec-call-to-action: #065fd4; - --yt-spec-icon-active-other: #606060; - --yt-spec-icon-inactive: #909090; - --yt-spec-icon-disabled: #ccc; - --yt-spec-badge-chip-background: rgba(0, 0, 0, 0.05); - --yt-spec-verified-badge-background: rgba(0, 0, 0, 0.15); - --yt-spec-suggested-action: #f2f8ff; - --yt-spec-button-chip-background-hover: rgba(0, 0, 0, 0.1); - --yt-spec-touch-response: #000; - --yt-spec-paper-tab-ink: rgba(0, 0, 0, 0.3); - --yt-spec-filled-button-text: #fff; - --yt-spec-call-to-action-inverse: #3ea6ff; - --yt-spec-brand-icon-active: #f00; - --yt-spec-brand-icon-inactive: #606060; - --yt-spec-brand-button-background: #c00; - --yt-spec-brand-link-text: #c00; - --yt-spec-filled-button-focus-outline: rgba(0, 0, 0, 0.6); - --yt-spec-call-to-action-button-focus-outline: rgba(6, 95, 212, 0.3); - --yt-spec-brand-text-button-focus-outline: rgba(204, 0, 0, 0.3); - --yt-spec-inactive-text-button-focus-outline: #ccc; - --yt-spec-ad-indicator: #00716c; - --yt-spec-brand-subscribe-button-background: var(--yt-spec-brand-button-background); - --yt-spec-wordmark-text: #212121; - --yt-spec-10-percent-layer: rgba(0, 0, 0, 0.1); - --yt-spec-snackbar-background: #212121; - --yt-spec-selected-nav-text: #c00; - --yt-spec-themed-blue: #065fd4; - --yt-spec-themed-green: #107516; - --yt-spec-themed-overlay-background: rgba(255, 255, 255, 0.7); - --yt-spec-static-brand-red: #f00; - --yt-spec-static-brand-white: #fff; - --yt-spec-static-brand-black: #212121; - --yt-spec-static-ad-yellow: #fbc02d; - --yt-spec-static-overlay-background-solid: #000; - --yt-spec-static-overlay-background-heavy: rgba(0, 0, 0, 0.8); - --yt-spec-static-overlay-background-medium: rgba(0, 0, 0, 0.6); - --yt-spec-static-overlay-background-medium-light: rgba(0, 0, 0, 0.3); - --yt-spec-static-overlay-background-light: rgba(0, 0, 0, 0.1); - --yt-spec-static-overlay-text-primary: #fff; - --yt-spec-static-overlay-text-secondary: rgba(255, 255, 255, 0.7); - --yt-spec-static-overlay-text-disabled: rgba(255, 255, 255, 0.3); - --yt-spec-static-overlay-call-to-action: #3ea6ff; - --yt-spec-static-overlay-icon-active-other: #fff; - --yt-spec-static-overlay-icon-inactive: rgba(255, 255, 255, 0.7); - --yt-spec-static-overlay-icon-disabled: rgba(255, 255, 255, 0.3); - --yt-spec-static-overlay-button-primary: rgba(255, 255, 255, 0.3); - --yt-spec-static-overlay-button-secondary: rgba(255, 255, 255, 0.1); - --yt-spec-static-overlay-background-brand: rgba(204, 0, 0, 0.9); - } - - html:not(.style-scope)[dark],:not(.style-scope)[dark] { - --yt-spec-brand-background-solid: #212121; - --yt-spec-brand-background-primary: rgba(33, 33, 33, 0.98); - --yt-spec-brand-background-secondary: rgba(33, 33, 33, 0.95); - --yt-spec-general-background-a: #181818; - --yt-spec-general-background-b: #0f0f0f; - --yt-spec-general-background-c: #030303; - --yt-spec-error-background: #f9f9f9; - --yt-spec-text-primary: #fff; - --yt-spec-text-primary-inverse: #030303; - --yt-spec-text-secondary: #aaa; - --yt-spec-text-disabled: #717171; - --yt-spec-call-to-action: #3ea6ff; - --yt-spec-icon-active-other: #fff; - --yt-spec-icon-inactive: #909090; - --yt-spec-icon-disabled: #606060; - --yt-spec-badge-chip-background: rgba(255, 255, 255, 0.1); - --yt-spec-verified-badge-background: rgba(255, 255, 255, 0.25); - --yt-spec-suggested-action: #252a3a; - --yt-spec-button-chip-background-hover: rgba(255, 255, 255, 0.2); - --yt-spec-touch-response: #fff; - --yt-spec-paper-tab-ink: rgba(255, 255, 255, 0.3); - --yt-spec-filled-button-text: #030303; - --yt-spec-call-to-action-inverse: #065fd4; - --yt-spec-brand-icon-active: #fff; - --yt-spec-brand-icon-inactive: #909090; - --yt-spec-brand-button-background: #c00; - --yt-spec-brand-link-text: #ff4e45; - --yt-spec-filled-button-focus-outline: rgba(255, 255, 255, 0.7); - --yt-spec-call-to-action-button-focus-outline: rgba(62, 166, 255, 0.3); - --yt-spec-brand-text-button-focus-outline: rgba(255, 78, 69, 0.3); - --yt-spec-inactive-text-button-focus-outline: #606060; - --yt-spec-ad-indicator: #00aaa7; - --yt-spec-brand-subscribe-button-background: var(--yt-spec-brand-button-background); - --yt-spec-wordmark-text: #fff; - --yt-spec-10-percent-layer: rgba(255, 255, 255, 0.1); - --yt-spec-snackbar-background: #030303; - --yt-spec-selected-nav-text: #fff; - --yt-spec-themed-blue: #3ea6ff; - --yt-spec-themed-green: #2ba640; - --yt-spec-themed-overlay-background: rgba(0, 0, 0, 0.8); - } - - html:not(.style-scope) { - --yt-spec-white-1: #FFFFFF; - --yt-spec-white-2: #F9F9F9; - --yt-spec-white-3: #F1F1F1; - --yt-spec-white-4: #E9E9E9; - - --yt-spec-black-1: #282828; - --yt-spec-black-2: #1F1F1F; - --yt-spec-black-3: #161616; - --yt-spec-black-4: #0D0D0D; - --yt-spec-black-pure: #000000; - - --yt-spec-grey-1: #CCCCCC; - --yt-spec-grey-2: #AAAAAA; - --yt-spec-grey-3: #909090; - --yt-spec-grey-4: #717171; - --yt-spec-grey-5: #606060; - - --yt-brand-youtube-red: #FF0000; - --yt-brand-medium-red: #CC0000; - --yt-brand-light-red: #FF4E45; - --yt-spec-red-30: #FF8983; - --yt-spec-red-70: #990412; - - --yt-spec-pale-blue: #F2F8FF; - --yt-spec-light-blue: #3EA6FF; - --yt-spec-dark-blue: #065FD4; - --yt-spec-navy-blue: #252A3A; - --yt-spec-light-green: #2BA640; - --yt-spec-dark-green: #107516; - --yt-spec-yellow: #FBC02D; - - - --yt-spec-black-pure-alpha-5: rgba(0, 0, 0, 0.05); - --yt-spec-black-pure-alpha-10: rgba(0, 0, 0, 0.10); - --yt-spec-black-pure-alpha-15: rgba(0, 0, 0, 0.15); - --yt-spec-black-pure-alpha-30: rgba(0, 0, 0, 0.30); - --yt-spec-black-pure-alpha-60: rgba(0, 0, 0, 0.60); - --yt-spec-black-pure-alpha-80: rgba(0, 0, 0, 0.80); - - --yt-spec-black-1-alpha-98: rgba(40, 40, 40, 0.98); - --yt-spec-black-1-alpha-95: rgba(40, 40, 40, 0.95); - - --yt-spec-white-1-alpha-10: rgba(255, 255, 255, 0.10); - --yt-spec-white-1-alpha-20: rgba(255, 255, 255, 0.20); - --yt-spec-white-1-alpha-25: rgba(255, 255, 255, 0.25); - --yt-spec-white-1-alpha-30: rgba(255, 255, 255, 0.30); - --yt-spec-white-1-alpha-70: rgba(255, 255, 255, 0.70); - --yt-spec-white-1-alpha-95: rgba(255, 255, 255, 0.95); - --yt-spec-white-1-alpha-98: rgba(255, 255, 255, 0.98); - - --yt-brand-medium-red-alpha-90: rgba(204, 0, 0, 0.90); - --yt-brand-medium-red-alpha-30: rgba(204, 0, 0, 0.30); - - --yt-brand-light-red-alpha-30: rgba(255, 78, 69, 0.30); - - --yt-spec-light-blue-alpha-30: rgba(62, 166, 255, 0.30); - - --yt-spec-dark-blue-alpha-30: rgba(6, 95, 212, 0.30); - } - - html:not(.style-scope) { - --yt-luna-black: #111111; - --yt-opalescence-grey: #888888; - --yt-opalescence-soft-grey: #eeeeee; - --yt-opalescence-dark-grey: #333333; - --yt-red: #e62117; - --yt-white: white; - --yt-blue: #2793e6; - --ad-yellow: #e6bc27; - --yt-surface-100: white; - --yt-surface-200: #fafafa; - --yt-surface-300: whitesmoke; - --yt-surface-400: #ededed; - --yt-body-500: rgba(0, 0, 0, 0.87); - --yt-body-400: rgba(0, 0, 0, 0.74); - --yt-body-300: rgba(0, 0, 0, 0.54); - --yt-body-200: rgba(0, 0, 0, 0.26); - --yt-body-100: rgba(0, 0, 0, 0.04); - --yt-opacity-lighten-1: 0.8; - --yt-opacity-lighten-2: 0.6; - --yt-opacity-lighten-3: 0.4; - --yt-opacity-lighten-4: 0.2; - --yt-opacity-lighten-5: 0.1; - --yt-luna-black-opacity-lighten-1: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-1)); - --yt-luna-black-opacity-lighten-2: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-2)); - --yt-luna-black-opacity-lighten-2-hex: #707070; - --yt-luna-black-opacity-lighten-3: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-3)); - --yt-luna-black-opacity-lighten-4: hsla(0, 0%, 6.7%, var(--yt-opacity-lighten-4)); - --yt-opalescence-grey-opacity-lighten-1: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-1)); - --yt-opalescence-grey-opacity-lighten-2: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-2)); - --yt-opalescence-grey-opacity-lighten-3: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-3)); - --yt-opalescence-grey-opacity-lighten-4: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-4)); - --yt-opalescence-grey-opacity-lighten-5: hsla(0, 0%, 53.3%, var(--yt-opacity-lighten-5)); - --yt-opalescence-soft-grey-opacity-lighten-1: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-1)); - --yt-opalescence-soft-grey-opacity-lighten-2: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-2)); - --yt-opalescence-soft-grey-opacity-lighten-3: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-3)); - --yt-opalescence-soft-grey-opacity-lighten-4: hsla(0, 0%, 93.3%, var(--yt-opacity-lighten-4)); - --yt-white-opacity-lighten-1: hsla(0, 0%, 100%, var(--yt-opacity-lighten-1)); - --yt-white-opacity-lighten-2: hsla(0, 0%, 100%, var(--yt-opacity-lighten-2)); - --yt-white-opacity-lighten-3: hsla(0, 0%, 100%, var(--yt-opacity-lighten-3)); - --yt-white-opacity-lighten-4: hsla(0, 0%, 100%, var(--yt-opacity-lighten-4)); - --yt-blue-opacity-lighten-2: hsla(206.1, 79.3%, 52.7%, var(--yt-opacity-lighten-2)); - --yt-blue-opacity-lighten-4: hsla(206.1, 79.3%, 52.7%, var(--yt-opacity-lighten-4)); - --yt-playability-button-color: #262626; - --yt-blue-light: #167ac6; - --yt-blue-suggestive: #f2f8ff; - --yt-grey: #222222; - --yt-section-4-light: #e3e3e3; - --yt-dark-surface-100: #121212; - --yt-dark-surface-200: #1c1c1c; - --yt-dark-surface-200-lighten-1: rgba(28, 28, 28, 0.8); - --yt-dark-surface-300: #242424; - --yt-dark-surface-400: #292929; - --yt-dark-body-500: rgba(255, 255, 255, 0.88); - --yt-dark-body-400: rgba(255, 255, 255, 0.74); - --yt-dark-body-300: rgba(255, 255, 255, 0.5); - --yt-dark-body-200: rgba(255, 255, 255, 0.26); - --yt-dark-body-100: rgba(255, 255, 255, 0.08); - --yt-section-4-dark: #292929; - --yt-subscribe-button-count: rgba(255, 255, 255, 0.85); - } - - html:not(.style-scope) { - --yt-std-body-200: var(--yt-body-200); - --yt-std-body-300: var(--yt-body-300); - --yt-std-surface-200: var(--yt-surface-200); - --yt-std-surface-300: var(--yt-surface-300); - --yt-std-surface-400: var(--yt-surface-400); - --yt-primary-color: var(--yt-luna-black); - --yt-primary-text-color: var(--yt-luna-black); - --yt-secondary-text-color: var(--yt-luna-black-opacity-lighten-1); - --yt-tertiary-text-color: var(--yt-luna-black-opacity-lighten-2); - --yt-placeholder-text-color: var(--yt-luna-black-opacity-lighten-2); - --yt-border-color: var(--yt-opalescence-soft-grey); - --yt-commentbox-border-inactive: var(--yt-opalescence-soft-grey); - --yt-commentbox-border-active: var(--yt-luna-black-opacity-lighten-2); - --yt-primary-disabled-button-text-color: var(--yt-white); - --yt-paper-radio-button-checked-color: var(--yt-opalescence-grey); - --yt-paper-button-ink-color: var(--yt-opalescence-grey); - --yt-icon-color: var(--yt-luna-black-opacity-lighten-3); - --yt-icon-hover-color: var(--yt-luna-black-opacity-lighten-1); - --yt-icon-disabled-color: var(--yt-luna-black-opacity-lighten-2); - --yt-icon-active-color: var(--yt-luna-black); - --yt-expand-color: var(--yt-luna-black-opacity-lighten-2); - --yt-metadata-color: var(--yt-luna-black-opacity-lighten-2); - --yt-placeholder-text: var(--yt-luna-black-opacity-lighten-2); - --yt-playlist-background-header: var(--yt-opalescence-soft-grey); - --yt-playlist-background-item: var(--yt-opalescence-soft-grey-opacity-lighten-2); - --yt-playlist-title-text: var(--yt-luna-black); - --yt-playlist-message-text: var(--yt-luna-black-opacity-lighten-2); - --yt-subscribe-button-text-color: var(--yt-white); - --yt-button-text-color: var(--yt-luna-black-opacity-lighten-2); - --yt-button-payment-text-color: var(--yt-white); - --yt-button-active-color: var(--yt-luna-black); - --yt-copyright-text: var(--yt-luna-black-opacity-lighten-2); - --yt-guide-entry-text-color: var(--yt-luna-black-opacity-lighten-1); - --yt-thumbnail-placeholder-color: var(--yt-section-4-light); - --yt-featured-channel-title-text-color: var(--yt-body-300); - --yt-formatted-string-deemphasize-color: var(--yt-opalescence-grey); - --yt-alert-background: var(--yt-opalescence-soft-grey-opacity-lighten-3); - --yt-video-secondary-info-description-background: var(--yt-opalescence-soft-grey-opacity-lighten-2); - --yt-searchbox-text-color: var(--yt-primary-text-color); - --yt-simple-menu-header-background: var(--yt-opalescence-soft-grey); - --yt-item-section-header-color: var(--yt-luna-black-opacity-lighten-2); - --yt-menu-hover-backgound-color: var(--yt-opalescence-soft-grey); - --yt-menu-focus-background-color: var(--yt-luna-black-opacity-lighten-4); - --yt-app-background: var(--yt-white); - --yt-main-app-background: var(--yt-surface-200); - --yt-main-app-background-tmp: var(--yt-surface-100); - --yt-guide-background: var(--yt-surface-300); - --yt-dialog-background: var(--yt-white); - --yt-searchbox-background: var(--yt-white); - --yt-channel-header-background: var(--yt-surface-200); - --yt-sidebar-background: var(--yt-surface-200); - --yt-transcript-background: var(--yt-white); - } - - html:not(.style-scope)[dark],:not(.style-scope)[dark] { - --yt-std-body-200: var(--yt-dark-body-200); - --yt-std-body-300: var(--yt-dark-body-300); - --yt-std-surface-200: var(--yt-dark-surface-200); - --yt-std-surface-300: var(--yt-dark-surface-300); - --yt-std-surface-400: var(--yt-dark-surface-400); - --yt-primary-color: var(--yt-dark-body-500); - --yt-primary-text-color: var(--yt-dark-body-500); - --yt-secondary-text-color: var(--yt-dark-body-300); - --yt-tertiary-text-color: var(--yt-dark-body-300); - --yt-disabled-text-color: var(--yt-dark-body-200); - --yt-placeholder-text-color: var(--yt-dark-body-300); - --yt-border-color: var(--yt-dark-body-100); - --yt-commentbox-border-inactive: var(--yt-dark-body-300); - --yt-commentbox-border-active: var(--yt-dark-body-500); - --yt-alert-background: var(--yt-dark-body-200); - --yt-paper-button-ink-color: var(--yt-white-opacity-lighten-4); - --yt-icon-color: var(--yt-dark-body-300); - --yt-icon-hover-color: var(--yt-dark-body-400); - --yt-icon-active-color: var(--yt-dark-body-500); - --yt-icon-disabled-color: var(--yt-dark-body-200); - --yt-expand-color: var(--yt-white-opacity-lighten-2); - --yt-metadata-color: var(--yt-opalescence-grey); - --yt-channel-owner: var(--yt-dark-body-500); - --yt-placeholder-text: var(--yt-opalescence-soft-grey); - --yt-playlist-background-header: var(--yt-opalescence-grey-opacity-lighten-3); - --yt-playlist-background-item: var(--yt-opalescence-grey-opacity-lighten-4); - --yt-playlist-title-text: var(--yt-dark-body-500); - --yt-playlist-message-text: var(--yt-opalescence-soft-grey); - --yt-subscribe-button-text-color: var(--yt-dark-body-500); - --yt-button-text-color: var(--yt-dark-body-300); - --yt-button-active-color: var(--yt-dark-body-500); - --yt-button-payment-text-color: var(--yt-dark-body-500); - --yt-copyright-text: var(--yt-white-opacity-lighten-2); - --yt-guide-entry-text-color: var(--yt-dark-body-500); - --yt-thumbnail-placeholder-color: var(--yt-section-4-dark); - --yt-primary-disabled-button-text-color: var(--yt-white-opacity-lighten-4); - --yt-featured-channel-title-text-color: var(--yt-dark-body-300); - --yt-formatted-string-deemphasize-color: var(--yt-opalescence-grey); - --yt-video-secondary-info-description-background: var(--yt-opalescence-grey-opacity-lighten-4); - --yt-simple-menu-header-background: var(--yt-opalescence-grey-opacity-lighten-3); - --yt-item-section-header-color: var(--yt-opalescence-soft-grey); - --yt-menu-hover-backgound-color: var(--yt-dark-body-100); - --yt-menu-focus-background-color: var(--yt-dark-body-200); - --yt-searchbox-text-color: var(--yt-primary-text-color); - --yt-app-background: var(--yt-dark-surface-100); - --yt-main-app-background: var(--yt-dark-surface-100); - --yt-main-app-background-tmp: var(--yt-dark-surface-100); - --yt-guide-background: var(--yt-dark-surface-200); - --yt-dialog-background: var(--yt-dark-surface-300); - --yt-searchbox-background: var(--yt-dark-surface-100); - --yt-channel-header-background: var(--yt-dark-surface-200-lighten-1); - --yt-sidebar-background: var(--yt-dark-surface-200-lighten-1); - --yt-transcript-background: var(--yt-dark-surface-200); - --yt-blue-suggestive: transparent; - } - - .theme-tester:not(.style-scope)[dark] { - background-color: var(--yt-dark-surface-100); - } - - html:not(.style-scope) { - --ytd-searchbox-border-color: var(--yt-opalescence-grey-opacity-lighten-4); - --ytd-searchbox-legacy-border-color: #ccc; - --ytd-searchbox-legacy-border-shadow-color: #eee; - --ytd-searchbox-legacy-button-color: #f8f8f8; - --ytd-searchbox-legacy-button-border-color: #d3d3d3; - --ytd-searchbox-legacy-button-focus-color: #e9e9e9; - --ytd-searchbox-legacy-button-hover-color: #f0f0f0; - --ytd-searchbox-legacy-button-hover-border-color: #c6c6c6; - --ytd-searchbox-legacy-button-icon-color: #333; - --ytd-moderation-panel-background: var(--yt-opalescence-soft-grey-opacity-lighten-2); - --ytd-moderation-panel-hover: var(--yt-opalescence-soft-grey-opacity-lighten-1); - --ytd-moderation-panel-comment-text: var(--yt-luna-black); - --ytd-moderation-panel-comment-metadata-text: var(--yt-luna-black-opacity-lighten-2); - --ytd-moderation-icon-color: var(--yt-luna-black-opacity-lighten-2); - --ytd-moderation-icon-hover-color: var(--yt-luna-black); - --ytd-moderation-panel-likely-spam-divider: var(--yt-opalescence-grey-opacity-lighten-5); - --ytd-comment-text-color: var(--yt-luna-black); - --ytd-comment-metadata-text-color: var(--yt-spec-text-secondary); - --ytd-watch-card-secondary-text-color: var(--yt-opalescence-grey); - --ytd-watch-card-album-header-background: var(--yt-white); - --ytd-watch-header-background: var(--yt-surface-300); - --ytd-backstage-metadata-text-color: var(--yt-opalescence-grey); - --ytd-backstage-video-link-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); - --ytd-backstage-image-alert-color: var(--yt-luna-black-opacity-lighten-2); - --ytd-backstage-cancel-background-color: var(--yt-white); - --ytd-backstage-cancel-color: var(--yt-luna-black-opacity-lighten-3); - --ytd-backstage-attachment-background-color: var(--yt-surface-100); - --ytd-backstage-creationbox-inactive-color: var(--yt-body-200); - --ytd-backstage-creationbox-text-color: var(--yt-body-300); - --ytd-backstage-creationbox-input-text-color: var(--yt-body-500); - --ytd-backstage-creationbox-disabled-button-color: var(--yt-body-100); - --ytd-backstage-creationbox-disabled-button-text-color: var(--yt-white); - --ytd-backstage-attachment-icon-hover-color: var(--yt-body-400); - --ytd-sponsorships-background-color-focus: var(--yt-opalescence-soft-grey-opacity-lighten-3); - --ytd-badge-disabled-color: var(--yt-opalescence-grey-opacity-lighten-3); - --ytd-collection-badge-color: var(--yt-luna-black-opacity-lighten-1); - --ytd-owner-badge-color: var(--yt-luna-black-opacity-lighten-3); - --ytd-simple-badge-color: var(--yt-luna-black-opacity-lighten-2); - --ytd-shopping-product-info: var(--yt-luna-black-opacity-lighten-1); - --ytd-transcript-cue-hover-background-color: var(--yt-opalescence-soft-grey); - --ytd-transcript-toolbar-background-color: var(--yt-opalescence-soft-grey); - --ytd-transcript-toolbar-text: var(--yt-luna-black); - --ytd-video-publish-date-color: var(--yt-luna-black-opacity-lighten-2); - --ytd-vat-notice-text: var(--yt-luna-black-opacity-lighten-2); - --ytd-offer-background-color: var(--yt-opalescence-soft-grey-opacity-lighten-3); - --ytd-video-game-watch-card-logo-color: var(--yt-luna-black); - --ytd-watch-split-pane-sidebar-background-color: var(--yt-surface-200); - } - - html:not(.style-scope)[dark],:not(.style-scope)[dark] { - --ytd-searchbox-border-color: var(--yt-opalescence-grey-opacity-lighten-4); - --ytd-searchbox-legacy-border-color: #303030; - --ytd-searchbox-legacy-border-shadow-color: rgba(0, 0, 0, 0); - --ytd-searchbox-legacy-button-color: rgba(255, 255, 255, 0.08); - --ytd-searchbox-legacy-button-border-color: #303030; - --ytd-searchbox-legacy-button-focus-color: rgba(255, 255, 255, 0.08); - --ytd-searchbox-legacy-button-hover-color: rgba(255, 255, 255, 0.08); - --ytd-searchbox-legacy-button-hover-border-color: #303030; - --ytd-searchbox-legacy-button-icon-color: var(--yt-dark-body-300); - --ytd-moderation-panel-background: var(--yt-dark-surface-200-lighten-1); - --ytd-moderation-panel-hover: var(--yt-dark-surface-200); - --ytd-moderation-panel-comment-text: var(--yt-dark-body-300); - --ytd-moderation-panel-comment-metadata-text: var(--yt-dark-body-300); - --ytd-moderation-icon-color: var(--yt-dark-body-300); - --ytd-moderation-icon-hover-color: var(--yt-dark-body-400); - --ytd-comment-text-color: var(--yt-dark-body-500); - --ytd-comment-metadata-text-color: var(--yt-opalescence-grey); - --ytd-watch-card-secondary-text-color: var(--yt-opalescence-soft-grey); - --ytd-watch-card-album-header-background: var(--yt-luna-black); - --ytd-watch-header-background: var(--yt-dark-surface-200); - --ytd-backstage-metadata-text-color: var(--yt-dark-body-500); - --ytd-backstage-video-link-background-color: var(--yt-dark-surface-300); - --ytd-backstage-image-alert-color: var(--yt-dark-body-500); - --ytd-backstage-cancel-background-color: var(--yt-dark-surface-300); - --ytd-backstage-cancel-color: var(--yt-white); - --ytd-backstage-attachment-background-color: var(--yt-dark-surface-100); - --ytd-backstage-creationbox-inactive-color: var(--yt-dark-body-200); - --ytd-backstage-creationbox-text-color: var(--yt-dark-body-300); - --ytd-backstage-creationbox-input-text-color: var(--yt-dark-body-500); - --ytd-backstage-creationbox-disabled-button-color: var(--yt-dark-body-100); - --ytd-backstage-creationbox-disabled-button-text-color: var(--yt-dark-body-200); - --ytd-backstage-attachment-icon-hover-color: var(--yt-dark-body-400); - --ytd-sponsorships-background-color-focus: var(--yt-dark-surface-200); - --ytd-badge-disabled-color: var(--yt-white-opacity-lighten-3); - --ytd-collection-badge-color: var(--yt-white-opacity-lighten-1); - --ytd-owner-badge-color: var(--yt-white-opacity-lighten-3); - --ytd-simple-badge-color: var(--yt-white-opacity-lighten-2); - --ytd-shopping-product-info: var(--yt-dark-body-400); - --ytd-transcript-cue-hover-background-color: var(--yt-opalescence-grey-opacity-lighten-3); - --ytd-transcript-toolbar-background-color: var(--yt-opalescence-grey-opacity-lighten-3); - --ytd-transcript-toolbar-text: var(--yt-dark-body-500); - --ytd-video-publish-date-color: var(--yt-white-opacity-lighten-2); - --ytd-vat-notice-text: var(--yt-white-opacity-lighten-2); - --ytd-offer-background-color: var(--yt-dark-surface-300); - --ytd-video-game-watch-card-logo-color: var(--yt-white); - --ytd-watch-split-pane-sidebar-background-color: var(--yt-dark-surface-200); - } - - html:not(.style-scope) { - --ytd-z-index-report-form-overlay: 100; - --ytd-z-index-watch-fixie-secondary-section-detached: 500; - --ytd-z-index-engagement-panel-scrim: 600; - --ytd-z-index-engagement-panel-scrimmed: 601; - --ytd-z-index-miniplayer-bar: 2008; - --ytd-z-index-masthead: 2020; - --ytd-z-index-user-mention-suggestions-container: 2022; - --ytd-z-index-notification: 2024; - --ytd-z-index-miniplayer: 2025; - --ytd-z-index-channel-name: 300; - --ytd-thumbnail-height: 118px; - --ytd-grid-1-columns-width: 214px; - --ytd-grid-2-columns-width: 428px; - --ytd-grid-3-columns-width: 642px; - --ytd-grid-4-columns-width: 856px; - --ytd-grid-5-columns-width: 1070px; - --ytd-grid-6-columns-width: 1284px; - --ytd-grid-max-width: 1284px; - --ytd-grid-thumbnail_-_height: 118px; --ytd-grid-thumbnail_-_width: 210px;; - --ytd-grid-section_-_margin-bottom: 24px;; - --ytd-grid-video-item_-_display: inline-block; --ytd-grid-video-item_-_width: 210px;; - --ytd-grid-subheader_-_margin: 24px 0;; - --ytd-grid-video-title_-_display: var(--ytd-link-two-lines_-_display, block); --ytd-grid-video-title_-_margin: 8px 0 8px; --ytd-grid-video-title_-_max-height: var(--ytd-link-two-lines_-_max-height); --ytd-grid-video-title_-_overflow: var(--ytd-link-two-lines_-_overflow); --ytd-grid-video-title_-_font-size: var(--ytd-link-two-lines_-_font-size); --ytd-grid-video-title_-_font-weight: var(--ytd-link-two-lines_-_font-weight); --ytd-grid-video-title_-_line-height: var(--ytd-link-two-lines_-_line-height); --ytd-grid-video-title_-_letter-spacing: var(--ytd-link-two-lines_-_letter-spacing);; - --ytd-grid-info-container_-_padding-right: 24px;; - --ytd-scrollbar-width: 8px; - --ytd-scrollbar-scrubber_-_height: 56px; --ytd-scrollbar-scrubber_-_background: var(--yt-opalescence-grey-opacity-lighten-3);; - --ytd-fixed-width-container_-_position: relative; --ytd-fixed-width-container_-_overflow: hidden; --ytd-fixed-width-container_-_display: block;; - --ytd-default-promo-panel-renderer-height: 600px; - } - - body:not(.style-scope)[no-y-overflow] { - overflow-y: hidden; - } - - html:not(.style-scope) { - --ytd-grid-base: 103px; - --ytd-margin-base: 4px; - --ytd-avatar-size: 32px; - --ytd-toolbar-height: 56px; - --ytd-margin-2x: 8px; - --ytd-margin-3x: 12px; - --ytd-margin-4x: 16px; - --ytd-margin-5x: 20px; - --ytd-margin-6x: 24px; - --ytd-margin-7x: 28px; - --ytd-margin-8x: 32px; - --ytd-margin-9x: 36px; - --ytd-margin-10x: 40px; - --ytd-margin-11x: 44px; - --ytd-margin-12x: 48px; - --ytd-margin-14x: 56px; - --ytd-margin-16x: 64px; - --ytd-margin-17x: 68px; - --ytd-margin-24x: 96px; - --ytd-margin-25x: 100px; - --ytd-margin-35x: 140px; - --ytd-neg-margin-base: -4px; - --ytd-neg-margin-2x: -8px; - --ytd-neg-margin-3x: -12px; - --ytd-neg-margin-4x: -16px; - --ytd-neg-margin-5x: -20px; - --ytd-neg-margin-6x: -24px; - --ytd-neg-margin-7x: -28px; - --ytd-neg-margin-8x: -32px; - --ytd-neg-margin-10x: -40px; - --ytd-neg-margin-11x: -44px; - --ytd-neg-margin-12x: -48px; - --ytd-neg-margin-14x: -56px; - --ytd-neg-margin-16x: -64px; - --ytd-neg-margin-24x: -96px; - --ytd-neg-margin-25x: -100px; - --ytd-grid-1x1_-_height: 103px; --ytd-grid-1x1_-_width: 103px;; - --ytd-safari-layout-fix_-_-ms-flex: var(--layout-flex-none_-_-ms-flex); --ytd-safari-layout-fix_-_-webkit-flex: var(--layout-flex-none_-_-webkit-flex); --ytd-safari-layout-fix_-_flex: var(--layout-flex-none_-_flex);; - --yt-report-form-modal-renderer-min-width: 250px; - --yt-legal-report-details-form-renderer-min-width: 250px; - --yt-circular_-_border-radius: 50%; --yt-circular_-_background-color: transparent; --yt-circular_-_overflow: hidden;; - --yt-multi-line-ellipsis_-_-webkit-box-orient: vertical; --yt-multi-line-ellipsis_-_text-overflow: ellipsis; --yt-multi-line-ellipsis_-_white-space: normal; --yt-multi-line-ellipsis_-_display: -webkit-box;; - --yt-upsell-dialog-layout-vertical-width: 400px; - --yt-upsell-dialog-layout-horizontal-width: 800px; - } - - html:not(.style-scope) { - --yt-redeem-code-title_-_font-size: 2.4rem; --yt-redeem-code-title_-_font-weight: 400; --yt-redeem-code-title_-_line-height: 2.8rem;; - - --yt-redeem-input-text_-_font-size: 1.6rem; --yt-redeem-input-text_-_font-weight: 400; --yt-redeem-input-text_-_line-height: 1.6rem;; - - --yt-redeem-error-message_-_font-size: 1.2rem; --yt-redeem-error-message_-_font-weight: 400; --yt-redeem-error-message_-_line-height: 2.0rem;; - - --yt-post-redemption-section-title_-_font-size: 2.6rem; --yt-post-redemption-section-title_-_font-weight: 400; --yt-post-redemption-section-title_-_font-family: 'YT Sans'; --yt-post-redemption-section-title_-_line-height: 3rem; --yt-post-redemption-section-title_-_-moz-osx-font-smoothing: grayscale; --yt-post-redemption-section-title_-_-webkit-font-smoothing: antialiased;; - } - - html:not(.style-scope)[noto] { - --paper-font-common-base_-_font-family: 'Roboto', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC', 'Noto Sans SC', 'Arial', sans-serif; --paper-font-common-base_-_-webkit-font-smoothing: antialiased;; - } - - html:not(.style-scope)[typography] { - --yt-channel-line-height: 3.4rem; - --yt-navbar-title-line-height: 2.6rem; - --yt-subheadline-line-height: 2.2rem; - --yt-subheadline-letter-spacing: .1px; - --yt-subheadline-link-letter-spacing: .15px; - --yt-link-line-height: 2rem; - --yt-link-letter-spacing: .25px; - --yt-thumbnail-attribution-font-size: 1.2rem; - --yt-thumbnail-attribution-line-height: 1.8rem; - --yt-thumbnail-attribution-letter-spacing: .3px; - --yt-user-comment-line-height: 2rem; - --yt-user-comment-letter-spacing: .2px; - --yt-guide-highlight-line-height: 2rem; - --yt-guide-highlight-letter-spacing: .25px; - --yt-caption-font-size: 1.2rem; - --yt-caption-line-height: 1.8rem; - --yt-caption-letter-spacing: .35px; - } - - html:not(.style-scope) { - --ytd-channel-title_-_font-size: var(--yt-channel-title-font-size, 2.4rem); --ytd-channel-title_-_font-weight: 400; --ytd-channel-title_-_line-height: var(--yt-channel-title-line-height, 3rem);; - - --yt-navbar-title-font-size: 1.8rem; - - --ytd-navbar-title_-_font-size: var(--yt-navbar-title-font-size); --ytd-navbar-title_-_font-weight: 400; --ytd-navbar-title_-_line-height: var(--yt-navbar-title-line-height, 2.4rem);; - - --ytd-navbar-title-two-lines_-_display: block; --ytd-navbar-title-two-lines_-_max-height: calc(2 * var(--yt-navbar-title-line-height, 2.4rem)); --ytd-navbar-title-two-lines_-_overflow: hidden; --ytd-navbar-title-two-lines_-_font-size: var(--ytd-navbar-title_-_font-size); --ytd-navbar-title-two-lines_-_font-weight: var(--ytd-navbar-title_-_font-weight); --ytd-navbar-title-two-lines_-_line-height: var(--ytd-navbar-title_-_line-height);; - - --ytd-subheadline_-_font-size: var(--yt-subheadline-font-size, 1.6rem); --ytd-subheadline_-_font-weight: 400; --ytd-subheadline_-_line-height: var(--yt-subheadline-line-height, 2rem); --ytd-subheadline_-_letter-spacing: var(--yt-subheadline-letter-spacing, normal);; - - --ytd-subheadline-one-line_-_display: block; --ytd-subheadline-one-line_-_max-height: var(--yt-subheadline-line-height, 2rem); --ytd-subheadline-one-line_-_overflow: hidden; --ytd-subheadline-one-line_-_font-size: var(--ytd-subheadline_-_font-size); --ytd-subheadline-one-line_-_font-weight: var(--ytd-subheadline_-_font-weight); --ytd-subheadline-one-line_-_line-height: var(--ytd-subheadline_-_line-height); --ytd-subheadline-one-line_-_letter-spacing: var(--ytd-subheadline_-_letter-spacing);; - - --ytd-subheadline-one-line-ellipsis_-_white-space: nowrap; --ytd-subheadline-one-line-ellipsis_-_text-overflow: ellipsis; --ytd-subheadline-one-line-ellipsis_-_display: var(--ytd-subheadline-one-line_-_display); --ytd-subheadline-one-line-ellipsis_-_max-height: var(--ytd-subheadline-one-line_-_max-height); --ytd-subheadline-one-line-ellipsis_-_overflow: var(--ytd-subheadline-one-line_-_overflow); --ytd-subheadline-one-line-ellipsis_-_font-size: var(--ytd-subheadline-one-line_-_font-size); --ytd-subheadline-one-line-ellipsis_-_font-weight: var(--ytd-subheadline-one-line_-_font-weight); --ytd-subheadline-one-line-ellipsis_-_line-height: var(--ytd-subheadline-one-line_-_line-height); --ytd-subheadline-one-line-ellipsis_-_letter-spacing: var(--ytd-subheadline-one-line_-_letter-spacing);; - - --ytd-subheadline-link_-_font-size: var(--yt-subheadline-font-size, 1.6rem); --ytd-subheadline-link_-_font-weight: 500; --ytd-subheadline-link_-_line-height: var(--yt-subheadline-line-height, 2rem); --ytd-subheadline-link_-_letter-spacing: var(--yt-subheadline-link-letter-spacing, normal);; - - --ytd-link_-_font-size: var(--yt-link-font-size, 1.4rem); --ytd-link_-_font-weight: 500; --ytd-link_-_line-height: var(--yt-link-line-height, 1.6rem); --ytd-link_-_letter-spacing: var(--yt-link-letter-spacing, normal);; - - --ytd-link-one-line_-_display: block; --ytd-link-one-line_-_max-height: var(--yt-link-line-height, 1.6rem); --ytd-link-one-line_-_white-space: nowrap; --ytd-link-one-line_-_overflow: hidden; --ytd-link-one-line_-_font-size: var(--ytd-link_-_font-size); --ytd-link-one-line_-_font-weight: var(--ytd-link_-_font-weight); --ytd-link-one-line_-_line-height: var(--ytd-link_-_line-height); --ytd-link-one-line_-_letter-spacing: var(--ytd-link_-_letter-spacing);; - - --ytd-link-two-lines_-_display: block; --ytd-link-two-lines_-_max-height: calc(2 * var(--yt-link-line-height, 1.6rem)); --ytd-link-two-lines_-_overflow: hidden; --ytd-link-two-lines_-_font-size: var(--ytd-link_-_font-size); --ytd-link-two-lines_-_font-weight: var(--ytd-link_-_font-weight); --ytd-link-two-lines_-_line-height: var(--ytd-link_-_line-height); --ytd-link-two-lines_-_letter-spacing: var(--ytd-link_-_letter-spacing);; - - --ytd-thumbnail-attribution_-_font-size: var(--yt-thumbnail-attribution-font-size, 1.3rem); --ytd-thumbnail-attribution_-_font-weight: 400; --ytd-thumbnail-attribution_-_line-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); --ytd-thumbnail-attribution_-_letter-spacing: var(--yt-thumbnail-attribution-letter-spacing, inherit); --ytd-thumbnail-attribution_-_text-transform: none;; - - --ytd-thumbnail-attribution-one-line_-_display: block; --ytd-thumbnail-attribution-one-line_-_max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); --ytd-thumbnail-attribution-one-line_-_overflow: hidden; --ytd-thumbnail-attribution-one-line_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --ytd-thumbnail-attribution-one-line_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --ytd-thumbnail-attribution-one-line_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --ytd-thumbnail-attribution-one-line_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --ytd-thumbnail-attribution-one-line_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; - - --ytd-thumbnail-attribution-two-line_-_display: block; --ytd-thumbnail-attribution-two-line_-_max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); --ytd-thumbnail-attribution-two-line_-_overflow: hidden; --ytd-thumbnail-attribution-two-line_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --ytd-thumbnail-attribution-two-line_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --ytd-thumbnail-attribution-two-line_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --ytd-thumbnail-attribution-two-line_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --ytd-thumbnail-attribution-two-line_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; - - --ytd-thumbnail-attribution-two-line-ellipsis_-_display: -webkit-box; --ytd-thumbnail-attribution-two-line-ellipsis_-_-webkit-box-orient: vertical; --ytd-thumbnail-attribution-two-line-ellipsis_-_max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); --ytd-thumbnail-attribution-two-line-ellipsis_-_overflow: hidden; --ytd-thumbnail-attribution-two-line-ellipsis_-_text-overflow: ellipsis; --ytd-thumbnail-attribution-two-line-ellipsis_-_white-space: normal; --ytd-thumbnail-attribution-two-line-ellipsis_-_-webkit-line-clamp: 2; --ytd-thumbnail-attribution-two-line-ellipsis_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --ytd-thumbnail-attribution-two-line-ellipsis_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --ytd-thumbnail-attribution-two-line-ellipsis_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --ytd-thumbnail-attribution-two-line-ellipsis_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --ytd-thumbnail-attribution-two-line-ellipsis_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; - - --ytd-user-comment_-_font-size: var(--yt-user-comment-font-size, 1.4rem); --ytd-user-comment_-_font-weight: 400; --ytd-user-comment_-_line-height: var(--yt-user-comment-line-height, 2.1rem); --ytd-user-comment_-_letter-spacing: var(--yt-user-comment-letter-spacing, normal);; - - --ytd-user-comment-two-line_-_display: block; --ytd-user-comment-two-line_-_max-height: calc(2 * var(--yt-user-comment-line-height, 2.1rem)); --ytd-user-comment-two-line_-_overflow: hidden; --ytd-user-comment-two-line_-_font-size: var(--ytd-user-comment_-_font-size); --ytd-user-comment-two-line_-_font-weight: var(--ytd-user-comment_-_font-weight); --ytd-user-comment-two-line_-_line-height: var(--ytd-user-comment_-_line-height); --ytd-user-comment-two-line_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; - - --ytd-tab-system_-_font-size: var(--yt-tab-system-font-size, 1.4rem); --ytd-tab-system_-_font-weight: 500; --ytd-tab-system_-_letter-spacing: .007px; --ytd-tab-system_-_text-transform: uppercase;; - - --ytd-caption_-_font-size: var(--yt-caption-font-size, 1.3rem); --ytd-caption_-_line-height: var(--yt-caption-line-height, normal); --ytd-caption_-_font-weight: 500; --ytd-caption_-_letter-spacing: var(--yt-caption-letter-spacing, .007px); --ytd-caption_-_text-transform: uppercase;; - - - --ytd-floating-input-thumbnail-attribution_-_font-size: 1.7rem; --ytd-floating-input-thumbnail-attribution_-_font-weight: 400; --ytd-floating-input-thumbnail-attribution_-_line-height: 2.4rem;; - - --ytd-badge_-_font-size: var(--yt-badge-font-size, 1.2rem); --ytd-badge_-_font-weight: 500; --ytd-badge_-_line-height: var(--yt-badge-line-height, 1.2rem);; - - --ytd-comment-link_-_font-size: 1.3rem; --ytd-comment-link_-_font-weight: 500; --ytd-comment-link_-_line-height: 1.8rem;; - - --ytd-mini-attribution_-_font-size: 1.2rem; --ytd-mini-attribution_-_font-weight: 400; --ytd-mini-attribution_-_line-height: 1.5rem;; - - --ytd-mini-attribution-endpoint_-_font-size: 1.2rem; --ytd-mini-attribution-endpoint_-_font-weight: 500; --ytd-mini-attribution-endpoint_-_line-height: 1.5rem;; - - --ytd-label_-_font-size: 1.0rem; --ytd-label_-_font-weight: 400; --ytd-label_-_line-height: 1.4rem;; - - --ytd-label-one-line-ellipsis_-_display: block; --ytd-label-one-line-ellipsis_-_max-height: 1.4rem; --ytd-label-one-line-ellipsis_-_overflow: hidden; --ytd-label-one-line-ellipsis_-_text-overflow: ellipsis; --ytd-label-one-line-ellipsis_-_white-space: nowrap; --ytd-label-one-line-ellipsis_-_font-size: var(--ytd-label_-_font-size); --ytd-label-one-line-ellipsis_-_font-weight: var(--ytd-label_-_font-weight); --ytd-label-one-line-ellipsis_-_line-height: var(--ytd-label_-_line-height);; - - --ytd-code-snippet_-_font-family: 'Roboto Mono', monospace; --ytd-code-snippet_-_font-size: 1.4rem; --ytd-code-snippet_-_font-weight: 400; --ytd-code-snippet_-_line-height: 2.4rem;; - - --ytd-conversation-metadata_-_font-size: 1.2rem; --ytd-conversation-metadata_-_font-weight: 400; --ytd-conversation-metadata_-_line-height: 1.6rem;; - - --yt-code_-_font-family: 'Roboto Mono', monospace; --yt-code_-_font-size: 1.4rem; --yt-code_-_font-weight: 500; --yt-code_-_line-height: 2.1rem;; - - --ytd-guide-highlight_-_font-size: 1.4rem; --ytd-guide-highlight_-_font-weight: 500; --ytd-guide-highlight_-_line-height: var(--yt-guide-highlight-line-height, 1.8rem); --ytd-guide-highlight_-_letter-spacing: var(--yt-guide-highlight-letter-spacing, normal);; - - --ytd-item-section-header-title_-_font-size: 1.6em; --ytd-item-section-header-title_-_line-height: 1.4em; --ytd-item-section-header-title_-_font-weight: 500;; - } - - html:not(.style-scope) { - --paper-tooltip_-_margin: 8px; --paper-tooltip_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --paper-tooltip_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --paper-tooltip_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --paper-tooltip_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --paper-tooltip_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; - --paper-tooltip-delay-in: 1ms; - --paper-tooltip-delay-out: 0; - --paper-tooltip-duration-in: 150ms; - --paper-tooltip-duration-out: 75ms; - --iron-overlay-backdrop-opacity: 0.8; - --paper-tab-content-focused_-_font-weight: 500;; - } - - html:not(.style-scope) { - --paper-dialog-background-color: var(--yt-spec-brand-background-solid); - --paper-listbox-background-color: var(--yt-spec-brand-background-solid); - --paper-listbox-color: var(--yt-spec-text-primary); - --paper-spinner-layer-1-color: var(--yt-spec-icon-inactive); - --paper-spinner-layer-2-color: var(--yt-spec-icon-inactive); - --paper-spinner-layer-3-color: var(--yt-spec-icon-inactive); - --paper-spinner-layer-4-color: var(--yt-spec-icon-inactive); - --paper-spinner-color: var(--yt-spec-icon-inactive); - --paper-input-container-focus-color: var(--yt-spec-themed-blue); - --paper-input-container-input-color: var(--yt-spec-text-primary); - --paper-input-container-label-floating_-_font-size: var(--ytd-floating-input-thumbnail-attribution_-_font-size); --paper-input-container-label-floating_-_font-weight: var(--ytd-floating-input-thumbnail-attribution_-_font-weight); --paper-input-container-label-floating_-_line-height: var(--ytd-floating-input-thumbnail-attribution_-_line-height);; - --paper-input-container-invalid-color: var(--yt-spec-brand-link-text); - --paper-checkbox-unchecked-color: var(--yt-spec-icon-inactive); - --paper-checkbox-unchecked-ink-color: var(--yt-spec-icon-inactive); - --paper-checkbox-checked-color: var(--yt-spec-call-to-action); - --paper-checkbox-checked-ink-color: var(--yt-spec-call-to-action); - --paper-checkbox-label-color: var(--yt-spec-text-primary); - --paper-checkbox-label-spacing: 16px; - --paper-checkbox-size: 20px; - --paper-checkbox-checkmark-color: var(--yt-spec-text-primary-inverse); - --paper-radio-button-unchecked-color: var(--yt-spec-icon-inactive); - --paper-radio-button-unchecked-ink-color: var(--yt-spec-icon-inactive); - --paper-radio-button-checked-color: var(--yt-spec-call-to-action); - --paper-radio-button-checked-ink-color: var(--yt-spec-call-to-action); - --paper-radio-button-label-spacing: 16px; - --paper-radio-button-label-color: var(--yt-spec-text-primary); - --paper-radio-button-size: 20px; - --paper-item_-_white-space: nowrap; --paper-item_-_font-size: initial; --paper-item_-_font-weight: initial; --paper-item_-_line-height: initial; --paper-item_-_letter-spacing: initial;; - --paper-input-error_-_overflow: hidden;; - --paper-toggle-button-unchecked-bar-color: var(--yt-spec-icon-disabled); - --paper-toggle-button-unchecked-button-color: var(--yt-spec-icon-inactive); - --paper-toggle-button-checked-bar-color: var(--yt-spec-icon-disabled); - --paper-toggle-button-checked-button-color: var(--yt-spec-call-to-action); - --paper-toggle-button-checked-ink-color: var(--yt-spec-call-to-action); - --paper-toggle-button-unchecked-ink-color: var(--yt-spec-touch-response); - --paper-tab-content-unselected_-_opacity: 1;; - --paper-menu-disabled-color: var(--yt-spec-text-primary); - --paper-menu-background-color: var(--yt-spec-brand-background-solid); - --paper-menu-color: var(--yt-spec-text-primary); - --yt-icon-width: 40px; - --yt-icon-height: 40px; - --yt-search-correction_-_margin-top: 24px;; - --yt-search-correction-corrected_-_color: var(--yt-spec-text-primary); --yt-search-correction-corrected_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --yt-search-correction-corrected_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --yt-search-correction-corrected_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --yt-search-correction-corrected_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --yt-search-correction-corrected_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; - --yt-search-correction-corrected-link_-_font-size: var(--ytd-link_-_font-size); --yt-search-correction-corrected-link_-_font-weight: var(--ytd-link_-_font-weight); --yt-search-correction-corrected-link_-_line-height: var(--ytd-link_-_line-height); --yt-search-correction-corrected-link_-_letter-spacing: var(--ytd-link_-_letter-spacing);; - --yt-search-correction-original_-_padding-left: 8px; --yt-search-correction-original_-_color: var(--yt-spec-text-primary); --yt-search-correction-original_-_font-size: var(--ytd-thumbnail-attribution_-_font-size); --yt-search-correction-original_-_font-weight: var(--ytd-thumbnail-attribution_-_font-weight); --yt-search-correction-original_-_line-height: var(--ytd-thumbnail-attribution_-_line-height); --yt-search-correction-original_-_letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); --yt-search-correction-original_-_text-transform: var(--ytd-thumbnail-attribution_-_text-transform);; - --yt-search-correction-original-link_-_font-size: var(--ytd-link_-_font-size); --yt-search-correction-original-link_-_font-weight: var(--ytd-link_-_font-weight); --yt-search-correction-original-link_-_line-height: var(--ytd-link_-_line-height); --yt-search-correction-original-link_-_letter-spacing: var(--ytd-link_-_letter-spacing);; - --yt-endpoint_-_display: inline-block; --yt-endpoint_-_cursor: pointer; --yt-endpoint_-_text-decoration: none; --yt-endpoint_-_color: var(--yt-endpoint-color, var(--yt-spec-text-primary));; - --yt-endpoint-hover_-_color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); --yt-endpoint-hover_-_text-decoration: var(--yt-endpoint-text-decoration, none);; - --yt-notification-button-bubble_-_color: var(--yt-swatch-important-text, var(--yt-white)); --yt-notification-button-bubble_-_background-color: var(--yt-spec-brand-button-background); --yt-notification-button-bubble_-_width: 18px; --yt-notification-button-bubble_-_height: 18px; --yt-notification-button-bubble_-_border-radius: 50%; --yt-notification-button-bubble_-_line-height: 18px; --yt-notification-button-bubble_-_font-size: 10px; --yt-notification-button-bubble_-_text-align: center; --yt-notification-button-bubble_-_cursor: pointer;; - } - - html:not(.style-scope) { - --ytd-rich-grid-items-per-row: 4; - --ytd-rich-grid-posts-per-row: 3; - --ytd-rich-grid-movies-per-row: 6; - --ytd-rich-grid-item-margin: 16px; - --ytd-rich-grid-item-min-width: 320px; - --ytd-rich-grid-item-max-width: 360px; - --ytd-rich-grid-mini-item-min-width: 240px; - --ytd-rich-grid-mini-item-max-width: 320px; - --ytd-rich-grid-movie-max-width: 220px; - } - - html:not(.style-scope) { - --paper-input-container-shared-input-style_-_position: relative; --paper-input-container-shared-input-style_-_outline: none; --paper-input-container-shared-input-style_-_box-shadow: none; --paper-input-container-shared-input-style_-_padding: 0; --paper-input-container-shared-input-style_-_margin: 0; --paper-input-container-shared-input-style_-_width: 100%; --paper-input-container-shared-input-style_-_max-width: 100%; --paper-input-container-shared-input-style_-_background: transparent; --paper-input-container-shared-input-style_-_border: none; --paper-input-container-shared-input-style_-_color: var(--paper-input-container-input-color, var(--primary-text-color)); --paper-input-container-shared-input-style_-_-webkit-appearance: none; --paper-input-container-shared-input-style_-_text-align: apply-shim-inherit; --paper-input-container-shared-input-style_-_vertical-align: var(--paper-input-container-input-align, bottom); --paper-input-container-shared-input-style_-_font-family: var(--paper-font-subhead_-_font-family); --paper-input-container-shared-input-style_-_-webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); --paper-input-container-shared-input-style_-_font-size: var(--paper-font-subhead_-_font-size); --paper-input-container-shared-input-style_-_font-weight: var(--paper-font-subhead_-_font-weight); --paper-input-container-shared-input-style_-_line-height: var(--paper-font-subhead_-_line-height);; - } - - html:not(.style-scope) { - --yt-live-chat-32px-icon-button_-_width: 40px; --yt-live-chat-32px-icon-button_-_height: 40px; --yt-live-chat-32px-icon-button_-_padding: 8px;; - } - - html:not(.style-scope) { - --yt-button-margin: 0; - --yt-button-padding: 10px 16px; - - --yt-button-padding-minus-border: 9px 15px; - --yt-button-padding-minus-focus-outline: 8px 14px; - --yt-button-padding-minus-focus-outline-width: 2px; - --yt-button-with-icon-padding-minus-focus-outline: 4px 14px; - --yt-button-border-radius: 2px; - } - - iron-overlay-backdrop { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: var(--iron-overlay-backdrop-background-color, #000); - opacity: 0; - transition: opacity 0.2s; - pointer-events: none; - ; - } - - iron-overlay-backdrop.opened { - opacity: var(--iron-overlay-backdrop-opacity, 0.6); - pointer-events: auto; - ; - } - - paper-item,.paper-item.paper-item { - display: block; - position: relative; - min-height: var(--paper-item-min-height, 48px); - padding: 0px 16px; - } - - .paper-item.paper-item { - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - border:none; - outline: none; - background: white; - width: 100%; - text-align: left; - } - - paper-item[hidden],.paper-item.paper-item[hidden] { - display: none !important; - } - - paper-item.iron-selected,.paper-item.iron-selected.paper-item { - font-weight: var(--paper-item-selected-weight, bold); - - ; - } - - paper-item[disabled],.paper-item.paper-item[disabled] { - color: var(--paper-item-disabled-color, var(--disabled-text-color)); - - ; - } - - paper-item:focus,.paper-item.paper-item:focus { - position: relative; - outline: 0; - - ; - } - - paper-item:focus:before,.paper-item.paper-item:focus:before { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - - background: currentColor; - content: ''; - opacity: var(--dark-divider-opacity); - pointer-events: none; - - ; - } - - paper-item { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - - white-space: var(--paper-item_-_white-space); font-size: var(--paper-item_-_font-size, var(--paper-font-subhead_-_font-size)); font-weight: var(--paper-item_-_font-weight, var(--paper-font-subhead_-_font-weight)); line-height: var(--paper-item_-_line-height, var(--paper-font-subhead_-_line-height)); letter-spacing: var(--paper-item_-_letter-spacing); - - min-height: var(--paper-item-min-height, 48px); - } - - paper-listbox { - display: block; - padding: 8px 0; - - background: var(--paper-listbox-background-color, var(--primary-background-color)); - color: var(--paper-listbox-color, var(--primary-text-color)); - - ; - } - - a.ytd-menu-navigation-item-renderer { - display: block; - } - - paper-item.ytd-menu-navigation-item-renderer { - --yt-endpoint-force-cursor: pointer; - --paper-item-min-height: 36px; - padding: 0 36px 0 16px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - - paper-item.ytd-menu-navigation-item-renderer:hover { - background-color: var(--yt-spec-10-percent-layer); - } - - paper-item.ytd-menu-navigation-item-renderer:focus { - background-color: var(--yt-spec-badge-chip-background); - outline: 0; - position: relative; - } - - yt-formatted-string.ytd-menu-navigation-item-renderer { - color: var(--yt-spec-text-primary); - white-space: nowrap; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - yt-icon.ytd-menu-navigation-item-renderer { - display: var(--yt-menu-item-icon-display, none); - margin-right: 16px; - width: 24px; - height: 24px; - color: var(--yt-spec-icon-inactive); - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - ytd-menu-navigation-item-renderer[use-icons] { - --yt-menu-item-icon-display: inline-block; - } - - ytd-menu-navigation-item-renderer[has-separator]:not(:last-child)::after { - content: ""; - display: block; - height: 1px; - background-color: var(--yt-spec-10-percent-layer); - margin: 8px 0; - } - - paper-item.ytd-menu-navigation-item-renderer[disabled] yt-formatted-string.ytd-menu-navigation-item-renderer { - color: var(--yt-spec-text-disabled); - } - - paper-item.ytd-menu-navigation-item-renderer[disabled] yt-icon.ytd-menu-navigation-item-renderer { - color: var(--yt-spec-icon-disabled); - } - - ytd-menu-navigation-item-renderer,.paper-item.ytd-menu-navigation-item-renderer { - display: block; - position: relative; - min-height: var(--paper-item-min-height, 48px); - padding: 0px 16px; - } - - .paper-item.ytd-menu-navigation-item-renderer { - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - border:none; - outline: none; - background: white; - width: 100%; - text-align: left; - } - - ytd-menu-navigation-item-renderer[hidden],.paper-item.ytd-menu-navigation-item-renderer[hidden] { - display: none !important; - } - - ytd-menu-navigation-item-renderer.iron-selected,.paper-item.iron-selected.ytd-menu-navigation-item-renderer { - font-weight: var(--paper-item-selected-weight, bold); - - ; - } - - ytd-menu-navigation-item-renderer[disabled],.paper-item.ytd-menu-navigation-item-renderer[disabled] { - color: var(--paper-item-disabled-color, var(--disabled-text-color)); - - ; - } - - ytd-menu-navigation-item-renderer:focus,.paper-item.ytd-menu-navigation-item-renderer:focus { - position: relative; - outline: 0; - - ; - } - - ytd-menu-navigation-item-renderer:focus:before,.paper-item.ytd-menu-navigation-item-renderer:focus:before { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - - background: currentColor; - content: ''; - opacity: var(--dark-divider-opacity); - pointer-events: none; - - ; - } - - ytd-menu-navigation-item-renderer { - min-height: 0; - padding: 0; - } - - yt-icon,.yt-icon-container.yt-icon { - display: -ms-inline-flexbox; - display: -webkit-inline-flex; - display: inline-flex; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - position: relative; - vertical-align: middle; - fill: var(--iron-icon-fill-color, currentcolor); - stroke: var(--iron-icon-stroke-color, none); - width: var(--iron-icon-width, 24px); - height: var(--iron-icon-height, 24px); - ; - ; - } - - yt-icon.external-container { - display: none !important; - } - - yt-formatted-string:not(.use-shadow):empty { - display: none; - } - - yt-formatted-string span.yt-formatted-string:empty { - display: none; - } - - yt-formatted-string[dir="auto"] { - text-align: right; - } - - .bold.yt-formatted-string { - font-weight: var(--yt-formatted-string-bold-font-weight, 500); - font-size: var(--yt-formatted-string-bold_-_font-size); font-weight: var(--yt-formatted-string-bold_-_font-weight, var(--yt-formatted-string-bold-font-weight, 500)); line-height: var(--yt-formatted-string-bold_-_line-height); letter-spacing: var(--yt-formatted-string-bold_-_letter-spacing); - } - - .yt-formatted-string:not(a).bold { - color: var(--yt-formatted-string-bold-color, inherit); - } - - .deemphasize.yt-formatted-string { - color: var(--yt-formatted-string-deemphasize-color); - margin-left: var(--yt-formatted-string-deemphasize_-_margin-left); - } - - .italic.yt-formatted-string { - font-style: italic; - ; - } - - .strikethrough.yt-formatted-string { - text-decoration: line-through; - ; - } - - yt-formatted-string > .emoji,yt-formatted-string > .small-emoji { - margin: -1px 2px 1px 2px; - vertical-align: middle; - } - - yt-formatted-string > .emoji { - width: var(--yt-formatted-string-emoji-size, 24px); - height: var(--yt-formatted-string-emoji-size, 24px); - } - - yt-formatted-string > .emoji.small-emoji { - width: var(--yt-formatted-string-small-emoji-size, 16px); - height: var(--yt-formatted-string-small-emoji-size, 16px); - } - - a.yt-formatted-string { - color: var(--yt-spec-call-to-action); - } - - a.yt-simple-endpoint.yt-formatted-string { - color: var(--yt-endpoint-color, var(--yt-spec-call-to-action)); - text-decoration: var(--yt-endpoint-text-regular-decoration, none); - } - - a.yt-simple-endpoint.yt-formatted-string:visited { - color: var(--yt-endpoint-visited-color, var(--yt-spec-call-to-action)); - } - - a.yt-simple-endpoint.yt-formatted-string:hover { - color: var(--yt-endpoint-hover-color, var(--yt-spec-call-to-action)); - text-decoration: var(--yt-endpoint-text-decoration, none); - } - - yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string { - color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); - } - - yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:visited { - color: var(--yt-endpoint-visited-color, var(--yt-spec-text-primary)); - } - - yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover { - color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); - } - - yt-formatted-string[contenteditable] a.yt-simple-endpoint.yt-formatted-string,#contenteditable-root.yt-formatted-string a.yt-simple-endpoint.yt-formatted-string { - ; - } - - yt-formatted-string[split-lines] { - white-space: pre-wrap; - } - - yt-formatted-string[ellipsis-truncate].complex-string { - white-space: pre; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - yt-formatted-string[dir="auto"][ellipsis-truncate].complex-string { - display: inline-block; - } - - yt-formatted-string[dir="auto"][ellipsis-truncate].complex-string > *.yt-formatted-string:not(style) { - display: inline; - } - - yt-formatted-string[ellipsis-truncate] { - display: block; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - } - - yt-formatted-string[ellipsis-truncate] a.yt-formatted-string { - display: block; - - margin-right: -0.1em; - padding-right: 0.1em; - } - - yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - yt-formatted-string::-webkit-scrollbar-thumb { - height: var(--ytd-scrollbar-scrubber_-_height); background: var(--ytd-scrollbar-scrubber_-_background); - } - - yt-formatted-string::-webkit-scrollbar { - width: var(--ytd-scrollbar-width); - } - - #contenteditable-root.yt-formatted-string .emoji.yt-formatted-string { - ; - } - - #contenteditable-root.yt-formatted-string .small-emoji.yt-formatted-string { - ; - } - - #contenteditable-root.yt-formatted-string { - ; - } - - #contenteditable-root.yt-formatted-string:empty:before { - ; - } - - #contenteditable-root.yt-formatted-string[aria-label].yt-formatted-string:empty:before { - ; - } - - ytd-menu-service-item-download-renderer { - cursor: pointer; - --yt-menu-item-icon-display: inline-block; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - paper-item.ytd-menu-service-item-download-renderer { - --paper-item-min-height: 36px; - padding: 0 36px 0 16px; - } - - paper-item.ytd-menu-service-item-download-renderer:hover { - background-color: var(--yt-spec-10-percent-layer); - } - - yt-formatted-string.ytd-menu-service-item-download-renderer { - color: var(--yt-spec-text-primary); - white-space: nowrap; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - yt-icon.ytd-menu-service-item-download-renderer { - margin-right: 16px; - width: 24px; - height: 24px; - color: var(--yt-spec-icon-inactive); - display: var(--yt-menu-item-icon-display, none); - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - ytd-menu-service-item-renderer { - cursor: pointer; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - paper-item.ytd-menu-service-item-renderer { - --paper-item-min-height: 36px; - padding: 0 36px 0 16px; - } - - paper-item.ytd-menu-service-item-renderer:hover { - background-color: var(--yt-spec-10-percent-layer); - } - - yt-formatted-string.ytd-menu-service-item-renderer { - color: var(--yt-spec-text-primary); - white-space: nowrap; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - yt-icon.ytd-menu-service-item-renderer { - margin-right: 16px; - width: 24px; - height: 24px; - color: var(--yt-spec-icon-inactive); - display: var(--yt-menu-item-icon-display, none); - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - ytd-menu-service-item-renderer[is-selected] { - background-color: var(--yt-spec-10-percent-layer); - } - - ytd-menu-service-item-renderer[is-selected] paper-item.ytd-menu-service-item-renderer:hover { - background-color: var(--yt-spec-badge-chip-background); - } - - ytd-menu-service-item-renderer[use-icons] { - --yt-menu-item-icon-display: inline-block; - } - - ytd-menu-service-item-renderer[has-separator_]:not(:last-child)::after { - content: ""; - display: block; - height: 1px; - background-color: var(--yt-spec-10-percent-layer); - margin: 8px 0; - } - - paper-item.ytd-menu-service-item-renderer[disabled] yt-formatted-string.ytd-menu-service-item-renderer { - color: var(--yt-spec-text-disabled); - } - - paper-item.ytd-menu-service-item-renderer[disabled] yt-icon.ytd-menu-service-item-renderer { - color: var(--yt-spec-icon-disabled); - } - - ytd-menu-popup-renderer { - display: inline-grid; - grid-template-columns: min-content; - background-color: var(--yt-spec-brand-background-primary); - border-radius: 4px; - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - ytd-menu-popup-tip-renderer { - display: inline-block; - background-color: var(--yt-spec-brand-background-solid); - color: var(--yt-spec-text-primary); - padding: 10px 16px; - border-top: 1px solid var(--yt-spec-10-percent-layer); - font-size: 1.2rem; - font-weight: 400; - line-height: 1.5rem; - } - - ytd-toggle-menu-service-item-renderer { - cursor: pointer; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - span.ytd-toggle-menu-service-item-renderer { - color: var(--yt-spec-text-primary); - white-space: nowrap; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - ytd-toggle-menu-service-item-renderer:hover { - background-color: var(--yt-spec-10-percent-layer); - } - - yt-icon.ytd-toggle-menu-service-item-renderer { - margin-right: 16px; - width: 24px; - height: 24px; - color: var(--yt-spec-icon-inactive); - display: var(--yt-menu-item-icon-display, none); - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - ytd-toggle-menu-service-item-renderer[use-icons] { - --yt-menu-item-icon-display: inline-block; - } - - paper-item.ytd-toggle-menu-service-item-renderer { - --paper-item-min-height: 36px; - padding: 0 36px 0 16px; - } - - ytd-menu-custom-icon-item-renderer { - cursor: pointer; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - paper-item.ytd-menu-custom-icon-item-renderer { - --paper-item-min-height: 40px; - } - - paper-item.ytd-menu-custom-icon-item-renderer:hover { - background-color: var(--yt-spec-10-percent-layer); - } - - .custom-icon.ytd-menu-custom-icon-item-renderer { - height: 24px; - width: 24px; - margin-right: 16px; - } - - .action-text.ytd-menu-custom-icon-item-renderer { - color: var(--yt-spec-text-primary); - text-decoration: none; - -ms-flex: none; - -webkit-flex: none; - flex: none; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - .launch-icon.ytd-menu-custom-icon-item-renderer { - color: var(--yt-spec-call-to-action); - height: 16px; - padding-bottom: 2px; - width: 16px; - } - - yt-live-chat-vc-balance-renderer { - display: block; - } - - yt-live-chat-vc-balance-renderer:hover { - cursor: pointer; - } - - yt-img-shadow { - display: inline-block; - opacity: 0; - transition: opacity 0.2s; - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - yt-img-shadow.no-transition { - opacity: 1; - transition: none; - } - - yt-img-shadow.with-placeholder { - background-color: var(--yt-img-shadow-placeholder-color, transparent); - - min-height: var(--yt-img-shadow-min-height, unset); - min-width: var(--yt-img-shadow-min-width, unset) - } - - yt-img-shadow[loaded] { - opacity: 1; - } - - yt-img-shadow.empty img.yt-img-shadow { - visibility: hidden; - } - - yt-img-shadow[fit-height] img.yt-img-shadow { - height: 100%; - width: auto; - } - - yt-img-shadow[object-fit="FILL"] img.yt-img-shadow,yt-img-shadow[fit] img.yt-img-shadow { - width: 100%; - height: 100%; - } - - yt-img-shadow[object-fit="COVER"] img.yt-img-shadow { - width: 100%; - height: 100%; - object-fit: cover; - } - - yt-img-shadow[object-fit="CONTAIN"] img.yt-img-shadow { - width: 100%; - height: 100%; - object-fit: contain; - } - - yt-img-shadow[object-position="LEFT"] img.yt-img-shadow { - object-position: left; - } - - img.yt-img-shadow { - display: block; - margin-left: var(--yt-img-margin-left, auto); - margin-right: var(--yt-img-margin-right, auto); - max-height: var(--yt-img-max-height, none); - max-width: var(--yt-img-max-width, 100%); - border-radius: var(--yt-img-border-radius, none); - } - - yt-themed-image-renderer { - --yt-img-margin-left: 0; - --yt-img-margin-right: 0; - - display: block; - } - - yt-themed-image-renderer[is-circular_] yt-img-shadow.yt-themed-image-renderer,yt-themed-image-renderer[is-circular_] yt-icon.yt-themed-image-renderer { - border-radius: var(--yt-circular_-_border-radius); background-color: var(--yt-circular_-_background-color); overflow: var(--yt-circular_-_overflow); - } - - #image.yt-themed-image-renderer { - display: block; - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_1"] { - margin-top: var(--ytd-margin-base); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"] { - margin-bottom: var(--ytd-margin-base); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_1"] { - margin-left: var(--ytd-margin-base); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_1"] { - margin-right: var(--ytd-margin-base); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_2"] { - margin-top: var(--ytd-margin-2x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"] { - margin-bottom: var(--ytd-margin-2x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_2"] { - margin-left: var(--ytd-margin-2x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_2"] { - margin-right: var(--ytd-margin-2x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_3"] { - margin-top: var(--ytd-margin-3x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"] { - margin-bottom: var(--ytd-margin-3x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_3"] { - margin-left: var(--ytd-margin-3x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_3"] { - margin-right: var(--ytd-margin-3x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_4"] { - margin-top: var(--ytd-margin-4x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"] { - margin-bottom: var(--ytd-margin-4x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_4"] { - margin-left: var(--ytd-margin-4x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_4"] { - margin-right: var(--ytd-margin-4x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_5"] { - margin-top: var(--ytd-margin-5x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"] { - margin-bottom: var(--ytd-margin-5x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_5"] { - margin-left: var(--ytd-margin-5x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_5"] { - margin-right: var(--ytd-margin-5x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_6"] { - margin-top: var(--ytd-margin-6x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"] { - margin-bottom: var(--ytd-margin-6x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_6"] { - margin-left: var(--ytd-margin-6x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_6"] { - margin-right: var(--ytd-margin-6x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_7"] { - margin-top: var(--ytd-margin-7x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"] { - margin-bottom: var(--ytd-margin-7x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_7"] { - margin-left: var(--ytd-margin-7x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_7"] { - margin-right: var(--ytd-margin-7x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_8"] { - margin-top: var(--ytd-margin-8x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"] { - margin-bottom: var(--ytd-margin-8x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_8"] { - margin-left: var(--ytd-margin-8x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_8"] { - margin-right: var(--ytd-margin-8x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_9"] { - margin-top: var(--ytd-margin-9x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"] { - margin-bottom: var(--ytd-margin-9x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_9"] { - margin-left: var(--ytd-margin-9x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_9"] { - margin-right: var(--ytd-margin-9x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_10"] { - margin-top: var(--ytd-margin-10x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"] { - margin-bottom: var(--ytd-margin-10x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_10"] { - margin-left: var(--ytd-margin-10x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { - margin-right: var(--ytd-margin-10x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_11"] { - margin-top: var(--ytd-margin-11x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"] { - margin-bottom: var(--ytd-margin-11x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_11"] { - margin-left: var(--ytd-margin-11x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { - margin-right: var(--ytd-margin-11x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_12"] { - margin-top: var(--ytd-margin-12x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"] { - margin-bottom: var(--ytd-margin-12x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_12"] { - margin-left: var(--ytd-margin-12x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { - margin-right: var(--ytd-margin-12x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_13"] { - margin-top: var(--ytd-margin-13x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"] { - margin-bottom: var(--ytd-margin-13x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_13"] { - margin-left: var(--ytd-margin-13x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { - margin-right: var(--ytd-margin-13x); - } - - yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_14"] { - margin-top: var(--ytd-margin-14x); - } - - yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"] { - margin-bottom: var(--ytd-margin-14x); - } - - yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_14"] { - margin-left: var(--ytd-margin-14x); - } - - yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { - margin-right: var(--ytd-margin-14x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_1"] { - padding-top: var(--ytd-margin-base); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"] { - padding-bottom: var(--ytd-margin-base); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_1"] { - padding-left: var(--ytd-margin-base); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_1"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_1"] { - padding-right: var(--ytd-margin-base); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_2"] { - padding-top: var(--ytd-margin-2x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"] { - padding-bottom: var(--ytd-margin-2x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_2"] { - padding-left: var(--ytd-margin-2x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_2"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_2"] { - padding-right: var(--ytd-margin-2x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_3"] { - padding-top: var(--ytd-margin-3x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"] { - padding-bottom: var(--ytd-margin-3x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_3"] { - padding-left: var(--ytd-margin-3x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_3"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_3"] { - padding-right: var(--ytd-margin-3x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_4"] { - padding-top: var(--ytd-margin-4x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"] { - padding-bottom: var(--ytd-margin-4x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_4"] { - padding-left: var(--ytd-margin-4x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_4"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_4"] { - padding-right: var(--ytd-margin-4x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_5"] { - padding-top: var(--ytd-margin-5x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"] { - padding-bottom: var(--ytd-margin-5x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_5"] { - padding-left: var(--ytd-margin-5x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_5"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_5"] { - padding-right: var(--ytd-margin-5x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_6"] { - padding-top: var(--ytd-margin-6x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"] { - padding-bottom: var(--ytd-margin-6x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_6"] { - padding-left: var(--ytd-margin-6x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_6"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_6"] { - padding-right: var(--ytd-margin-6x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_7"] { - padding-top: var(--ytd-margin-7x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"] { - padding-bottom: var(--ytd-margin-7x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_7"] { - padding-left: var(--ytd-margin-7x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_7"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_7"] { - padding-right: var(--ytd-margin-7x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_8"] { - padding-top: var(--ytd-margin-8x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"] { - padding-bottom: var(--ytd-margin-8x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_8"] { - padding-left: var(--ytd-margin-8x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_8"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_8"] { - padding-right: var(--ytd-margin-8x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_9"] { - padding-top: var(--ytd-margin-9x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"] { - padding-bottom: var(--ytd-margin-9x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_9"] { - padding-left: var(--ytd-margin-9x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_9"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_9"] { - padding-right: var(--ytd-margin-9x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_10"] { - padding-top: var(--ytd-margin-10x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"] { - padding-bottom: var(--ytd-margin-10x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_10"] { - padding-left: var(--ytd-margin-10x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_10"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_10"] { - padding-right: var(--ytd-margin-10x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_11"] { - padding-top: var(--ytd-margin-11x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"] { - padding-bottom: var(--ytd-margin-11x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_11"] { - padding-left: var(--ytd-margin-11x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_11"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_11"] { - padding-right: var(--ytd-margin-11x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_12"] { - padding-top: var(--ytd-margin-12x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"] { - padding-bottom: var(--ytd-margin-12x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_12"] { - padding-left: var(--ytd-margin-12x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_12"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_12"] { - padding-right: var(--ytd-margin-12x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_13"] { - padding-top: var(--ytd-margin-13x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"] { - padding-bottom: var(--ytd-margin-13x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_13"] { - padding-left: var(--ytd-margin-13x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_13"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_13"] { - padding-right: var(--ytd-margin-13x); - } - - yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_14"] { - padding-top: var(--ytd-margin-14x); - } - - yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"] { - padding-bottom: var(--ytd-margin-14x); - } - - yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_14"] { - padding-left: var(--ytd-margin-14x); - } - - yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_14"],.yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_14"] { - padding-right: var(--ytd-margin-14x); - } - - yt-vc-balance-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_UNKNOWN"] #vc-icon.yt-vc-balance-renderer,yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_PRIMARY_TEXT"] #vc-icon.yt-vc-balance-renderer { - margin-right: var(--ytd-margin-2x); - } - - #vc-balance.yt-vc-balance-renderer { - position: relative; - top: 1px; - } - - yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_UNKNOWN"] #vc-balance.yt-vc-balance-renderer,yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_PRIMARY_TEXT"] #vc-balance.yt-vc-balance-renderer { - color: var(--yt-spec-text-primary); - - font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); - line-height: 1.8rem; - } - - yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_SECONDARY_TEXT"] #vc-icon.yt-vc-balance-renderer { - margin-right: var(--ytd-margin-base); - } - - yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_SECONDARY_TEXT"] #vc-balance.yt-vc-balance-renderer { - color: var(--yt-spec-text-disabled); - - font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); - line-height: 1.8rem; - } - - iron-a11y-announcer { - display: inline-block; - position: fixed; - clip: rect(0px,0px,0px,0px); - } - - iron-autogrow-textarea { - display: inline-block; - position: relative; - width: 400px; - border: 1px solid; - padding: 2px; - -moz-appearance: textarea; - -webkit-appearance: textarea; - overflow: hidden; - } - - .mirror-text.iron-autogrow-textarea { - visibility: hidden; - word-wrap: break-word; - white-space: pre-wrap; - ; - } - - .fit.iron-autogrow-textarea { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - textarea.iron-autogrow-textarea { - position: relative; - outline: none; - border: none; - resize: none; - background: inherit; - color: inherit; - - width: 100%; - height: 100%; - font-size: inherit; - font-family: inherit; - line-height: inherit; - text-align: inherit; - ; - } - - textarea.iron-autogrow-textarea::-webkit-input-placeholder { - padding: var(--iron-autogrow-textarea-placeholder_-_padding); - } - - textarea.iron-autogrow-textarea:-moz-placeholder { - padding: var(--iron-autogrow-textarea-placeholder_-_padding); - } - - textarea.iron-autogrow-textarea::-moz-placeholder { - padding: var(--iron-autogrow-textarea-placeholder_-_padding); - } - - textarea.iron-autogrow-textarea:-ms-input-placeholder { - padding: var(--iron-autogrow-textarea-placeholder_-_padding); - } - - iron-dropdown { - position: fixed; - } - - #contentWrapper.iron-dropdown > * { - overflow: auto; - } - - #contentWrapper.animating.iron-dropdown > * { - overflow: hidden; - pointer-events: none; - } - - iron-icon { - display: var(--layout-inline_-_display); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - position: relative; - - vertical-align: middle; - - fill: var(--iron-icon-fill-color, currentcolor); - stroke: var(--iron-icon-stroke-color, none); - - width: var(--iron-icon-width, 24px); - height: var(--iron-icon-height, 24px); - ; - } - - iron-icon[hidden] { - display: none; - } - - iron-input { - display: inline-block; - } - - iron-pages { - display: block; - } - - iron-pages > :not(slot):not(.iron-selected) { - display: none !important; - } - - paper-ripple { - display: block; - position: absolute; - border-radius: inherit; - overflow: hidden; - top: 0; - left: 0; - right: 0; - bottom: 0; - - - pointer-events: none; - } - - paper-ripple[animating] { - -webkit-transform: translate(0, 0); - transform: translate3d(0, 0, 0); - } - - #background.paper-ripple,#waves.paper-ripple,.wave-container.paper-ripple,.wave.paper-ripple { - pointer-events: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - - #background.paper-ripple,.wave.paper-ripple { - opacity: 0; - } - - #waves.paper-ripple,.wave.paper-ripple { - overflow: hidden; - } - - .wave-container.paper-ripple,.wave.paper-ripple { - border-radius: 50%; - } - - paper-ripple.circle #background.paper-ripple,paper-ripple.circle #waves.paper-ripple { - border-radius: 50%; - } - - paper-ripple.circle .wave-container.paper-ripple { - overflow: hidden; - } - - paper-button,html.paper-button { - --paper-material_-_display: block; --paper-material_-_position: relative;; - --paper-material-elevation-1_-_box-shadow: var(--shadow-elevation-2dp_-_box-shadow);; - --paper-material-elevation-2_-_box-shadow: var(--shadow-elevation-4dp_-_box-shadow);; - --paper-material-elevation-3_-_box-shadow: var(--shadow-elevation-6dp_-_box-shadow);; - --paper-material-elevation-4_-_box-shadow: var(--shadow-elevation-8dp_-_box-shadow);; - --paper-material-elevation-5_-_box-shadow: var(--shadow-elevation-16dp_-_box-shadow);; - } - - paper-button.paper-material,.paper-material.paper-button { - display: var(--paper-material_-_display); position: var(--paper-material_-_position); - } - - paper-button.paper-material[elevation="1"],.paper-material.paper-button[elevation="1"] { - box-shadow: var(--paper-material-elevation-1_-_box-shadow); - } - - paper-button.paper-material[elevation="2"],.paper-material.paper-button[elevation="2"] { - box-shadow: var(--paper-material-elevation-2_-_box-shadow); - } - - paper-button.paper-material[elevation="3"],.paper-material.paper-button[elevation="3"] { - box-shadow: var(--paper-material-elevation-3_-_box-shadow); - } - - paper-button.paper-material[elevation="4"],.paper-material.paper-button[elevation="4"] { - box-shadow: var(--paper-material-elevation-4_-_box-shadow); - } - - paper-button.paper-material[elevation="5"],.paper-material.paper-button[elevation="5"] { - box-shadow: var(--paper-material-elevation-5_-_box-shadow); - } - - paper-button { - display: var(--layout-inline_-_display); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - position: relative; - box-sizing: border-box; - min-width: 5.14em; - margin: 0 0.29em; - background: transparent; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - font: inherit; - text-transform: uppercase; - outline-width: 0; - border-radius: 3px; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - cursor: pointer; - z-index: 0; - padding: 0.7em 0.57em; - - font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); - min-width: var(--paper-button_-_min-width, 5.14em); - } - - paper-button[elevation="1"] { - box-shadow: var(--paper-material-elevation-1_-_box-shadow); - } - - paper-button[elevation="2"] { - box-shadow: var(--paper-material-elevation-2_-_box-shadow); - } - - paper-button[elevation="3"] { - box-shadow: var(--paper-material-elevation-3_-_box-shadow); - } - - paper-button[elevation="4"] { - box-shadow: var(--paper-material-elevation-4_-_box-shadow); - } - - paper-button[elevation="5"] { - box-shadow: var(--paper-material-elevation-5_-_box-shadow); - } - - paper-button[hidden] { - display: none !important; - } - - paper-button[raised].keyboard-focus { - font-weight: bold; - ; - } - - paper-button:not([raised]).keyboard-focus { - font-weight: bold; - ; - } - - paper-button[disabled] { - background: none; - color: #a8a8a8; - cursor: auto; - pointer-events: none; - - ; - } - - paper-button[disabled][raised] { - background: #eaeaea; - } - - paper-button[animated] { - transition: var(--shadow-transition_-_transition); - } - - paper-ripple.paper-button { - color: var(--paper-button-ink-color); - } - - paper-checkbox { - display: inline-block; - white-space: nowrap; - cursor: pointer; - --calculated-paper-checkbox-size: var(--paper-checkbox-size, 18px); - - --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size, -1px); - font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); - line-height: 0; - -webkit-tap-highlight-color: transparent; - } - - paper-checkbox[hidden] { - display: none !important; - } - - paper-checkbox:focus { - outline: none; - } - - .hidden.paper-checkbox { - display: none; - } - - #checkboxContainer.paper-checkbox { - display: inline-block; - position: relative; - width: var(--calculated-paper-checkbox-size); - height: var(--calculated-paper-checkbox-size); - min-width: var(--calculated-paper-checkbox-size); - margin: var(--paper-checkbox-margin, initial); - vertical-align: var(--paper-checkbox-vertical-align, middle); - background-color: var(--paper-checkbox-unchecked-background-color, transparent); - } - - #ink.paper-checkbox { - position: absolute; - - - top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2); - left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2); - width: var(--calculated-paper-checkbox-ink-size); - height: var(--calculated-paper-checkbox-ink-size); - color: var(--paper-checkbox-unchecked-ink-color, var(--primary-text-color)); - opacity: 0.6; - pointer-events: none; - } - - [dir="rtl"] #ink.paper-checkbox, #ink.paper-checkbox[dir="rtl"] { - right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2); - left: auto; - } - - #ink.paper-checkbox[checked] { - color: var(--paper-checkbox-checked-ink-color, var(--primary-color)); - } - - #checkbox.paper-checkbox { - position: relative; - box-sizing: border-box; - height: 100%; - border: solid 2px; - border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color)); - border-radius: 2px; - pointer-events: none; - -webkit-transition: background-color 140ms, border-color 140ms; - transition: background-color 140ms, border-color 140ms; - - -webkit-transition-duration: var(--paper-checkbox-animation-duration, 140ms); - transition-duration: var(--paper-checkbox-animation-duration, 140ms); - } - - #checkbox.checked.paper-checkbox #checkmark.paper-checkbox { - -webkit-animation: checkmark-expand 140ms ease-out forwards; - animation: checkmark-expand 140ms ease-out forwards; - - -webkit-animation-duration: var(--paper-checkbox-animation-duration, 140ms); - animation-duration: var(--paper-checkbox-animation-duration, 140ms); - } - - @-webkit-keyframes checkmark-expand { - 0% { - -webkit-transform: scale(0, 0) rotate(45deg); - } - - 100% { - -webkit-transform: scale(1, 1) rotate(45deg); - } - - } - - @keyframes checkmark-expand { - 0% { - transform: scale(0, 0) rotate(45deg); - } - - 100% { - transform: scale(1, 1) rotate(45deg); - } - - } - - #checkbox.checked.paper-checkbox { - background-color: var(--paper-checkbox-checked-color, var(--primary-color)); - border-color: var(--paper-checkbox-checked-color, var(--primary-color)); - } - - #checkmark.paper-checkbox { - position: absolute; - width: 36%; - height: 70%; - border-style: solid; - border-top: none; - border-left: none; - border-right-width: calc(2/15 * var(--calculated-paper-checkbox-size)); - border-bottom-width: calc(2/15 * var(--calculated-paper-checkbox-size)); - border-color: var(--paper-checkbox-checkmark-color, white); - -webkit-transform-origin: 97% 86%; - transform-origin: 97% 86%; - box-sizing: content-box; - } - - [dir="rtl"] #checkmark.paper-checkbox, #checkmark.paper-checkbox[dir="rtl"] { - -webkit-transform-origin: 50% 14%; - transform-origin: 50% 14%; - } - - #checkboxLabel.paper-checkbox { - position: relative; - display: inline-block; - vertical-align: middle; - padding-left: var(--paper-checkbox-label-spacing, 8px); - white-space: normal; - line-height: normal; - color: var(--paper-checkbox-label-color, var(--primary-text-color)); - margin-right: var(--paper-checkbox-label_-_margin-right); - } - - paper-checkbox[checked] #checkboxLabel.paper-checkbox { - color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-color, var(--primary-text-color))); - ; - } - - [dir="rtl"] #checkboxLabel.paper-checkbox, #checkboxLabel.paper-checkbox[dir="rtl"] { - padding-right: var(--paper-checkbox-label-spacing, 8px); - padding-left: 0; - } - - #checkboxLabel.paper-checkbox[hidden] { - display: none; - } - - paper-checkbox[disabled] #checkbox.paper-checkbox { - opacity: 0.5; - border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color)); - } - - paper-checkbox[disabled][checked] #checkbox.paper-checkbox { - background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color)); - opacity: 0.5; - } - - paper-checkbox[disabled] #checkboxLabel.paper-checkbox { - opacity: 0.65; - } - - #checkbox.invalid.paper-checkbox:not(.checked) { - border-color: var(--paper-checkbox-error-color, var(--error-color)); - } - - paper-dialog-scrollable { - display: block; - position: var(--layout-relative_-_position); - } - - paper-dialog-scrollable.is-scrolled:not(:first-child)::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 1px; - background: var(--divider-color); - } - - paper-dialog-scrollable.can-scroll:not(.scrolled-to-bottom):not(:last-child)::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - right: 0; - height: 1px; - background: var(--divider-color); - } - - .scrollable.paper-dialog-scrollable { - padding: 0 24px; - - -webkit-overflow-scrolling: var(--layout-scroll_-_-webkit-overflow-scrolling); overflow: var(--layout-scroll_-_overflow); - padding: var(--paper-dialog-scrollable_-_padding, 0 24px); min-width: var(--paper-dialog-scrollable_-_min-width); box-sizing: var(--paper-dialog-scrollable_-_box-sizing); overflow-x: var(--paper-dialog-scrollable_-_overflow-x); - } - - .fit.paper-dialog-scrollable { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - paper-dialog { - display: block; - margin: 24px 40px; - - background: var(--paper-dialog-background-color, var(--primary-background-color)); - color: var(--paper-dialog-color, var(--primary-text-color)); - - font-family: var(--paper-font-body1_-_font-family); -webkit-font-smoothing: var(--paper-font-body1_-_-webkit-font-smoothing); font-size: var(--paper-font-body1_-_font-size); font-weight: var(--paper-font-body1_-_font-weight); line-height: var(--paper-font-body1_-_line-height); - box-shadow: var(--shadow-elevation-16dp_-_box-shadow); - ; - } - - paper-dialog > * { - margin-top: 20px; - padding: 0 24px; - } - - paper-dialog > .no-padding { - padding: 0; - } - - paper-dialog > *:first-child { - margin-top: 24px; - } - - paper-dialog > *:last-child { - margin-bottom: 24px; - } - - paper-dialog > h2 { - position: relative; - margin: 0; - - font-family: var(--paper-font-title_-_font-family); -webkit-font-smoothing: var(--paper-font-title_-_-webkit-font-smoothing); white-space: var(--paper-font-title_-_white-space); overflow: var(--paper-font-title_-_overflow); text-overflow: var(--paper-font-title_-_text-overflow); font-size: var(--paper-font-title_-_font-size); font-weight: var(--paper-font-title_-_font-weight); line-height: var(--paper-font-title_-_line-height); - ; - } - - paper-dialog > h2:first-child { - margin-top: 24px; - ; - } - - paper-dialog > h2:last-child { - margin-bottom: 24px; - ; - } - - paper-dialog > .paper-dialog-buttons,paper-dialog > .buttons { - position: relative; - padding: 8px 8px 8px 24px; - margin: 0; - - color: var(--paper-dialog-button-color, var(--primary-color)); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - } - - paper-menu-button { - display: inline-block; - position: relative; - padding: 8px; - outline: none; - - ; - } - - paper-menu-button[disabled] { - cursor: auto; - color: var(--disabled-text-color); - - ; - } - - iron-dropdown.paper-menu-button { - ; - } - - .dropdown-content.paper-menu-button { - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - - position: relative; - border-radius: 2px; - background-color: var(--paper-menu-button-dropdown-background, var(--primary-background-color)); - - ; - } - - paper-menu-button[vertical-align="top"] .dropdown-content.paper-menu-button { - margin-bottom: 20px; - margin-top: -10px; - top: 10px; - } - - paper-menu-button[vertical-align="bottom"] .dropdown-content.paper-menu-button { - bottom: 10px; - margin-bottom: -10px; - margin-top: 20px; - } - - #trigger.paper-menu-button { - cursor: pointer; - } - - paper-dropdown-menu-light { - display: inline-block; - position: relative; - text-align: left; - - - -webkit-tap-highlight-color: rgba(0,0,0,0); - -webkit-tap-highlight-color: transparent; - - --paper-input-container-input_-_overflow: hidden; --paper-input-container-input_-_white-space: nowrap; --paper-input-container-input_-_text-overflow: ellipsis; --paper-input-container-input_-_max-width: 100%; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_cursor: pointer; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial;; - - ; - } - - paper-dropdown-menu-light:focus { - outline: none; - } - - [dir="rtl"] paper-dropdown-menu-light, paper-dropdown-menu-light[dir="rtl"] { - text-align: right; - - ; - } - - paper-dropdown-menu-light[disabled] { - ; - } - - paper-dropdown-menu-light[noink] paper-ripple.paper-dropdown-menu-light { - display: none; - } - - paper-dropdown-menu-light[no-label-float] paper-ripple.paper-dropdown-menu-light { - top: 8px; - } - - paper-ripple.paper-dropdown-menu-light { - top: 12px; - left: 0px; - bottom: 8px; - right: 0px; - - ; - } - - paper-menu-button.paper-dropdown-menu-light { - display: block; - padding: 0; - - ; - } - - paper-input.paper-dropdown-menu-light { - border-bottom: var(--paper-dropdown-menu-input_-_border-bottom); font-size: var(--paper-dropdown-menu-input_-_font-size); font-weight: var(--paper-dropdown-menu-input_-_font-weight); line-height: var(--paper-dropdown-menu-input_-_line-height); letter-spacing: var(--paper-dropdown-menu-input_-_letter-spacing); - } - - iron-icon.paper-dropdown-menu-light { - color: var(--disabled-text-color); - - color: var(--paper-dropdown-menu-icon_-_color, var(--disabled-text-color)); - } - - paper-dropdown-menu-light { - width: 200px; - } - - .paper-dropdown-menu-light[slot="dropdown-trigger"] { - box-sizing: border-box; - position: relative; - width: 100%; - padding: 16px 0 8px 0; - } - - .paper-dropdown-menu-light[slot="dropdown-trigger"].paper-dropdown-menu-light:focus { - outline: none; - } - - paper-dropdown-menu-light[disabled] .paper-dropdown-menu-light[slot="dropdown-trigger"] { - pointer-events: none; - opacity: var(--paper-dropdown-menu-disabled-opacity, 0.33); - } - - paper-dropdown-menu-light[no-label-float] .paper-dropdown-menu-light[slot="dropdown-trigger"] { - padding-top: 8px; - } - - #input.paper-dropdown-menu-light { - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - white-space: var(--paper-font-common-nowrap_-_white-space); overflow: var(--paper-font-common-nowrap_-_overflow); text-overflow: var(--paper-font-common-nowrap_-_text-overflow); - line-height: 1.5; - border-bottom: 1px solid var(--paper-dropdown-menu-color, var(--secondary-text-color)); - color: var(--paper-dropdown-menu-color, var(--primary-text-color)); - width: 100%; - box-sizing: border-box; - padding: 12px 20px 0 0; - outline: none; - border-bottom: var(--paper-dropdown-menu-input_-_border-bottom, 1px solid var(--paper-dropdown-menu-color, var(--secondary-text-color))); font-size: var(--paper-dropdown-menu-input_-_font-size, var(--paper-font-subhead_-_font-size)); font-weight: var(--paper-dropdown-menu-input_-_font-weight, var(--paper-font-subhead_-_font-weight)); line-height: var(--paper-dropdown-menu-input_-_line-height, 1.5); letter-spacing: var(--paper-dropdown-menu-input_-_letter-spacing); - } - - [dir="rtl"] #input.paper-dropdown-menu-light, #input.paper-dropdown-menu-light[dir="rtl"] { - padding-right: 0px; - padding-left: 20px; - } - - paper-dropdown-menu-light[disabled] #input.paper-dropdown-menu-light { - border-bottom: 1px dashed var(--paper-dropdown-menu-color, var(--secondary-text-color)); - } - - paper-dropdown-menu-light[invalid] #input.paper-dropdown-menu-light { - border-bottom: 2px solid var(--paper-dropdown-error-color, var(--error-color)); - } - - paper-dropdown-menu-light[no-label-float] #input.paper-dropdown-menu-light { - padding-top: 0; - } - - label.paper-dropdown-menu-light { - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - white-space: var(--paper-font-common-nowrap_-_white-space); overflow: var(--paper-font-common-nowrap_-_overflow); text-overflow: var(--paper-font-common-nowrap_-_text-overflow); - display: block; - position: absolute; - bottom: 0; - left: 0; - right: 0; - - top: 28px; - box-sizing: border-box; - width: 100%; - padding-right: 20px; - text-align: left; - transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); - color: var(--paper-dropdown-menu-color, var(--secondary-text-color)); - font-size: var(--paper-dropdown-menu-label_-_font-size, var(--paper-font-subhead_-_font-size)); font-weight: var(--paper-dropdown-menu-label_-_font-weight, var(--paper-font-subhead_-_font-weight)); line-height: var(--paper-dropdown-menu-label_-_line-height, var(--paper-font-subhead_-_line-height)); letter-spacing: var(--paper-dropdown-menu-label_-_letter-spacing); - } - - [dir="rtl"] label.paper-dropdown-menu-light, label.paper-dropdown-menu-light[dir="rtl"] { - padding-right: 0px; - padding-left: 20px; - text-align: right; - } - - paper-dropdown-menu-light[no-label-float] label.paper-dropdown-menu-light { - top: 8px; - - transition-duration: 0s; - } - - label.label-is-floating.paper-dropdown-menu-light { - font-size: 12px; - top: 8px; - } - - label.label-is-hidden.paper-dropdown-menu-light { - visibility: hidden; - } - - paper-dropdown-menu-light[focused] label.label-is-floating.paper-dropdown-menu-light { - color: var(--paper-dropdown-menu-focus-color, var(--primary-color)); - } - - paper-dropdown-menu-light[invalid] label.label-is-floating.paper-dropdown-menu-light { - color: var(--paper-dropdown-error-color, var(--error-color)); - } - - label.paper-dropdown-menu-light:after { - background-color: var(--paper-dropdown-menu-focus-color, var(--primary-color)); - bottom: 7px; - content: ''; - height: 2px; - left: 45%; - position: absolute; - transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); - visibility: hidden; - width: 8px; - z-index: 10; - ; - } - - paper-dropdown-menu-light[invalid] label.paper-dropdown-menu-light:after { - background-color: var(--paper-dropdown-error-color, var(--error-color)); - } - - paper-dropdown-menu-light[no-label-float] label.paper-dropdown-menu-light:after { - bottom: 7px; - } - - paper-dropdown-menu-light[focused]:not([disabled]) label.paper-dropdown-menu-light:after { - left: 0; - visibility: visible; - width: 100%; - } - - iron-icon.paper-dropdown-menu-light { - position: absolute; - right: 0px; - bottom: 8px; - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - color: var(--disabled-text-color); - color: var(--paper-dropdown-menu-icon_-_color, var(--disabled-text-color)); - } - - [dir="rtl"] iron-icon.paper-dropdown-menu-light, iron-icon.paper-dropdown-menu-light[dir="rtl"] { - left: 0; - right: auto; - } - - paper-dropdown-menu-light[no-label-float] iron-icon.paper-dropdown-menu-light { - margin-top: 0px; - } - - .error.paper-dropdown-menu-light { - display: inline-block; - visibility: hidden; - color: var(--paper-dropdown-error-color, var(--error-color)); - font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-font-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-overflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font-caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); letter-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper-font-caption_-_line-height); - position: absolute; - left:0; - right:0; - bottom: -12px; - } - - paper-dropdown-menu-light[invalid] .error.paper-dropdown-menu-light { - visibility: visible; - } - - paper-input-char-counter { - display: inline-block; - float: right; - - font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-font-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-overflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font-caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); letter-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper-font-caption_-_line-height); - color: var(--paper-input-char-counter_-_color); margin-top: var(--paper-input-char-counter_-_margin-top); margin-right: var(--paper-input-char-counter_-_margin-right); - } - - paper-input-char-counter[hidden] { - display: none !important; - } - - [dir="rtl"] paper-input-char-counter, paper-input-char-counter[dir="rtl"] { - float: left; - } - - paper-input-container { - display: block; - padding: 8px 0; - height: var(--paper-input-container_-_height); padding: var(--paper-input-container_-_padding, 8px 0); - } - - paper-input-container[inline] { - display: inline-block; - } - - paper-input-container[disabled] { - pointer-events: none; - opacity: 0.33; - - ; - } - - paper-input-container[hidden] { - display: none !important; - } - - .paper-input-container[hidden] { - display: none !important; - } - - .floated-label-placeholder.paper-input-container { - display: var(--paper-input-container-floated-label-placeholder-display, block); - font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-font-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-overflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font-caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); letter-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper-font-caption_-_line-height); - } - - .underline.paper-input-container { - height: var(--paper-input-container-underline-wrapper-height, 2px); - position: relative; - } - - .focused-line.paper-input-container { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - border-bottom: - var(--paper-input-container-underline-focus-height, 2px) - solid - var(--paper-input-container-underline-focus-color, - var(--paper-input-container-focus-color, - var(--primary-color))); - - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: scale3d(0,1,1); - transform: scale3d(0,1,1); - display: var(--paper-input-container-underline-focus-display, block); - - display: var(--paper-input-container-underline-focus_-_display, var(--paper-input-container-underline-focus-display, block)); - } - - .underline.is-highlighted.paper-input-container .focused-line.paper-input-container { - -webkit-transform: none; - transform: none; - -webkit-transition: -webkit-transform 0.25s; - transition: transform 0.25s; - - ; - } - - .underline.is-invalid.paper-input-container .focused-line.paper-input-container { - border-bottom: - var(--paper-input-container-underline-focus-height, 2px) - solid - var(--paper-input-container-underline-invalid-focus-color, - var(--paper-input-container-invalid-color, - var(--error-color))); - -webkit-transform: none; - transform: none; - -webkit-transition: -webkit-transform 0.25s; - transition: transform 0.25s; - display: var(--paper-input-container-underline-focus-display, block); - - ; - } - - .unfocused-line.paper-input-container { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - border-bottom: - var(--paper-input-container-underline-height, 1px) - solid - var(--paper-input-container-underline-color, - var(--paper-input-container-color, - var(--secondary-text-color))); - height: var(--paper-input-container-underline-legacy-height); - display: var(--paper-input-container-underline-display, block); - - background: var(--paper-input-container-underline_-_background); display: var(--paper-input-container-underline_-_display, var(--paper-input-container-underline-display, block)); - } - - paper-input-container[disabled] .unfocused-line.paper-input-container { - border-bottom: - var(--paper-input-container-underline-height, 1px) - dashed - var(--paper-input-container-underline-color, - var(--paper-input-container-color, - var(--secondary-text-color))); - display: var(--paper-input-container-underline-disabled-display, block); - - display: var(--paper-input-container-underline-disabled_-_display, var(--paper-input-container-underline-disabled-display, block)); - } - - .input-wrapper.paper-input-container { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - position: relative; - } - - .input-content.paper-input-container { - -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); - position: var(--layout-relative_-_position); - max-width: 100%; - } - - .input-content.paper-input-container > label,.input-content.paper-input-container > .paper-input-label { - position: absolute; - top: 0; - left: 0; - width: 100%; - font: inherit; - color: var(--paper-input-container-color, var(--secondary-text-color)); - -webkit-transition: -webkit-transform 0.25s, width 0.25s; - transition: transform 0.25s, width 0.25s; - -webkit-transform-origin: left top; - transform-origin: left top; - - min-height: 1px; - - white-space: var(--paper-font-common-nowrap_-_white-space); overflow: var(--paper-font-common-nowrap_-_overflow); text-overflow: var(--paper-font-common-nowrap_-_text-overflow); - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - ; - ; - } - - .input-content.paper-input-container > label:before,.input-content.paper-input-container > .paper-input-label:before { - ; - } - - .input-content.paper-input-container > label:after,.input-content.paper-input-container > .paper-input-label:after { - ; - } - - .input-content.label-is-floating.paper-input-container > label,.input-content.label-is-floating.paper-input-container > .paper-input-label { - -webkit-transform: translateY(-75%) scale(0.75); - transform: translateY(-75%) scale(0.75); - - - width: 133%; - - font-size: var(--paper-input-container-label-floating_-_font-size); font-weight: var(--paper-input-container-label-floating_-_font-weight); line-height: var(--paper-input-container-label-floating_-_line-height); - } - - [dir="rtl"] paper-input-container .input-content.label-is-floating.paper-input-container > label, paper-input-container[dir="rtl"] .input-content.label-is-floating.paper-input-container > label,[dir="rtl"] paper-input-container .input-content.label-is-floating.paper-input-container > .paper-input-label, paper-input-container[dir="rtl"] .input-content.label-is-floating.paper-input-container > .paper-input-label { - right: 0; - left: auto; - -webkit-transform-origin: right top; - transform-origin: right top; - } - - .input-content.label-is-highlighted.paper-input-container > label,.input-content.label-is-highlighted.paper-input-container > .paper-input-label { - color: var(--paper-input-container-focus-color, var(--primary-color)); - - ; - } - - .input-content.is-invalid.paper-input-container > label,.input-content.is-invalid.paper-input-container > .paper-input-label { - color: var(--paper-input-container-invalid-color, var(--error-color)); - } - - .input-content.label-is-hidden.paper-input-container > label,.input-content.label-is-hidden.paper-input-container > .paper-input-label { - visibility: hidden; - } - - .input-content.paper-input-container > input,.input-content.paper-input-container > iron-input,.input-content.paper-input-container > textarea,.input-content.paper-input-container > iron-autogrow-textarea,.input-content.paper-input-container > .paper-input-input { - position: var(--paper-input-container-shared-input-style_-_position); outline: var(--paper-input-container-shared-input-style_-_outline); box-shadow: var(--paper-input-container-shared-input-style_-_box-shadow); padding: var(--paper-input-container-shared-input-style_-_padding); margin: var(--paper-input-container-shared-input-style_-_margin); width: var(--paper-input-container-shared-input-style_-_width); max-width: var(--paper-input-container-shared-input-style_-_max-width); background: var(--paper-input-container-shared-input-style_-_background); border: var(--paper-input-container-shared-input-style_-_border); color: var(--paper-input-container-shared-input-style_-_color); -webkit-appearance: var(--paper-input-container-shared-input-style_-_-webkit-appearance); text-align: var(--paper-input-container-shared-input-style_-_text-align); vertical-align: var(--paper-input-container-shared-input-style_-_vertical-align); font-family: var(--paper-input-container-shared-input-style_-_font-family); -webkit-font-smoothing: var(--paper-input-container-shared-input-style_-_-webkit-font-smoothing); font-size: var(--paper-input-container-shared-input-style_-_font-size); font-weight: var(--paper-input-container-shared-input-style_-_font-weight); line-height: var(--paper-input-container-shared-input-style_-_line-height); - - color: var(--paper-input-container-input-color, var(--primary-text-color)); - overflow: var(--paper-input-container-input_-_overflow); white-space: var(--paper-input-container-input_-_white-space); text-overflow: var(--paper-input-container-input_-_text-overflow); max-width: var(--paper-input-container-input_-_max-width, var(--paper-input-container-shared-input-style_-_max-width)); box-sizing: var(--paper-input-container-input_-_box-sizing); cursor: var(--paper-input-container-input_-_cursor); font-size: var(--paper-input-container-input_-_font-size, var(--paper-input-container-shared-input-style_-_font-size)); font-weight: var(--paper-input-container-input_-_font-weight, var(--paper-input-container-shared-input-style_-_font-weight)); line-height: var(--paper-input-container-input_-_line-height, var(--paper-input-container-shared-input-style_-_line-height)); letter-spacing: var(--paper-input-container-input_-_letter-spacing); color: var(--paper-input-container-input_-_color, var(--paper-input-container-input-color, var(--primary-text-color))); padding: var(--paper-input-container-input_-_padding, var(--paper-input-container-shared-input-style_-_padding)); height: var(--paper-input-container-input_-_height); text-align: var(--paper-input-container-input_-_text-align, var(--paper-input-container-shared-input-style_-_text-align)); - } - - .input-content.paper-input-container > input::-webkit-outer-spin-button,.input-content.paper-input-container > input::-webkit-inner-spin-button { - ; - } - - .input-content.focused.paper-input-container > input,.input-content.focused.paper-input-container > iron-input,.input-content.focused.paper-input-container > textarea,.input-content.focused.paper-input-container > iron-autogrow-textarea,.input-content.focused.paper-input-container > .paper-input-input { - ; - } - - .input-content.is-invalid.paper-input-container > input,.input-content.is-invalid.paper-input-container > iron-input,.input-content.is-invalid.paper-input-container > textarea,.input-content.is-invalid.paper-input-container > iron-autogrow-textarea,.input-content.is-invalid.paper-input-container > .paper-input-input { - ; - } - - .prefix.paper-input-container > * { - display: inline-block; - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - color: var(--paper-input-prefix_-_color); - } - - .suffix.paper-input-container > * { - display: inline-block; - font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line-height: var(--paper-font-subhead_-_line-height); - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - - ; - } - - .input-content.paper-input-container > input { - min-width: 0; - } - - .input-content.paper-input-container > textarea { - resize: none; - } - - .add-on-content.paper-input-container { - position: relative; - } - - .add-on-content.is-invalid.paper-input-container > * { - color: var(--paper-input-container-invalid-color, var(--error-color)); - } - - .add-on-content.is-highlighted.paper-input-container > * { - color: var(--paper-input-container-focus-color, var(--primary-color)); - } - - paper-input-error { - display: inline-block; - visibility: hidden; - - color: var(--paper-input-container-invalid-color, var(--error-color)); - - font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-font-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-overflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font-caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); letter-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper-font-caption_-_line-height); - overflow: var(--paper-input-error_-_overflow, var(--paper-font-caption_-_overflow)); - position: absolute; - left:0; - right:0; - } - - paper-input-error[invalid] { - visibility: visible; - } - - #a11yWrapper.paper-input-error { - visibility: hidden; - } - - paper-input-error[invalid] #a11yWrapper.paper-input-error { - visibility: visible; - } - - paper-input { - display: block; - } - - paper-input[focused] { - outline: none; - } - - paper-input[hidden] { - display: none !important; - } - - input.paper-input { - min-width: 0; - ; - } - - iron-input.paper-input > input.paper-input { - position: var(--paper-input-container-shared-input-style_-_position); outline: var(--paper-input-container-shared-input-style_-_outline); box-shadow: var(--paper-input-container-shared-input-style_-_box-shadow); padding: var(--paper-input-container-shared-input-style_-_padding); margin: var(--paper-input-container-shared-input-style_-_margin); width: var(--paper-input-container-shared-input-style_-_width); max-width: var(--paper-input-container-shared-input-style_-_max-width); background: var(--paper-input-container-shared-input-style_-_background); border: var(--paper-input-container-shared-input-style_-_border); color: var(--paper-input-container-shared-input-style_-_color); -webkit-appearance: var(--paper-input-container-shared-input-style_-_-webkit-appearance); text-align: var(--paper-input-container-shared-input-style_-_text-align); vertical-align: var(--paper-input-container-shared-input-style_-_vertical-align); font-family: var(--paper-input-container-shared-input-style_-_font-family); -webkit-font-smoothing: var(--paper-input-container-shared-input-style_-_-webkit-font-smoothing); font-size: var(--paper-input-container-shared-input-style_-_font-size); font-weight: var(--paper-input-container-shared-input-style_-_font-weight); line-height: var(--paper-input-container-shared-input-style_-_line-height); - font-family: inherit; - font-weight: inherit; - font-size: inherit; - letter-spacing: inherit; - word-spacing: inherit; - line-height: inherit; - text-shadow: inherit; - color: inherit; - cursor: inherit; - } - - input.paper-input:disabled { - ; - } - - input.paper-input::-webkit-outer-spin-button,input.paper-input::-webkit-inner-spin-button { - ; - } - - input.paper-input::-webkit-clear-button { - ; - } - - input.paper-input::-webkit-calendar-picker-indicator { - ; - } - - input.paper-input::-webkit-input-placeholder { - color: var(--paper-input-container-color, var(--secondary-text-color)); - } - - input.paper-input:-moz-placeholder { - color: var(--paper-input-container-color, var(--secondary-text-color)); - } - - input.paper-input::-moz-placeholder { - color: var(--paper-input-container-color, var(--secondary-text-color)); - } - - input.paper-input::-ms-clear { - display: var(--paper-input-container-ms-clear_-_display); - } - - input.paper-input::-ms-reveal { - ; - } - - input.paper-input:-ms-input-placeholder { - color: var(--paper-input-container-color, var(--secondary-text-color)); - } - - label.paper-input { - pointer-events: none; - } - - paper-dropdown-menu { - display: inline-block; - position: relative; - text-align: left; - - - -webkit-tap-highlight-color: rgba(0,0,0,0); - -webkit-tap-highlight-color: transparent; - - --paper-input-container-input_-_overflow: hidden; --paper-input-container-input_-_white-space: nowrap; --paper-input-container-input_-_text-overflow: ellipsis; --paper-input-container-input_-_max-width: 100%; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_cursor: pointer; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial;; - - ; - } - - paper-dropdown-menu:focus { - outline: none; - } - - [dir="rtl"] paper-dropdown-menu, paper-dropdown-menu[dir="rtl"] { - text-align: right; - - ; - } - - paper-dropdown-menu[disabled] { - ; - } - - paper-dropdown-menu[noink] paper-ripple.paper-dropdown-menu { - display: none; - } - - paper-dropdown-menu[no-label-float] paper-ripple.paper-dropdown-menu { - top: 8px; - } - - paper-ripple.paper-dropdown-menu { - top: 12px; - left: 0px; - bottom: 8px; - right: 0px; - - ; - } - - paper-menu-button.paper-dropdown-menu { - display: block; - padding: 0; - - ; - } - - paper-input.paper-dropdown-menu { - border-bottom: var(--paper-dropdown-menu-input_-_border-bottom); font-size: var(--paper-dropdown-menu-input_-_font-size); font-weight: var(--paper-dropdown-menu-input_-_font-weight); line-height: var(--paper-dropdown-menu-input_-_line-height); letter-spacing: var(--paper-dropdown-menu-input_-_letter-spacing); - } - - iron-icon.paper-dropdown-menu { - color: var(--disabled-text-color); - - color: var(--paper-dropdown-menu-icon_-_color, var(--disabled-text-color)); - } - - paper-icon-button { - display: inline-block; - position: relative; - padding: 8px; - outline: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - z-index: 0; - line-height: 1; - - width: 40px; - height: 40px; - - - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - - - box-sizing: border-box !important; - - ; - } - - paper-icon-button #ink.paper-icon-button { - color: var(--paper-icon-button-ink-color, var(--primary-text-color)); - opacity: 0.6; - } - - paper-icon-button[disabled] { - color: var(--paper-icon-button-disabled-text, var(--disabled-text-color)); - pointer-events: none; - cursor: auto; - - ; - } - - paper-icon-button[hidden] { - display: none !important; - } - - paper-icon-button:hover { - ; - } - - iron-icon.paper-icon-button { - --iron-icon-width: 100%; - --iron-icon-height: 100%; - } - - paper-textarea { - display: block; - } - - paper-textarea[hidden] { - display: none !important; - } - - label.paper-textarea { - pointer-events: none; - } - - paper-item-body { - overflow: hidden; - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - paper-item-body[two-line] { - min-height: var(--paper-item-body-two-line-min-height, 72px); - } - - paper-item-body[three-line] { - min-height: var(--paper-item-body-three-line-min-height, 88px); - } - - paper-item-body > * { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - paper-item-body > [secondary] { - font-family: var(--paper-font-body1_-_font-family); -webkit-font-smoothing: var(--paper-font-body1_-_-webkit-font-smoothing); font-size: var(--paper-font-body1_-_font-size); font-weight: var(--paper-font-body1_-_font-weight); line-height: var(--paper-font-body1_-_line-height); - - color: var(--paper-item-body-secondary-color, var(--secondary-text-color)); - - ; - } - - paper-progress { - display: block; - width: 200px; - position: relative; - overflow: hidden; - } - - paper-progress[hidden],.paper-progress[hidden] { - display: none !important; - } - - #progressContainer.paper-progress { - ; - position: relative; - } - - #progressContainer.paper-progress,.indeterminate.paper-progress::after { - height: var(--paper-progress-height, 4px); - } - - #primaryProgress.paper-progress,#secondaryProgress.paper-progress,.indeterminate.paper-progress::after { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - #progressContainer.paper-progress,.indeterminate.paper-progress::after { - background: var(--paper-progress-container-color, var(--google-grey-300)); - } - - paper-progress.transiting #primaryProgress.paper-progress,paper-progress.transiting #secondaryProgress.paper-progress { - -webkit-transition-property: -webkit-transform; - transition-property: transform; - - - -webkit-transition-duration: var(--paper-progress-transition-duration, 0.08s); - transition-duration: var(--paper-progress-transition-duration, 0.08s); - - - -webkit-transition-timing-function: var(--paper-progress-transition-timing-function, ease); - transition-timing-function: var(--paper-progress-transition-timing-function, ease); - - - -webkit-transition-delay: var(--paper-progress-transition-delay, 0s); - transition-delay: var(--paper-progress-transition-delay, 0s); - } - - #primaryProgress.paper-progress,#secondaryProgress.paper-progress { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - -webkit-transform-origin: left center; - transform-origin: left center; - -webkit-transform: scaleX(0); - transform: scaleX(0); - will-change: transform; - } - - #primaryProgress.paper-progress { - background: var(--paper-progress-active-color, var(--google-green-500)); - } - - #secondaryProgress.paper-progress { - background: var(--paper-progress-secondary-color, var(--google-green-100)); - } - - paper-progress[disabled] #primaryProgress.paper-progress { - background: var(--paper-progress-disabled-active-color, var(--google-grey-500)); - } - - paper-progress[disabled] #secondaryProgress.paper-progress { - background: var(--paper-progress-disabled-secondary-color, var(--google-grey-300)); - } - - paper-progress:not([disabled]) #primaryProgress.indeterminate.paper-progress { - -webkit-transform-origin: right center; - transform-origin: right center; - -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite; - animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite; - } - - paper-progress:not([disabled]) #primaryProgress.indeterminate.paper-progress::after { - content: ""; - -webkit-transform-origin: center center; - transform-origin: center center; - - -webkit-animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite; - animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration, 2s) linear infinite; - } - - @-webkit-keyframes indeterminate-bar { - 0% { - -webkit-transform: scaleX(1) translateX(-100%); - } - - 50% { - -webkit-transform: scaleX(1) translateX(0%); - } - - 75% { - -webkit-transform: scaleX(1) translateX(0%); - -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91); - } - - 100% { - -webkit-transform: scaleX(0) translateX(0%); - } - - } - - @-webkit-keyframes indeterminate-splitter { - 0% { - -webkit-transform: scaleX(.75) translateX(-125%); - } - - 30% { - -webkit-transform: scaleX(.75) translateX(-125%); - -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8); - } - - 90% { - -webkit-transform: scaleX(.75) translateX(125%); - } - - 100% { - -webkit-transform: scaleX(.75) translateX(125%); - } - - } - - @keyframes indeterminate-bar { - 0% { - transform: scaleX(1) translateX(-100%); - } - - 50% { - transform: scaleX(1) translateX(0%); - } - - 75% { - transform: scaleX(1) translateX(0%); - animation-timing-function: cubic-bezier(.28,.62,.37,.91); - } - - 100% { - transform: scaleX(0) translateX(0%); - } - - } - - @keyframes indeterminate-splitter { - 0% { - transform: scaleX(.75) translateX(-125%); - } - - 30% { - transform: scaleX(.75) translateX(-125%); - animation-timing-function: cubic-bezier(.42,0,.6,.8); - } - - 90% { - transform: scaleX(.75) translateX(125%); - } - - 100% { - transform: scaleX(.75) translateX(125%); - } - - } - - paper-radio-button { - display: inline-block; - line-height: 0; - white-space: nowrap; - cursor: pointer; - font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); - --calculated-paper-radio-button-size: var(--paper-radio-button-size, 16px); - - --calculated-paper-radio-button-ink-size: var(--paper-radio-button-ink-size, -1px); - } - - paper-radio-button:focus { - outline: none; - } - - #radioContainer.paper-radio-button { - display: var(--layout-inline_-_display); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - position: relative; - width: var(--calculated-paper-radio-button-size); - height: var(--calculated-paper-radio-button-size); - vertical-align: middle; - - ; - } - - #ink.paper-radio-button { - position: absolute; - top: 50%; - left: 50%; - right: auto; - width: var(--calculated-paper-radio-button-ink-size); - height: var(--calculated-paper-radio-button-ink-size); - color: var(--paper-radio-button-unchecked-ink-color, var(--primary-text-color)); - opacity: 0.6; - pointer-events: none; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - } - - #ink.paper-radio-button[checked] { - color: var(--paper-radio-button-checked-ink-color, var(--primary-color)); - } - - #offRadio.paper-radio-button,#onRadio.paper-radio-button { - position: absolute; - box-sizing: border-box; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - } - - #offRadio.paper-radio-button { - border: 2px solid var(--paper-radio-button-unchecked-color, var(--primary-text-color)); - background-color: var(--paper-radio-button-unchecked-background-color, transparent); - transition: border-color 0.28s; - } - - #onRadio.paper-radio-button { - background-color: var(--paper-radio-button-checked-color, var(--primary-color)); - -webkit-transform: scale(0); - transform: scale(0); - transition: -webkit-transform ease 0.28s; - transition: transform ease 0.28s; - will-change: transform; - } - - paper-radio-button[checked] #offRadio.paper-radio-button { - border-color: var(--paper-radio-button-checked-color, var(--primary-color)); - } - - paper-radio-button[checked] #onRadio.paper-radio-button { - -webkit-transform: scale(0.5); - transform: scale(0.5); - } - - #radioLabel.paper-radio-button { - line-height: normal; - position: relative; - display: inline-block; - vertical-align: middle; - margin-left: var(--paper-radio-button-label-spacing, 10px); - white-space: normal; - color: var(--paper-radio-button-label-color, var(--primary-text-color)); - - ; - } - - paper-radio-button[checked] #radioLabel.paper-radio-button { - ; - } - - [dir="rtl"] #radioLabel.paper-radio-button, #radioLabel.paper-radio-button[dir="rtl"] { - margin-left: 0; - margin-right: var(--paper-radio-button-label-spacing, 10px); - } - - #radioLabel.paper-radio-button[hidden] { - display: none; - } - - paper-radio-button[disabled] #offRadio.paper-radio-button { - border-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color)); - opacity: 0.5; - } - - paper-radio-button[disabled][checked] #onRadio.paper-radio-button { - background-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color)); - opacity: 0.5; - } - - paper-radio-button[disabled] #radioLabel.paper-radio-button { - opacity: 0.65; - } - - paper-radio-group { - display: inline-block; - } - - paper-radio-group > * { - padding: var(--paper-radio-group-item-padding, 12px); - } - - paper-slider { - display: var(--layout_-_display); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - width: 200px; - cursor: default; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - --paper-progress-active-color: var(--paper-slider-active-color, var(--google-blue-700)); - --paper-progress-secondary-color: var(--paper-slider-secondary-color, var(--google-blue-300)); - --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-color, var(--paper-grey-400)); - --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-secondary-color, var(--paper-grey-400)); - --calculated-paper-slider-height: var(--paper-slider-height, 2px); - } - - paper-slider:focus { - outline: none; - } - - [dir="rtl"] .paper-slider #sliderContainer.paper-slider, .paper-slider[dir="rtl"] #sliderContainer.paper-slider { - -webkit-transform: scaleX(-1); - transform: scaleX(-1); - } - - paper-slider[dir="rtl"] #sliderContainer.paper-slider { - -webkit-transform: scaleX(-1); - transform: scaleX(-1); - } - - paper-slider[dir="ltr"] #sliderContainer.paper-slider { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - - #sliderContainer.paper-slider { - position: relative; - width: 100%; - height: calc(30px + var(--calculated-paper-slider-height)); - margin-left: calc(15px + var(--calculated-paper-slider-height)/2); - margin-right: calc(15px + var(--calculated-paper-slider-height)/2); - } - - #sliderContainer.paper-slider:focus { - outline: 0; - } - - #sliderContainer.editable.paper-slider { - margin-top: 12px; - margin-bottom: 12px; - } - - .bar-container.paper-slider { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - overflow: hidden; - } - - .ring.paper-slider > .bar-container.paper-slider { - left: calc(5px + var(--calculated-paper-slider-height)/2); - transition: left 0.18s ease; - } - - .ring.expand.dragging.paper-slider > .bar-container.paper-slider { - transition: none; - } - - .ring.expand.paper-slider:not(.pin) > .bar-container.paper-slider { - left: calc(8px + var(--calculated-paper-slider-height)/2); - } - - #sliderBar.paper-slider { - padding: 15px 0; - width: 100%; - background-color: var(--paper-slider-bar-color, transparent); - --paper-progress-container-color: var(--paper-slider-container-color, var(--paper-grey-400)); - --paper-progress-height: var(--calculated-paper-slider-height); - } - - .slider-markers.paper-slider { - position: absolute; - - top: 15px; - height: var(--calculated-paper-slider-height); - left: 0; - right: -1px; - box-sizing: border-box; - pointer-events: none; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - .slider-marker.paper-slider { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - .slider-markers.paper-slider::after,.slider-marker.paper-slider::after { - content: ""; - display: block; - margin-left: -1px; - width: 2px; - height: var(--calculated-paper-slider-height); - border-radius: 50%; - background-color: var(--paper-slider-markers-color, #000); - } - - .slider-knob.paper-slider { - position: absolute; - left: 0; - top: 0; - margin-left: calc(-15px - var(--calculated-paper-slider-height)/2); - width: calc(30px + var(--calculated-paper-slider-height)); - height: calc(30px + var(--calculated-paper-slider-height)); - } - - .transiting.paper-slider > .slider-knob.paper-slider { - transition: left 0.08s ease; - } - - .slider-knob.paper-slider:focus { - outline: none; - } - - .slider-knob.dragging.paper-slider { - transition: none; - } - - .snaps.paper-slider > .slider-knob.dragging.paper-slider { - transition: -webkit-transform 0.08s ease; - transition: transform 0.08s ease; - } - - .slider-knob-inner.paper-slider { - margin: 10px; - width: calc(100% - 20px); - height: calc(100% - 20px); - background-color: var(--paper-slider-knob-color, var(--google-blue-700)); - border: 2px solid var(--paper-slider-knob-color, var(--google-blue-700)); - border-radius: 50%; - - -moz-box-sizing: border-box; - box-sizing: border-box; - - transition-property: -webkit-transform, background-color, border; - transition-property: transform, background-color, border; - transition-duration: 0.18s; - transition-timing-function: ease; - } - - .expand.paper-slider:not(.pin) > .slider-knob.paper-slider > .slider-knob-inner.paper-slider { - -webkit-transform: scale(1.5); - transform: scale(1.5); - } - - .ring.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider { - background-color: var(--paper-slider-knob-start-color, transparent); - border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400)); - } - - .slider-knob-inner.paper-slider::before { - background-color: var(--paper-slider-pin-color, var(--google-blue-700)); - } - - .pin.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::before { - content: ""; - position: absolute; - top: 0; - left: 50%; - margin-left: -13px; - width: 26px; - height: 26px; - border-radius: 50% 50% 50% 0; - - -webkit-transform: rotate(-45deg) scale(0) translate(0); - transform: rotate(-45deg) scale(0) translate(0); - } - - .slider-knob-inner.paper-slider::before,.slider-knob-inner.paper-slider::after { - transition: -webkit-transform .18s ease, background-color .18s ease; - transition: transform .18s ease, background-color .18s ease; - } - - .pin.ring.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::before { - background-color: var(--paper-slider-pin-start-color, var(--paper-grey-400)); - } - - .pin.expand.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::before { - -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px); - transform: rotate(-45deg) scale(1) translate(17px, -17px); - } - - .pin.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::after { - content: attr(value); - position: absolute; - top: 0; - left: 50%; - margin-left: -16px; - width: 32px; - height: 26px; - text-align: center; - color: var(--paper-slider-font-color, #fff); - font-size: 10px; - - -webkit-transform: scale(0) translate(0); - transform: scale(0) translate(0); - } - - .pin.expand.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider::after { - -webkit-transform: scale(1) translate(0, -17px); - transform: scale(1) translate(0, -17px); - } - - .slider-input.paper-slider { - width: 50px; - overflow: hidden; - --paper-input-container-input_-_text-align: center; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-size: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_color: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_height: initial;; - ; - } - - #sliderContainer.disabled.paper-slider { - pointer-events: none; - } - - .disabled.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider { - background-color: var(--paper-slider-disabled-knob-color, var(--paper-grey-400)); - border: 2px solid var(--paper-slider-disabled-knob-color, var(--paper-grey-400)); - -webkit-transform: scale3d(0.75, 0.75, 1); - transform: scale3d(0.75, 0.75, 1); - } - - .disabled.ring.paper-slider > .slider-knob.paper-slider > .slider-knob-inner.paper-slider { - background-color: var(--paper-slider-knob-start-color, transparent); - border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400)); - } - - paper-ripple.paper-slider { - color: var(--paper-slider-knob-color, var(--google-blue-700)); - } - - paper-spinner-lite { - display: inline-block; - position: relative; - width: 28px; - height: 28px; - - - --paper-spinner-container-rotation-duration: 1568ms; - - - --paper-spinner-expand-contract-duration: 1333ms; - - - --paper-spinner-full-cycle-duration: 5332ms; - - - --paper-spinner-cooldown-duration: 400ms; - } - - #spinnerContainer.paper-spinner-lite { - width: 100%; - height: 100%; - - - direction: ltr; - } - - #spinnerContainer.active.paper-spinner-lite { - -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; - animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; - } - - @-webkit-keyframes container-rotate { - to { - -webkit-transform: rotate(360deg) - } - - } - - @keyframes container-rotate { - to { - transform: rotate(360deg) - } - - } - - .spinner-layer.paper-spinner-lite { - position: absolute; - width: 100%; - height: 100%; - opacity: 0; - white-space: nowrap; - color: var(--paper-spinner-color, var(--google-blue-500)); - } - - .layer-1.paper-spinner-lite { - color: var(--paper-spinner-layer-1-color, var(--google-blue-500)); - } - - .layer-2.paper-spinner-lite { - color: var(--paper-spinner-layer-2-color, var(--google-red-500)); - } - - .layer-3.paper-spinner-lite { - color: var(--paper-spinner-layer-3-color, var(--google-yellow-500)); - } - - .layer-4.paper-spinner-lite { - color: var(--paper-spinner-layer-4-color, var(--google-green-500)); - } - - .active.paper-spinner-lite .spinner-layer.paper-spinner-lite { - -webkit-animation-name: fill-unfill-rotate; - -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); - -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); - -webkit-animation-iteration-count: infinite; - animation-name: fill-unfill-rotate; - animation-duration: var(--paper-spinner-full-cycle-duration); - animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); - animation-iteration-count: infinite; - opacity: 1; - } - - .active.paper-spinner-lite .spinner-layer.layer-1.paper-spinner-lite { - -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out; - animation-name: fill-unfill-rotate, layer-1-fade-in-out; - } - - .active.paper-spinner-lite .spinner-layer.layer-2.paper-spinner-lite { - -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out; - animation-name: fill-unfill-rotate, layer-2-fade-in-out; - } - - .active.paper-spinner-lite .spinner-layer.layer-3.paper-spinner-lite { - -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out; - animation-name: fill-unfill-rotate, layer-3-fade-in-out; - } - - .active.paper-spinner-lite .spinner-layer.layer-4.paper-spinner-lite { - -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out; - animation-name: fill-unfill-rotate, layer-4-fade-in-out; - } - - @-webkit-keyframes fill-unfill-rotate { - 12.5% { - -webkit-transform: rotate(135deg) - } - - 25% { - -webkit-transform: rotate(270deg) - } - - 37.5% { - -webkit-transform: rotate(405deg) - } - - 50% { - -webkit-transform: rotate(540deg) - } - - 62.5% { - -webkit-transform: rotate(675deg) - } - - 75% { - -webkit-transform: rotate(810deg) - } - - 87.5% { - -webkit-transform: rotate(945deg) - } - - to { - -webkit-transform: rotate(1080deg) - } - - } - - @keyframes fill-unfill-rotate { - 12.5% { - transform: rotate(135deg) - } - - 25% { - transform: rotate(270deg) - } - - 37.5% { - transform: rotate(405deg) - } - - 50% { - transform: rotate(540deg) - } - - 62.5% { - transform: rotate(675deg) - } - - 75% { - transform: rotate(810deg) - } - - 87.5% { - transform: rotate(945deg) - } - - to { - transform: rotate(1080deg) - } - - } - - @-webkit-keyframes layer-1-fade-in-out { - 0% { - opacity: 1 - } - - 25% { - opacity: 1 - } - - 26% { - opacity: 0 - } - - 89% { - opacity: 0 - } - - 90% { - opacity: 1 - } - - to { - opacity: 1 - } - - } - - @keyframes layer-1-fade-in-out { - 0% { - opacity: 1 - } - - 25% { - opacity: 1 - } - - 26% { - opacity: 0 - } - - 89% { - opacity: 0 - } - - 90% { - opacity: 1 - } - - to { - opacity: 1 - } - - } - - @-webkit-keyframes layer-2-fade-in-out { - 0% { - opacity: 0 - } - - 15% { - opacity: 0 - } - - 25% { - opacity: 1 - } - - 50% { - opacity: 1 - } - - 51% { - opacity: 0 - } - - to { - opacity: 0 - } - - } - - @keyframes layer-2-fade-in-out { - 0% { - opacity: 0 - } - - 15% { - opacity: 0 - } - - 25% { - opacity: 1 - } - - 50% { - opacity: 1 - } - - 51% { - opacity: 0 - } - - to { - opacity: 0 - } - - } - - @-webkit-keyframes layer-3-fade-in-out { - 0% { - opacity: 0 - } - - 40% { - opacity: 0 - } - - 50% { - opacity: 1 - } - - 75% { - opacity: 1 - } - - 76% { - opacity: 0 - } - - to { - opacity: 0 - } - - } - - @keyframes layer-3-fade-in-out { - 0% { - opacity: 0 - } - - 40% { - opacity: 0 - } - - 50% { - opacity: 1 - } - - 75% { - opacity: 1 - } - - 76% { - opacity: 0 - } - - to { - opacity: 0 - } - - } - - @-webkit-keyframes layer-4-fade-in-out { - 0% { - opacity: 0 - } - - 65% { - opacity: 0 - } - - 75% { - opacity: 1 - } - - 90% { - opacity: 1 - } - - to { - opacity: 0 - } - - } - - @keyframes layer-4-fade-in-out { - 0% { - opacity: 0 - } - - 65% { - opacity: 0 - } - - 75% { - opacity: 1 - } - - 90% { - opacity: 1 - } - - to { - opacity: 0 - } - - } - - .circle-clipper.paper-spinner-lite { - display: inline-block; - position: relative; - width: 50%; - height: 100%; - overflow: hidden; - } - - .spinner-layer.paper-spinner-lite::after { - content: ''; - left: 45%; - width: 10%; - border-top-style: solid; - } - - .spinner-layer.paper-spinner-lite::after,.circle-clipper.paper-spinner-lite .circle.paper-spinner-lite { - box-sizing: border-box; - position: absolute; - top: 0; - border-width: var(--paper-spinner-stroke-width, 3px); - border-radius: 50%; - } - - .circle-clipper.paper-spinner-lite .circle.paper-spinner-lite { - bottom: 0; - width: 200%; - border-style: solid; - border-bottom-color: transparent !important; - } - - .circle-clipper.left.paper-spinner-lite .circle.paper-spinner-lite { - left: 0; - border-right-color: transparent !important; - -webkit-transform: rotate(129deg); - transform: rotate(129deg); - } - - .circle-clipper.right.paper-spinner-lite .circle.paper-spinner-lite { - left: -100%; - border-left-color: transparent !important; - -webkit-transform: rotate(-129deg); - transform: rotate(-129deg); - } - - .active.paper-spinner-lite .gap-patch.paper-spinner-lite::after,.active.paper-spinner-lite .circle-clipper.paper-spinner-lite .circle.paper-spinner-lite { - -webkit-animation-duration: var(--paper-spinner-expand-contract-duration); - -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); - -webkit-animation-iteration-count: infinite; - animation-duration: var(--paper-spinner-expand-contract-duration); - animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); - animation-iteration-count: infinite; - } - - .active.paper-spinner-lite .circle-clipper.left.paper-spinner-lite .circle.paper-spinner-lite { - -webkit-animation-name: left-spin; - animation-name: left-spin; - } - - .active.paper-spinner-lite .circle-clipper.right.paper-spinner-lite .circle.paper-spinner-lite { - -webkit-animation-name: right-spin; - animation-name: right-spin; - } - - @-webkit-keyframes left-spin { - 0% { - -webkit-transform: rotate(130deg) - } - - 50% { - -webkit-transform: rotate(-5deg) - } - - to { - -webkit-transform: rotate(130deg) - } - - } - - @keyframes left-spin { - 0% { - transform: rotate(130deg) - } - - 50% { - transform: rotate(-5deg) - } - - to { - transform: rotate(130deg) - } - - } - - @-webkit-keyframes right-spin { - 0% { - -webkit-transform: rotate(-130deg) - } - - 50% { - -webkit-transform: rotate(5deg) - } - - to { - -webkit-transform: rotate(-130deg) - } - - } - - @keyframes right-spin { - 0% { - transform: rotate(-130deg) - } - - 50% { - transform: rotate(5deg) - } - - to { - transform: rotate(-130deg) - } - - } - - #spinnerContainer.cooldown.paper-spinner-lite { - -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1); - animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1); - } - - @-webkit-keyframes fade-out { - 0% { - opacity: 1 - } - - to { - opacity: 0 - } - - } - - @keyframes fade-out { - 0% { - opacity: 1 - } - - to { - opacity: 0 - } - - } - - paper-spinner { - display: inline-block; - position: relative; - width: 28px; - height: 28px; - - - --paper-spinner-container-rotation-duration: 1568ms; - - - --paper-spinner-expand-contract-duration: 1333ms; - - - --paper-spinner-full-cycle-duration: 5332ms; - - - --paper-spinner-cooldown-duration: 400ms; - } - - #spinnerContainer.paper-spinner { - width: 100%; - height: 100%; - - - direction: ltr; - } - - #spinnerContainer.active.paper-spinner { - -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; - animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; - } - - @-webkit-keyframes container-rotate { - to { - -webkit-transform: rotate(360deg) - } - - } - - @keyframes container-rotate { - to { - transform: rotate(360deg) - } - - } - - .spinner-layer.paper-spinner { - position: absolute; - width: 100%; - height: 100%; - opacity: 0; - white-space: nowrap; - color: var(--paper-spinner-color, var(--google-blue-500)); - } - - .layer-1.paper-spinner { - color: var(--paper-spinner-layer-1-color, var(--google-blue-500)); - } - - .layer-2.paper-spinner { - color: var(--paper-spinner-layer-2-color, var(--google-red-500)); - } - - .layer-3.paper-spinner { - color: var(--paper-spinner-layer-3-color, var(--google-yellow-500)); - } - - .layer-4.paper-spinner { - color: var(--paper-spinner-layer-4-color, var(--google-green-500)); - } - - .active.paper-spinner .spinner-layer.paper-spinner { - -webkit-animation-name: fill-unfill-rotate; - -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); - -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); - -webkit-animation-iteration-count: infinite; - animation-name: fill-unfill-rotate; - animation-duration: var(--paper-spinner-full-cycle-duration); - animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); - animation-iteration-count: infinite; - opacity: 1; - } - - .active.paper-spinner .spinner-layer.layer-1.paper-spinner { - -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out; - animation-name: fill-unfill-rotate, layer-1-fade-in-out; - } - - .active.paper-spinner .spinner-layer.layer-2.paper-spinner { - -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out; - animation-name: fill-unfill-rotate, layer-2-fade-in-out; - } - - .active.paper-spinner .spinner-layer.layer-3.paper-spinner { - -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out; - animation-name: fill-unfill-rotate, layer-3-fade-in-out; - } - - .active.paper-spinner .spinner-layer.layer-4.paper-spinner { - -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out; - animation-name: fill-unfill-rotate, layer-4-fade-in-out; - } - - @-webkit-keyframes fill-unfill-rotate { - 12.5% { - -webkit-transform: rotate(135deg) - } - - 25% { - -webkit-transform: rotate(270deg) - } - - 37.5% { - -webkit-transform: rotate(405deg) - } - - 50% { - -webkit-transform: rotate(540deg) - } - - 62.5% { - -webkit-transform: rotate(675deg) - } - - 75% { - -webkit-transform: rotate(810deg) - } - - 87.5% { - -webkit-transform: rotate(945deg) - } - - to { - -webkit-transform: rotate(1080deg) - } - - } - - @keyframes fill-unfill-rotate { - 12.5% { - transform: rotate(135deg) - } - - 25% { - transform: rotate(270deg) - } - - 37.5% { - transform: rotate(405deg) - } - - 50% { - transform: rotate(540deg) - } - - 62.5% { - transform: rotate(675deg) - } - - 75% { - transform: rotate(810deg) - } - - 87.5% { - transform: rotate(945deg) - } - - to { - transform: rotate(1080deg) - } - - } - - @-webkit-keyframes layer-1-fade-in-out { - 0% { - opacity: 1 - } - - 25% { - opacity: 1 - } - - 26% { - opacity: 0 - } - - 89% { - opacity: 0 - } - - 90% { - opacity: 1 - } - - to { - opacity: 1 - } - - } - - @keyframes layer-1-fade-in-out { - 0% { - opacity: 1 - } - - 25% { - opacity: 1 - } - - 26% { - opacity: 0 - } - - 89% { - opacity: 0 - } - - 90% { - opacity: 1 - } - - to { - opacity: 1 - } - - } - - @-webkit-keyframes layer-2-fade-in-out { - 0% { - opacity: 0 - } - - 15% { - opacity: 0 - } - - 25% { - opacity: 1 - } - - 50% { - opacity: 1 - } - - 51% { - opacity: 0 - } - - to { - opacity: 0 - } - - } - - @keyframes layer-2-fade-in-out { - 0% { - opacity: 0 - } - - 15% { - opacity: 0 - } - - 25% { - opacity: 1 - } - - 50% { - opacity: 1 - } - - 51% { - opacity: 0 - } - - to { - opacity: 0 - } - - } - - @-webkit-keyframes layer-3-fade-in-out { - 0% { - opacity: 0 - } - - 40% { - opacity: 0 - } - - 50% { - opacity: 1 - } - - 75% { - opacity: 1 - } - - 76% { - opacity: 0 - } - - to { - opacity: 0 - } - - } - - @keyframes layer-3-fade-in-out { - 0% { - opacity: 0 - } - - 40% { - opacity: 0 - } - - 50% { - opacity: 1 - } - - 75% { - opacity: 1 - } - - 76% { - opacity: 0 - } - - to { - opacity: 0 - } - - } - - @-webkit-keyframes layer-4-fade-in-out { - 0% { - opacity: 0 - } - - 65% { - opacity: 0 - } - - 75% { - opacity: 1 - } - - 90% { - opacity: 1 - } - - to { - opacity: 0 - } - - } - - @keyframes layer-4-fade-in-out { - 0% { - opacity: 0 - } - - 65% { - opacity: 0 - } - - 75% { - opacity: 1 - } - - 90% { - opacity: 1 - } - - to { - opacity: 0 - } - - } - - .circle-clipper.paper-spinner { - display: inline-block; - position: relative; - width: 50%; - height: 100%; - overflow: hidden; - } - - .spinner-layer.paper-spinner::after { - content: ''; - left: 45%; - width: 10%; - border-top-style: solid; - } - - .spinner-layer.paper-spinner::after,.circle-clipper.paper-spinner .circle.paper-spinner { - box-sizing: border-box; - position: absolute; - top: 0; - border-width: var(--paper-spinner-stroke-width, 3px); - border-radius: 50%; - } - - .circle-clipper.paper-spinner .circle.paper-spinner { - bottom: 0; - width: 200%; - border-style: solid; - border-bottom-color: transparent !important; - } - - .circle-clipper.left.paper-spinner .circle.paper-spinner { - left: 0; - border-right-color: transparent !important; - -webkit-transform: rotate(129deg); - transform: rotate(129deg); - } - - .circle-clipper.right.paper-spinner .circle.paper-spinner { - left: -100%; - border-left-color: transparent !important; - -webkit-transform: rotate(-129deg); - transform: rotate(-129deg); - } - - .active.paper-spinner .gap-patch.paper-spinner::after,.active.paper-spinner .circle-clipper.paper-spinner .circle.paper-spinner { - -webkit-animation-duration: var(--paper-spinner-expand-contract-duration); - -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); - -webkit-animation-iteration-count: infinite; - animation-duration: var(--paper-spinner-expand-contract-duration); - animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); - animation-iteration-count: infinite; - } - - .active.paper-spinner .circle-clipper.left.paper-spinner .circle.paper-spinner { - -webkit-animation-name: left-spin; - animation-name: left-spin; - } - - .active.paper-spinner .circle-clipper.right.paper-spinner .circle.paper-spinner { - -webkit-animation-name: right-spin; - animation-name: right-spin; - } - - @-webkit-keyframes left-spin { - 0% { - -webkit-transform: rotate(130deg) - } - - 50% { - -webkit-transform: rotate(-5deg) - } - - to { - -webkit-transform: rotate(130deg) - } - - } - - @keyframes left-spin { - 0% { - transform: rotate(130deg) - } - - 50% { - transform: rotate(-5deg) - } - - to { - transform: rotate(130deg) - } - - } - - @-webkit-keyframes right-spin { - 0% { - -webkit-transform: rotate(-130deg) - } - - 50% { - -webkit-transform: rotate(5deg) - } - - to { - -webkit-transform: rotate(-130deg) - } - - } - - @keyframes right-spin { - 0% { - transform: rotate(-130deg) - } - - 50% { - transform: rotate(5deg) - } - - to { - transform: rotate(-130deg) - } - - } - - #spinnerContainer.cooldown.paper-spinner { - -webkit-animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1); - animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1); - } - - @-webkit-keyframes fade-out { - 0% { - opacity: 1 - } - - to { - opacity: 0 - } - - } - - @keyframes fade-out { - 0% { - opacity: 1 - } - - to { - opacity: 0 - } - - } - - paper-tab { - display: var(--layout-inline_-_display); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); - -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); - - position: relative; - padding: 0 12px; - overflow: hidden; - cursor: pointer; - vertical-align: middle; - - font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); - ; - } - - paper-tab:focus { - outline: none; - } - - paper-tab[link] { - padding: 0; - } - - .tab-content.paper-tab { - height: 100%; - transform: translateZ(0); - -webkit-transform: translateZ(0); - transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); - ; - } - - paper-tab:not(.iron-selected) > .tab-content.paper-tab { - opacity: 0.8; - - opacity: var(--paper-tab-content-unselected_-_opacity, 0.8); - } - - paper-tab:focus .tab-content.paper-tab { - opacity: 1; - font-weight: 700; - - font-weight: var(--paper-tab-content-focused_-_font-weight, 700); - } - - paper-ripple.paper-tab { - color: var(--paper-tab-ink, var(--paper-yellow-a100)); - } - - .tab-content.paper-tab > a { - -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); - - height: 100%; - } - - paper-tabs { - display: var(--layout_-_display); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - - height: 48px; - font-size: 14px; - font-weight: 500; - overflow: hidden; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - - - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - - ; - } - - [dir="rtl"] paper-tabs, paper-tabs[dir="rtl"] { - display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(--layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal-reverse_-_flex-direction); - } - - #tabsContainer.paper-tabs { - position: relative; - height: 100%; - white-space: nowrap; - overflow: hidden; - -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); - ; - } - - #tabsContent.paper-tabs { - height: 100%; - -moz-flex-basis: auto; - -ms-flex-basis: auto; - flex-basis: auto; - ; - } - - #tabsContent.scrollable.paper-tabs { - position: absolute; - white-space: nowrap; - } - - #tabsContent.paper-tabs:not(.scrollable),#tabsContent.scrollable.fit-container.paper-tabs { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - #tabsContent.scrollable.fit-container.paper-tabs { - min-width: 100%; - } - - #tabsContent.scrollable.fit-container.paper-tabs > * { - -ms-flex: 1 0 auto; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; - } - - .hidden.paper-tabs { - display: none; - } - - .not-visible.paper-tabs { - opacity: 0; - cursor: default; - } - - paper-icon-button.paper-tabs { - width: 48px; - height: 48px; - padding: 12px; - margin: 0 4px; - } - - #selectionBar.paper-tabs { - position: absolute; - height: 0; - bottom: 0; - left: 0; - right: 0; - border-bottom: 2px solid var(--paper-tabs-selection-bar-color, var(--paper-yellow-a100)); - -webkit-transform: scale(0); - transform: scale(0); - -webkit-transform-origin: left center; - transform-origin: left center; - transition: -webkit-transform; - transition: transform; - - ; - } - - #selectionBar.align-bottom.paper-tabs { - top: 0; - bottom: auto; - } - - #selectionBar.expand.paper-tabs { - transition-duration: 0.15s; - transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); - } - - #selectionBar.contract.paper-tabs { - transition-duration: 0.18s; - transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); - } - - #tabsContent.paper-tabs > :not(#selectionBar) { - height: 100%; - } - - paper-tooltip { - display: block; - position: absolute; - outline: none; - z-index: 1002; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - cursor: default; - } - - #tooltip.paper-tooltip { - display: block; - outline: none; - font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); - font-size: 10px; - line-height: 1; - background-color: var(--paper-tooltip-background, #616161); - color: var(--paper-tooltip-text-color, white); - padding: 8px; - border-radius: 2px; - margin: var(--paper-tooltip_-_margin); font-size: var(--paper-tooltip_-_font-size, 10px); font-weight: var(--paper-tooltip_-_font-weight); line-height: var(--paper-tooltip_-_line-height, 1); letter-spacing: var(--paper-tooltip_-_letter-spacing); text-transform: var(--paper-tooltip_-_text-transform); - } - - @keyframes keyFrameScaleUp { - 0% { - transform: scale(0.0); - } - - 100% { - transform: scale(1.0); - } - - } - - @keyframes keyFrameScaleDown { - 0% { - transform: scale(1.0); - } - - 100% { - transform: scale(0.0); - } - - } - - @keyframes keyFrameFadeInOpacity { - 0% { - opacity: 0; - } - - 100% { - opacity: var(--paper-tooltip-opacity, 0.9); - } - - } - - @keyframes keyFrameFadeOutOpacity { - 0% { - opacity: var(--paper-tooltip-opacity, 0.9); - } - - 100% { - opacity: 0; - } - - } - - @keyframes keyFrameSlideDownIn { - 0% { - transform: translateY(-2000px); - opacity: 0; - } - - 10% { - opacity: 0.2; - } - - 100% { - transform: translateY(0); - opacity: var(--paper-tooltip-opacity, 0.9); - } - - } - - @keyframes keyFrameSlideDownOut { - 0% { - transform: translateY(0); - opacity: var(--paper-tooltip-opacity, 0.9); - } - - 10% { - opacity: 0.2; - } - - 100% { - transform: translateY(-2000px); - opacity: 0; - } - - } - - .fade-in-animation.paper-tooltip { - opacity: 0; - animation-delay: var(--paper-tooltip-delay-in, 500ms); - animation-name: keyFrameFadeInOpacity; - animation-iteration-count: 1; - animation-timing-function: ease-in; - animation-duration: var(--paper-tooltip-duration-in, 500ms); - animation-fill-mode: forwards; - ; - } - - .fade-out-animation.paper-tooltip { - opacity: var(--paper-tooltip-opacity, 0.9); - animation-delay: var(--paper-tooltip-delay-out, 0ms); - animation-name: keyFrameFadeOutOpacity; - animation-iteration-count: 1; - animation-timing-function: ease-in; - animation-duration: var(--paper-tooltip-duration-out, 500ms); - animation-fill-mode: forwards; - ; - } - - .scale-up-animation.paper-tooltip { - transform: scale(0); - opacity: var(--paper-tooltip-opacity, 0.9); - animation-delay: var(--paper-tooltip-delay-in, 500ms); - animation-name: keyFrameScaleUp; - animation-iteration-count: 1; - animation-timing-function: ease-in; - animation-duration: var(--paper-tooltip-duration-in, 500ms); - animation-fill-mode: forwards; - ; - } - - .scale-down-animation.paper-tooltip { - transform: scale(1); - opacity: var(--paper-tooltip-opacity, 0.9); - animation-delay: var(--paper-tooltip-delay-out, 500ms); - animation-name: keyFrameScaleDown; - animation-iteration-count: 1; - animation-timing-function: ease-in; - animation-duration: var(--paper-tooltip-duration-out, 500ms); - animation-fill-mode: forwards; - ; - } - - .slide-down-animation.paper-tooltip { - transform: translateY(-2000px); - opacity: 0; - animation-delay: var(--paper-tooltip-delay-out, 500ms); - animation-name: keyFrameSlideDownIn; - animation-iteration-count: 1; - animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); - animation-duration: var(--paper-tooltip-duration-out, 500ms); - animation-fill-mode: forwards; - ; - } - - .slide-down-animation-out.paper-tooltip { - transform: translateY(0); - opacity: var(--paper-tooltip-opacity, 0.9); - animation-delay: var(--paper-tooltip-delay-out, 500ms); - animation-name: keyFrameSlideDownOut; - animation-iteration-count: 1; - animation-timing-function: cubic-bezier(0.4, 0.0, 1, 1); - animation-duration: var(--paper-tooltip-duration-out, 500ms); - animation-fill-mode: forwards; - ; - } - - .cancel-animation.paper-tooltip { - animation-delay: -30s !important; - } - - .hidden.paper-tooltip { - display: none !important; - } - - yt-live-chat-message-buy-flow-heading-renderer { - --yt-endpoint-color: rgb(39, 147, 230); - --yt-endpoint-visited-color: rgb(39, 147, 230); - - display: block; - margin: 10px 0 12px; - } - - yt-formatted-string.yt-live-chat-message-buy-flow-heading-renderer { - display: block; - } - - #heading-title.yt-live-chat-message-buy-flow-heading-renderer { - font-size: 16px; - font-weight: 500; - line-height: 20px; - color: var(--yt-live-chat-primary-text-color); - } - - #heading-text.yt-live-chat-message-buy-flow-heading-renderer { - margin-top: 4px; - font-size: 14px; - line-height: 17px; - } - - #container.yt-live-chat-paid-message-footer-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - #icon.yt-live-chat-paid-message-footer-renderer { - min-width: 40px; - margin-right: 16px; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - display: var(--layout_-_display); - } - - #text.yt-live-chat-paid-message-footer-renderer { - font-size: 12px; - line-height: 16px; - margin-bottom: 3px; - - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - display: var(--layout_-_display); - } - - yt-icon-button { - display: inline-block; - position: relative; - width: 24px; - height: 24px; - box-sizing: border-box; - font-size: 0; - } - - button.yt-icon-button { - vertical-align: middle; - color: inherit; - outline: none; - background: none; - margin: 0; - border: none; - padding: 0; - width: 100%; - height: 100%; - line-height: 0; - cursor: pointer; - - - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-tap-highlight-color: transparent; - } - - button.yt-icon-button > yt-icon { - width: var(--yt-icon-button-icon-width, 100%); - height: var(--yt-icon-button-icon-height, 100%); - } - - button.yt-icon-button[disabled] { - pointer-events: none; - cursor: auto; - } - - paper-ripple.yt-icon-button { - opacity: 0.6; - color: currentColor; - } - - yt-button-renderer { - --paper-button-ink-color: var(--yt-paper-button-ink-color); - --yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white); - - - --yt-formatted-string-deemphasize_-_margin-left: var(--ytd-margin-base);; - } - - yt-button-renderer { - vertical-align: middle; - white-space: nowrap; - font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); - } - - yt-button-renderer[is-paper-button](:not[button-raised]),yt-button-renderer[is-paper-button](:not[button-raised]) a.yt-button-renderer { - overflow: hidden; - } - - yt-button-renderer[disabled][is-paper-button] a.yt-button-renderer { - cursor: initial; - } - - yt-button-renderer[is-paper-button] yt-icon.yt-button-renderer { - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - yt-button-renderer yt-formatted-string.yt-button-renderer { - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - paper-button.yt-button-renderer { - min-width: var(--yt-paper-button-min-width, var(--ytd-paper-button-min-width, 5.14em)); - font-size: var(--yt-paper-button-font-size, inherit); - } - - paper-button.keyboard-focus.yt-button-renderer { - font-weight: inherit; - } - - yt-button-renderer.force-icon-button { - font-size: var(--ytd-caption_-_font-size); line-height: var(--ytd-caption_-_line-height); font-weight: var(--ytd-caption_-_font-weight); letter-spacing: var(--ytd-caption_-_letter-spacing); text-transform: var(--ytd-caption_-_text-transform); - } - - yt-button-renderer.force-icon-button a.yt-button-renderer { - padding-right: var(--yt-button-icon-padding, var(--ytd-margin-2x)); - } - - yt-button-renderer[is-paper-button] { - background-color: var(--yt-basic-background-color, var(--yt-button-background-color)); - color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); - border-color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); - } - - yt-button-renderer[is-paper-button-with-icon] { - --yt-button-padding-minus-focus-outline: var(--yt-button-with-icon-padding-minus-focus-outline); - } - - yt-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] { - --yt-button-padding: 6px 12px; - --yt-button-padding-minus-border: 5px 11px; - } - - yt-button-renderer[is-paper-button-with-icon] { - --yt-button-padding: 6px 16px; - --yt-button-padding-minus-border: 5px 15px; - } - - yt-button-renderer[is-paper-button-with-icon][button-size="size-large"] { - --yt-button-padding: 10px 16px; - --yt-button-padding-minus-border: 9px 15px; - --yt-button-padding-minus-focus-outline: 9px 15px; - } - - yt-button-renderer[is-icon-button] { - color: var(--yt-button-color, var(--yt-spec-icon-inactive)); - } - - yt-button-renderer.style-text[is-icon-button],yt-button-renderer.style-default[is-icon-button],yt-button-renderer.style-opacity[is-icon-button] { - color: var(--yt-spec-icon-inactive); - } - - yt-button-renderer.style-text[is-icon-button] #text.yt-button-renderer,yt-button-renderer.style-default[is-icon-button] #text.yt-button-renderer,yt-button-renderer.style-opacity[is-icon-button] #text.yt-button-renderer { - color: var(--yt-spec-text-secondary); - } - - yt-button-renderer.style-black[is-icon-button] { - color: var(--yt-spec-text-primary); - } - - yt-button-renderer.style-opacity[is-icon-button][disabled] { - color: var(--yt-spec-icon-disabled); - } - - yt-button-renderer.style-blue-text[is-icon-button] { - color: var(--yt-spec-call-to-action); - } - - yt-button-renderer.style-visibly-disabled[is-icon-button] { - color: var(--yt-spec-icon-disabled); - } - - paper-tooltip.yt-button-renderer { - white-space: nowrap; - } - - yt-button-renderer.style-primary[is-paper-button] { - background-color: var(--yt-spec-call-to-action); - color: var(--yt-spec-text-primary-inverse); - } - - yt-button-renderer.style-primary[disabled][is-paper-button] { - background-color: var(--yt-spec-icon-disabled); - color: var(--yt-spec-text-primary-inverse); - } - - yt-button-renderer.style-payment[is-paper-button] { - background-color: var(--yt-button-payment-background-color, var(--yt-spec-call-to-action)); - color: var(--yt-spec-text-primary-inverse); - } - - yt-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer,yt-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-suggestive[is-paper-button] { - --yt-formatted-string-deemphasize-color: var(--yt-blue-opacity-lighten-2); - background-color: transparent; - color: var(--yt-spec-call-to-action); - } - - yt-button-renderer.style-suggestive[is-paper-button] paper-button.yt-button-renderer { - border: 1px solid var(--yt-spec-call-to-action); - padding: var(--yt-button-padding-minus-border); - } - - yt-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.palette-with-border[is-paper-button] paper-button.yt-button-renderer { - border-width: 1px; - border-style: solid; - padding: var(--yt-button-padding-minus-border); - } - - yt-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border-width: var(--yt-button-padding-minus-focus-outline-width); - border-style: solid; - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-blue-text[is-paper-button] { - --yt-formatted-string-deemphasize-color: var(--yt-spec-icon-disabled); - color: var(--yt-spec-call-to-action); - } - - yt-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-destructive[is-paper-button] { - background-color: var(--yt-spec-brand-subscribe-button-background); - color: var(--yt-spec-static-brand-white); - } - - yt-button-renderer.style-destructive[new-subscribe-color][is-paper-button] { - background-color: var(--yt-spec-brand-button-background); - } - - yt-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-destructive[disabled][is-paper-button] { - background-color: - var(--yt-button-destructive-background-color, var(--yt-opalescence-soft-grey)); - color: var(--yt-button-destructive-color, var(--yt-opalescence-grey-opacity-lighten-2)); - } - - yt-button-renderer.style-brand[is-paper-button] { - color: var(--yt-spec-brand-link-text); - } - - yt-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-text-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-default[is-paper-button] { - background-color: var(--yt-button-default-background-color, var(--yt-spec-badge-chip-background)); - color: var(--yt-button-default-text-color, var(--yt-spec-text-secondary)); - } - - yt-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-inactive-outline[is-paper-button] { - color: var(--yt-spec-text-secondary); - } - - yt-button-renderer.style-inactive-outline[is-paper-button] paper-button.yt-button-renderer { - border: 1px solid var(--yt-spec-text-secondary); - padding: var(--yt-button-padding-minus-border); - } - - yt-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-suggested-action[is-paper-button] { - background-color: var(--yt-spec-suggested-action); - color: var(--yt-spec-call-to-action); - } - - yt-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-compact-gray[is-paper-button] { - background-color: var(--yt-spec-badge-chip-background); - color: var(--yt-spec-text-secondary); - } - - yt-button-renderer.style-compact-gray[is-paper-button] paper-button.yt-button-renderer { - padding: var(--ytd-margin-base) var(--ytd-margin-2x); - } - - yt-button-renderer.style-text[is-paper-button] { - color: var(--yt-spec-text-secondary); - } - - yt-button-renderer[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer,yt-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-inactive-text-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-overlay[is-paper-button] { - background-color: var(--yt-spec-static-overlay-button-primary); - color: var(--yt-spec-static-overlay-text-primary); - } - - yt-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-text-secondary); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-white-with-border[is-paper-button] { - background-color: transparent; - border: 1px solid var(--yt-spec-static-brand-white); - color: var(--yt-spec-static-brand-white); - } - - yt-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.yt-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-brand-white); - padding: var(--yt-button-padding-minus-focus-outline); - } - - yt-button-renderer.style-alert-info[is-paper-button] { - color: var(--yt-blue); - } - - yt-button-renderer.style-alert-info[is-paper-button]:hover { - color: var(--yt-icon-hover-color); - } - - yt-button-renderer.style-dark[is-paper-button] { - background-color: var(--yt-button-dark-background-color, var(--yt-opalescence-soft-grey)); - color: var(--yt-button-dark-text-color, var(--yt-luna-black)); - } - - yt-button-renderer.style-light[is-paper-button] { - background-color: var(--yt-button-light-background-color, var(--yt-opalescence-soft-grey)); - color: var(--yt-button-light-text-color, var(--yt-luna-black-opacity-lighten-2)); - } - - yt-button-renderer.style-light-text[is-paper-button] { - color: var(--yt-white); - } - - yt-button-renderer.style-black[is-paper-button] { - color: var(--yt-spec-text-primary); - } - - yt-button-renderer.style-visibly-disabled[is-paper-button] { - background-color: transparent; - color: var(--yt-spec-text-disabled); - } - - yt-button-renderer.style-black[disabled][is-paper-button] { - color: var(--yt-button-black-color, var(--yt-opalescence-soft-grey-opacity-lighten-1)); - } - - yt-button-renderer.style-dark-on-black[is-paper-button] { - background-color: var(--yt-playability-button-color); - border: none; - color: var(--yt-white-opacity-lighten-1); - } - - yt-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] { - color: var(--yt-spec-call-to-action-inverse); - } - - yt-button-renderer.style-count { - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - paper-button.yt-button-renderer { - display: inline-block; - text-align: center; - font-family: inherit; - } - - yt-button-renderer { - display: inline-block; - text-transform: uppercase; - } - - yt-button-renderer.force-icon-button a.yt-button-renderer { - cursor: pointer; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - } - - yt-button-renderer[disabled] a.yt-button-renderer:focus { - outline: none; - } - - yt-button-renderer[is-icon-button][has-no-text] { - font-size: 0; - } - - a.yt-button-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - } - - a.yt-simple-endpoint.yt-button-renderer { - color: inherit; - border-radius: inherit; - text-decoration: none; - } - - yt-button-renderer[is-paper-button] { - border-radius: var(--yt-button-border-radius, 3px); - margin: var(--yt-button-margin, 0 0.29em); - } - - yt-button-renderer[is-paper-button][disabled] { - color: var(--yt-spec-text-disabled); - background-color: transparent; - } - - yt-button-renderer[is-icon-button][disabled] { - color: #9b9b9b; - } - - yt-button-renderer[is-paper-button][align-by-text]:not(:empty) { - margin-left: -16px; - } - - yt-button-renderer[is-paper-button][button-size=size-large] { - line-height: 24px; - } - - paper-button.yt-button-renderer { - width: var(--yt-paper-button-width, auto); - height: var(--yt-paper-button-height, auto); - border-radius: inherit; - margin: 0; - padding: var(--yt-button-padding, 0.7em 0.57em); - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -ms-flex: 1 1 auto; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - ; - } - - yt-button-renderer[start-justified] paper-button.yt-button-renderer { - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - } - - yt-button-renderer[vertically-aligned] paper-button.yt-button-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - #button.yt-button-renderer { - color: var(--yt-button-color); - background-color: var(--yt-button-background-color); - } - - yt-button-renderer #button.yt-button-renderer { - color: var(--yt-button-color, inherit); - background-color: transparent; - text-transform: inherit; - } - - button.yt-button-renderer,yt-icon-button.yt-button-renderer { - padding: 1px 6px; - } - - yt-icon-button.yt-button-renderer { - width: var(--yt-button-icon-size, 40px); - height: var(--yt-button-icon-size, 40px); - color: var(--yt-endpoint-color, var(--yt-luna-black)); - } - - yt-icon-button.yt-button-renderer::-moz-focus-inner { - padding: 0; - margin: 0; - border: 0; - } - - yt-icon-button.yt-button-renderer[disabled] { - color: var(--yt-button-disabled-color, rgba(17, 17, 17, 0.2)); - } - - yt-icon-button.yt-button-renderer { - line-height: 1; - padding: var(--yt-button-icon-padding, 8px); - width: var(--yt-button-icon-size, var(--yt-icon-width, 40px)); - height: var(--yt-button-icon-size, var(--yt-icon-height, 40px)); - } - - yt-icon-button.yt-button-renderer > yt-icon.yt-button-renderer { - width: 100%; - height: 100%; - } - - #button.yt-button-renderer yt-icon.yt-button-renderer + yt-formatted-string.yt-button-renderer { - margin-left: var(--yt-string-icon-padding, 8px); - } - - #button.yt-button-renderer yt-formatted-string.yt-button-renderer + yt-icon.yt-button-renderer { - margin-left: var(--yt-button-icon-padding, 8px); - } - - yt-button-renderer[vertically-aligned] #button.yt-button-renderer yt-icon.yt-button-renderer + yt-formatted-string.yt-button-renderer { - margin-left: 0; - margin-top: var(--yt-string-icon-padding, 4px); - } - - yt-button-renderer[vertically-aligned] #button.yt-button-renderer yt-formatted-string.yt-button-renderer + yt-icon.yt-button-renderer { - margin-left: 0; - margin-top: var(--yt-button-icon-padding, 4px); - } - - paper-item.yt-live-chat-text-input-field-suggestion { - font-size: 15px; - min-height: 40px; - color: var(--yt-live-chat-text-input-field-suggestion-text-color, #666); - cursor: pointer; - } - - yt-live-chat-text-input-field-suggestion:hover paper-item.yt-live-chat-text-input-field-suggestion,yt-live-chat-text-input-field-suggestion[active] paper-item.yt-live-chat-text-input-field-suggestion { - background-color: var(--yt-live-chat-text-input-field-suggestion-background-color-hover, #eee); - color: var(--yt-live-chat-text-input-field-suggestion-text-color-hover, #333); - } - - img.yt-live-chat-text-input-field-suggestion { - width: 24px; - height: 24px; - margin-right: 8px; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - img.yt-live-chat-text-input-field-suggestion[author] { - border-radius: 12px; - } - - yt-live-chat-text-input-field-renderer { - display: block; - position: relative; - font-size: 13px; - --yt-live-chat-text-input-field-placeholder-top: 0; - --yt-live-chat-text-input-field-placeholder-left: 0; - --yt-live-chat-text-input-field-white-space: initial; - } - - #label.yt-live-chat-text-input-field-renderer { - color: var(--yt-live-chat-text-input-field-placeholder-color, var(--yt-luna-black-opacity-lighten-2)); - position: absolute; - top: var(--yt-live-chat-text-input-field-placeholder-top); - left: var(--yt-live-chat-text-input-field-placeholder-left); - line-height: 18px; - padding: 2px 0; - } - - yt-live-chat-text-input-field-renderer[has-text] #label.yt-live-chat-text-input-field-renderer { - display: none; - } - - #input.yt-live-chat-text-input-field-renderer { - position: relative; - min-height: 18px; - max-height: 100px; - overflow-y: auto; - overflow-x: hidden; - overflow-wrap: break-word; - outline: none; - word-break: break-word; - white-space: var(--yt-live-chat-text-input-field-white-space); - color: inherit; - line-height: 18px; - padding: 2px 0; - - - ; - } - - #input.yt-live-chat-text-input-field-renderer::after { - content: ''; - } - - #input.yt-live-chat-text-input-field-renderer img.yt-live-chat-text-input-field-renderer { - width: 20px; - height: 20px; - - margin: -5px 2px; - } - - #underline.yt-live-chat-text-input-field-renderer { - position: relative; - height: 2px; - } - - #unfocused.yt-live-chat-text-input-field-renderer { - position: absolute; - top: 0; - left: 0; - right: 0; - height: 1px; - - background-color: var(--yt-live-chat-text-input-field-inactive-underline-color, #b8b8b8); - } - - #focused.yt-live-chat-text-input-field-renderer { - position: absolute; - top: 0; - left: 0; - right: 0; - height: 2px; - - background-color: var(--yt-live-chat-text-input-field-active-underline-color, var(--yt-blue)); - - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: scale3d(0,1,1); - transform: scale3d(0,1,1); - -webkit-transition: -webkit-transform; - -webkit-transition-duration: var(--yt-live-chat-text-input-field-underline-transition-duration, 0.25s); - transition: transform; - transition-duration: var(--yt-live-chat-text-input-field-underline-transition-duration, 0.25s); - } - - yt-live-chat-text-input-field-renderer[focused] #focused.yt-live-chat-text-input-field-renderer { - -webkit-transform: none; - transform: none; - } - - #dropdown.yt-live-chat-text-input-field-renderer { - background-color: var(--yt-live-chat-text-input-field-suggestion-background-color, #fff); - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - #dropdown-content.yt-live-chat-text-input-field-renderer { - max-height: 200px; - padding: 8px 0; - } - - yt-live-chat-paid-message-renderer { - position: relative; - display: block; - - padding: 4px 24px; - font-size: 15px; - - --yt-live-chat-paid-message-background-color: var(--yt-live-chat-paid-message-primary-color); - --yt-live-chat-paid-message-header-background-color: var(--yt-live-chat-paid-message-secondary-color); - --yt-live-chat-text-input-field-placeholder-color: var(--yt-live-chat-paid-message-color); - - --yt-live-chat-item-timestamp-display: var(--yt-live-chat-paid-message-timestamp-display, none); - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] { - padding: 0; - padding-bottom: 8px; - - - --yt-live-chat-paid-message-background-color: transparent; - --yt-live-chat-paid-message-header-background-color: transparent; - --yt-live-chat-item-timestamp-display: block; - } - - #card.yt-live-chat-paid-message-renderer { - border-radius: 4px; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #card.yt-live-chat-paid-message-renderer { - border-radius: 0; - box-shadow: none; - } - - #header.yt-live-chat-paid-message-renderer { - position: relative; - - background-color: var(--yt-live-chat-paid-message-header-background-color, #125aac); - color: var(--yt-live-chat-paid-message-header-color, #fff); - font-weight: 500; - padding: 8px 16px; - min-height: 20px; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - - border-top-left-radius: 4px; - border-top-right-radius: 4px; - } - - yt-live-chat-paid-message-renderer[show-only-header] #header.yt-live-chat-paid-message-renderer { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #header.yt-live-chat-paid-message-renderer { - color: var(--yt-live-chat-secondary-text-color); - padding-bottom: 0; - } - - #author-photo.yt-live-chat-paid-message-renderer { - width: 40px; - height: 40px; - } - - yt-icon#author-photo.yt-live-chat-paid-message-renderer { - display: none; - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] yt-icon#author-photo.yt-live-chat-paid-message-renderer { - display: block; - } - - #header-content.yt-live-chat-paid-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #header-content.yt-live-chat-paid-message-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #header-content-primary-column.yt-live-chat-paid-message-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #header-content-primary-column.yt-live-chat-paid-message-renderer { - margin-bottom: 4px; - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #author-name.yt-live-chat-paid-message-renderer { - color: var(--yt-live-chat-paid-message-author-name-color, rgba(255, 255, 255, 0.7)); - font-size: 14px; - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-paid-message-renderer { - margin-right: 8px; - } - - #currency-img.yt-live-chat-paid-message-renderer { - margin-right: 4px; - } - - #purchase-amount-column.yt-live-chat-paid-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #purchase-amount.yt-live-chat-paid-message-renderer { - display: inline; - height: 24px; - min-width: 16px; - border-radius: 12px; - margin-right: 8px; - padding: 0 12px; - background-color: var(--yt-live-chat-paid-message-primary-color); - color: var(--yt-live-chat-paid-message-color); - display: var(--layout-inline_-_display, inline); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-paid-message-renderer { - display: block; - color: var(--yt-live-chat-secondary-text-color); - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-paid-message-renderer[is-deleted].yt-live-chat-paid-message-renderer::before { - content: '​'; - display: inline; - width: 0; - } - - #menu.yt-live-chat-paid-message-renderer { - background: linear-gradient(to right, transparent, var(--yt-live-chat-paid-message-header-background-color, #125aac) 100%); - border-radius: 0 4px 4px 0; - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #menu.yt-live-chat-paid-message-renderer { - margin-top: 8px; - background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); - } - - yt-live-chat-paid-message-renderer[allow-animations] #content.yt-live-chat-paid-message-renderer,yt-live-chat-paid-message-renderer[allow-animations] #header.yt-live-chat-paid-message-renderer { - transition-property: background-color, color; - transition-duration: var(--yt-live-chat-animation-duration, 0.2s); - } - - #content.yt-live-chat-paid-message-renderer { - background-color: var(--yt-live-chat-paid-message-background-color, #1565c0); - color: var(--yt-live-chat-paid-message-color, #fff); - padding: 8px 16px; - word-wrap: break-word; - word-break: break-word; - - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - - #content.yt-live-chat-paid-message-renderer img.yt-live-chat-paid-message-renderer { - width: var(--yt-live-chat-emoji-size); - height: var(--yt-live-chat-emoji-size); - - margin: -1px 2px 1px 2px; - vertical-align: middle; - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #content.yt-live-chat-paid-message-renderer { - padding: 0; - padding-left: 72px; - color: var(--yt-live-chat-secondary-text-color); - } - - yt-live-chat-paid-message-renderer[show-only-header] #content.yt-live-chat-paid-message-renderer { - visibility: hidden; - padding: 0; - } - - a.yt-live-chat-paid-message-renderer { - display: inline; - text-decoration: underline; - } - - #message.yt-live-chat-paid-message-renderer a.yt-live-chat-paid-message-renderer { - word-break: break-all; - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #message.yt-live-chat-paid-message-renderer { - margin-top: 4px; - } - - #message.yt-live-chat-paid-message-renderer a.yt-live-chat-paid-message-renderer .mention.yt-live-chat-paid-message-renderer { - text-decoration: underline; - } - - #message.yt-live-chat-paid-message-renderer:empty,#author-name.yt-live-chat-paid-message-renderer:empty:not([is-deleted]).yt-live-chat-paid-message-renderer,#deleted-state.yt-live-chat-paid-message-renderer:empty { - display: none; - } - - #deleted-state.yt-live-chat-paid-message-renderer { - display: block; - font-style: italic; - opacity: 0.7; - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #deleted-state.yt-live-chat-paid-message-renderer[is-deleted] { - margin-top: 4px; - } - - yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-paid-message-renderer { - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - yt-live-chat-paid-message-renderer[show-footer-divider] #footer.yt-live-chat-paid-message-renderer::before { - content: ""; - display: flex; - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 8px 0; - } - - yt-live-chat-paid-message-renderer[is-user-editable] #footer.yt-live-chat-paid-message-renderer:not(:empty) { - padding-top: 8px; - } - - #buy-flow-button.yt-live-chat-paid-message-renderer yt-button-renderer.yt-live-chat-paid-message-renderer { - width: 100%; - text-align: center; - margin-top: 12px; - - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - #timestamp.yt-live-chat-paid-message-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-paid-message-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-paid-message-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-paid-message-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-paid-message-renderer:hover #menu.yt-live-chat-paid-message-renderer,yt-live-chat-paid-message-renderer[menu-visible] #menu.yt-live-chat-paid-message-renderer { - transform: none; - } - - yt-live-chat-paid-message-renderer:focus-within #menu.yt-live-chat-paid-message-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-paid-message-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-paid-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-paid-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-message-renderer { - display: none; - } - - yt-live-chat-paid-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-paid-message-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer,#additional-inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-paid-message-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-paid-message-renderer > *.yt-live-chat-paid-message-renderer:not(:first-child) { - margin-left: 8px; - } - - yt-live-chat-dialog-renderer { - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: var(--yt-live-chat-overlay-color); - - display: var(--layout-vertical_-_display, block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - #inner.yt-live-chat-dialog-renderer { - max-width: calc(100% - 32px); - - margin: 0 16px; - color: var(--yt-live-chat-primary-text-color); - background-color: var(--yt-live-chat-dialog-background-color); - border-radius: 4px; - box-shadow: var(--shadow-elevation-4dp_-_box-shadow); - } - - #live-chat-dialog-title.yt-live-chat-dialog-renderer { - display: block; - font-size: 20px; - margin: 24px 24px 8px 24px; - } - - #live-chat-dialog-body.yt-live-chat-dialog-renderer { - margin: 16px 24px 0 24px; - font-size: 14px; - color: var(--yt-live-chat-dialog-text-color); - line-height: 24px; - } - - #live-chat-dialog-body.yt-live-chat-dialog-renderer yt-formatted-string.yt-live-chat-dialog-renderer { - display: block; - margin: 16px 0; - } - - #button.yt-live-chat-dialog-renderer { - margin: 8px; - font-size: 15px; - font-weight: 500; - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-end_-_-ms-flex-align); -webkit-align-items: var(--layout-end_-_-webkit-align-items); align-items: var(--layout-end_-_align-items); - } - - yt-live-chat-error-message-renderer { - color: var(--yt-live-chat-error-message-color, #f44336); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - yt-icon-button.yt-live-chat-error-message-renderer { - margin-right: 8px; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - yt-formatted-string.yt-live-chat-error-message-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - yt-live-chat-icon-toggle-button-renderer { - display: inline-block; - } - - #button.yt-live-chat-icon-toggle-button-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - position: relative; - } - - #bubble.yt-live-chat-icon-toggle-button-renderer { - border-radius: 50%; - background-color: var(--yt-live-chat-monetization-button-glow, gold); - position: absolute; - width: 50px; - height: 50px; - top: -5px; - left: -5px; - - transform: scale(0); - - animation-duration: 1s; - animation-timing-function: ease-in; - animation-fill-mode: forwards; - animation-iteration-count: 5; - } - - yt-live-chat-icon-toggle-button-renderer[bubble] #bubble.yt-live-chat-icon-toggle-button-renderer { - animation-name: bubble; - } - - @keyframes bubble { - 0% { - transform: scale(0); - opacity: 100%; - } - - 70% { - opacity: 100%; - } - - 100% { - transform: scale(1); - opacity: 0; - } - - } - - yt-live-chat-author-badge-renderer { - display: inline-block; - } - - yt-live-chat-author-badge-renderer[type='moderator'] { - color: var(--yt-live-chat-moderator-color, #5e84f1); - } - - yt-live-chat-author-badge-renderer[type='owner'] { - color: var(--yt-live-chat-owner-color, #ffd600); - } - - yt-live-chat-author-badge-renderer[type='member'] { - color: var(--yt-live-chat-sponsor-color, #107516); - } - - yt-live-chat-author-badge-renderer[type='verified'] { - color: var(--yt-live-chat-verified-color, #999); - } - - img.yt-live-chat-author-badge-renderer,yt-icon.yt-live-chat-author-badge-renderer { - display: block; - - width: 16px; - height: 16px; - } - - yt-live-chat-author-chip { - display: var(--layout-inline_-_display); - -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); - } - - #author-name.yt-live-chat-author-chip { - box-sizing: border-box; - border-radius: 2px; - - color: var(--yt-live-chat-secondary-text-color); - font-weight: 500; - } - - yt-live-chat-author-chip[is-highlighted] #author-name.yt-live-chat-author-chip { - padding: 2px 4px; - - - color: var(--yt-live-chat-author-chip-verified-text-color); - background-color: var(--yt-live-chat-author-chip-verified-background-color); - } - - yt-live-chat-author-chip[show-unified-verified-badge] { - overflow: hidden; - } - - yt-live-chat-author-chip[show-unified-verified-badge] #author-name.yt-live-chat-author-chip { - border-radius: 0px; - z-index: 1; - position: relative; - padding: 0 1px 0 4px; - color: var(--yt-live-chat-author-chip-verified-text-color); - - margin-right: 9px; - } - - yt-live-chat-author-chip[show-unified-verified-badge] #author-name.yt-live-chat-author-chip::after { - background-color: var(--yt-live-chat-author-chip-verified-background-color); - content: ''; - position: absolute; - z-index: -1; - top: 0; - left: 0; - bottom: 0; - right: 0; - transform: skewX(-30deg); - transform-origin: bottom; - - left: -9px; - } - - [dir="rtl"] yt-live-chat-author-chip[show-unified-verified-badge] #author-name.yt-live-chat-author-chip::after, yt-live-chat-author-chip[dir="rtl"][show-unified-verified-badge] #author-name.yt-live-chat-author-chip::after { - transform: skewX(30deg); - } - - yt-live-chat-author-chip[is-highlighted] #author-name.owner.yt-live-chat-author-chip,#author-name.owner.yt-live-chat-author-chip { - background-color: var(--yt-live-chat-author-chip-owner-background-color); - color: var(--yt-live-chat-author-chip-owner-text-color); - } - - yt-live-chat-author-chip[is-highlighted][show-unified-verified-badge] #author-name.owner.yt-live-chat-author-chip { - color: var(--yt-live-chat-author-chip-owner-text-color); - } - - yt-live-chat-author-chip[is-highlighted][show-unified-verified-badge] #author-name.owner.yt-live-chat-author-chip::after { - background-color: var(--yt-live-chat-author-chip-owner-background-color); - } - - #author-name.moderator.yt-live-chat-author-chip { - color: var(--yt-live-chat-moderator-color); - } - - #author-name.member.yt-live-chat-author-chip { - color: var(--yt-live-chat-sponsor-color); - } - - #chip-badges.yt-live-chat-author-chip:empty { - display: none; - } - - yt-live-chat-author-chip[is-highlighted] #chat-badges.yt-live-chat-author-chip:not(:empty) { - margin-left: 1px; - } - - yt-live-chat-author-chip[show-unified-verified-badge] #chat-badges.yt-live-chat-author-chip:not(:empty) { - margin-left: -2px; - } - - yt-live-chat-author-badge-renderer.yt-live-chat-author-chip { - margin: 0 0 0 2px; - vertical-align: sub; - } - - yt-live-chat-author-chip[is-highlighted] #chip-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer.yt-live-chat-author-chip { - color: inherit; - } - - #chip-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer.yt-live-chat-author-chip:last-of-type { - margin-right: -2px; - } - - yt-live-chat-membership-item-renderer { - position: relative; - display: block; - - --yt-live-chat-sponsor-header-color: #0a8043; - --yt-live-chat-sponsor-color: #0f9d58; - --yt-live-chat-sponsor-text-color: #fff; - --yt-live-chat-item-timestamp-display: var(--yt-live-chat-paid-message-timestamp-display, none); - - padding: 4px 24px; - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] { - padding: 0; - - --yt-live-chat-item-timestamp-display: block; - } - - #card.yt-live-chat-membership-item-renderer { - overflow: hidden; - font-size: 14px; - border-radius: 4px; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] #card.yt-live-chat-membership-item-renderer { - border-radius: 0; - box-shadow: none; - } - - #header.yt-live-chat-membership-item-renderer { - position: relative; - - background-color: var(--yt-live-chat-sponsor-header-color); - padding: 8px 16px; - color: #fff; - min-height: 20px; - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - yt-live-chat-membership-item-renderer[show-only-header] #header.yt-live-chat-membership-item-renderer { - background-color: var(--yt-live-chat-sponsor-color); - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] #header.yt-live-chat-membership-item-renderer { - color: var(--yt-live-chat-secondary-text-color); - background-color: var(--yt-live-chat-background-color); - -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); - } - - #header-content.yt-live-chat-membership-item-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-content.yt-live-chat-membership-item-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-content-inner-column.yt-live-chat-membership-item-renderer { - margin-bottom: 4px; - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #author-photo.yt-live-chat-membership-item-renderer { - width: 40px; - height: 40px; - } - - yt-icon#author-photo.yt-live-chat-membership-item-renderer { - display: none; - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] yt-icon#author-photo.yt-live-chat-membership-item-renderer { - display: block; - } - - yt-live-chat-membership-item-renderer:not([dashboard-money-feed]) yt-live-chat-author-chip.yt-live-chat-membership-item-renderer { - --yt-live-chat-sponsor-color: var(--yt-live-chat-sponsor-text-color); - --yt-live-chat-secondary-text-color: var(--yt-live-chat-sponsor-text-color); - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] yt-live-chat-author-chip.yt-live-chat-membership-item-renderer { - margin-right: 8px; - font-weight: 500; - --yt-live-chat-sponsor-color: var(--yt-live-chat-secondary-text-color); - } - - #header-subtext.yt-live-chat-membership-item-renderer { - margin-top: 2px; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; - font-size: 15px; - } - - #header-subtext.yt-live-chat-membership-item-renderer:empty { - display: none; - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-subtext.yt-live-chat-membership-item-renderer { - margin: 4px 0 13px; - font-size: 11px; - font-weight: normal; - color: var(--yt-live-chat-secondary-text-color); - } - - #header-primary-text.yt-live-chat-membership-item-renderer { - word-wrap: break-word; - word-break: break-word; - font-weight: 500; - color: rgba(255, 255, 255, 1); - } - - #header-primary-text.yt-live-chat-membership-item-renderer:empty { - display: none; - } - - yt-live-chat-membership-item-renderer[has-primary-header-text]:not([dashboard-money-feed]) yt-live-chat-author-chip.yt-live-chat-membership-item-renderer,yt-live-chat-membership-item-renderer[has-primary-header-text]:not([dashboard-money-feed]) #header-subtext.yt-live-chat-membership-item-renderer { - font-size: 12px; - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-primary-text.yt-live-chat-membership-item-renderer { - display: inline; - height: 24px; - min-width: 16px; - border-radius: 12px; - margin-right: 8px; - padding: 0 12px; - background-color: var(--yt-live-chat-sponsor-color); - color: var(--yt-white); - display: var(--layout-inline_-_display, inline); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); - } - - #content.yt-live-chat-membership-item-renderer { - background-color: var(--yt-live-chat-sponsor-color); - color: var(--yt-live-chat-sponsor-text-color); - padding: 8px 16px; - word-wrap: break-word; - word-break: break-word; - font-size: 15px; - line-height: 20px; - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] #content.yt-live-chat-membership-item-renderer { - background-color: unset; - font-size: unset; - color: var(--yt-live-chat-secondary-text-color); - padding: 0 0 16px 72px; - } - - #content.yt-live-chat-membership-item-renderer img.yt-live-chat-membership-item-renderer { - width: var(--yt-live-chat-emoji-size); - height: var(--yt-live-chat-emoji-size); - - margin: -1px 2px 1px 2px; - vertical-align: middle; - } - - yt-live-chat-membership-item-renderer[show-only-header] #content.yt-live-chat-membership-item-renderer,#deleted-state.yt-live-chat-membership-item-renderer:empty { - display: none; - } - - #deleted-state.yt-live-chat-membership-item-renderer { - display: block; - font-style: italic; - opacity: 0.7; - } - - a.yt-live-chat-membership-item-renderer { - display: inline; - text-decoration: underline; - } - - #message.yt-live-chat-membership-item-renderer a.yt-live-chat-membership-item-renderer { - word-break: break-all; - } - - #message.yt-live-chat-membership-item-renderer a.yt-live-chat-membership-item-renderer .mention.yt-live-chat-membership-item-renderer { - text-decoration: underline; - } - - #menu.yt-live-chat-membership-item-renderer { - background: linear-gradient(to right, transparent, var(--yt-live-chat-sponsor-header-color) 100%); - border-radius: 0 4px 4px 0; - } - - yt-live-chat-membership-item-renderer[show-only-header] #menu.yt-live-chat-membership-item-renderer { - background: linear-gradient(to right, transparent, var(--yt-live-chat-sponsor-color) 100%); - } - - yt-live-chat-membership-item-renderer[dashboard-money-feed] #menu.yt-live-chat-membership-item-renderer { - margin-top: 8px; - background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); - } - - #timestamp.yt-live-chat-membership-item-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-membership-item-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-membership-item-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-membership-item-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-membership-item-renderer:hover #menu.yt-live-chat-membership-item-renderer,yt-live-chat-membership-item-renderer[menu-visible] #menu.yt-live-chat-membership-item-renderer { - transform: none; - } - - yt-live-chat-membership-item-renderer:focus-within #menu.yt-live-chat-membership-item-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-membership-item-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-membership-item-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-membership-item-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-membership-item-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-membership-item-renderer { - display: none; - } - - yt-live-chat-membership-item-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-membership-item-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer,#additional-inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-membership-item-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-membership-item-renderer > *.yt-live-chat-membership-item-renderer:not(:first-child) { - margin-left: 8px; - } - - yt-emoji-picker-category-button-renderer { - display: inline-block; - color: var(--yt-emoji-picker-category-button-color, var(--yt-live-chat-tertiary-text-color, var(--yt-icon-color))); - } - - yt-emoji-picker-category-button-renderer[active] { - color: var(--yt-live-chat-primary-text-color, var(--yt-icon-active-color)); - } - - yt-icon-button.yt-emoji-picker-category-button-renderer { - width: 18px; - height: 18px; - margin: 4px; - } - - #button.yt-emoji-picker-category-button-renderer > paper-tooltip { - white-space: nowrap; - } - - yt-emoji-picker-category-renderer { - display: block; - - z-index: 0; - - margin-left: var(--yt-emoji-picker-category-margin-left); - - outline: none; - } - - #emoji.yt-emoji-picker-category-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); - - - contain: content; - } - - #title.yt-emoji-picker-category-renderer { - position: sticky; - top: 0; - - display: block; - - background-color: var(--yt-emoji-picker-category-background-color); - color: var(--yt-emoji-picker-category-color); - line-height: 16px; - font-size: 13px; - font-weight: 500; - letter-spacing: 0.5px; - text-transform: uppercase; - - pointer-events: none; - - padding: 2px; - - z-index: 1; - } - - img.yt-emoji-picker-category-renderer { - border-radius: 2px; - padding: 4px; - cursor: pointer; - } - - img.yt-emoji-picker-category-renderer:hover,img.yt-emoji-picker-category-renderer[aria-selected="true"] { - background-color: rgba(0, 0, 0, 0.10); - } - - yt-emoji-picker-upsell-category-renderer { - display: block; - - z-index: 0; - - margin-left: var(--yt-emoji-picker-category-margin-left); - - outline: none; - } - - #emoji.yt-emoji-picker-upsell-category-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); - } - - #title.yt-emoji-picker-upsell-category-renderer { - display: block; - position: relative; - - background-color: var(--yt-emoji-picker-category-background-color); - color: var(--yt-emoji-picker-category-color); - line-height: 16px; - font-size: 13px; - font-weight: 500; - letter-spacing: 0.5px; - text-transform: uppercase; - - pointer-events: none; - - padding: 2px; - - z-index: 1; - } - - img.yt-emoji-picker-upsell-category-renderer { - width: 24px; - height: 24px; - padding: 4px; - opacity: 0.9; - cursor: pointer; - } - - img.yt-emoji-picker-upsell-category-renderer:hover,img.yt-emoji-picker-upsell-category-renderer[aria-selected="true"] { - background-color: rgba(0, 0, 0, 0.10); - border-radius: 2px; - } - - svg.yt-emoji-picker-upsell-category-renderer { - position: relative; - width: 12px; - height: 12px; - margin-left: -12px; - fill: var(--yt-live-chat-primary-text-color); - pointer-events: none; - } - - path#lock-border.yt-emoji-picker-upsell-category-renderer { - fill: var(--yt-emoji-picker-category-background-color); - } - - yt-emoji-picker-renderer { - position: relative; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - - height: var(--yt-emoji-picker-renderer-height, 220px); - max-width: var(--yt-emoji-picker-renderer-max-width, none); - - --paper-input-container_-_padding: 0; --paper-input-container_-_height: 24px;; - --paper-input-container-input_-_font-size: 13px; --paper-input-container-input_-_color: var(--yt-emoji-picker-search-color, var(--yt-luna-black-opacity-lighten-1)); --paper-input-container-input_-_height: 24px; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_padding: initial;; - --paper-input-container-color: var(--yt-emoji-picker-search-placeholder-color, var(--yt-luna-black-opacity-lighten-3)); - --paper-input-container-underline-focus_-_display: none;; - --paper-input-container-underline-disabled_-_display: none;; - --paper-input-container-underline_-_display: none; --paper-input-container-underline_-_background: initial;; - --paper-input-container-ms-clear_-_display: none;; - } - - input.yt-emoji-picker-renderer::-ms-clear { - display: none; - } - - #search-panel.yt-emoji-picker-renderer,#search-empty.yt-emoji-picker-renderer,#category-buttons.yt-emoji-picker-renderer { - margin: var(--yt-emoji-picker-renderer-content_-_margin); - } - - #categories.yt-emoji-picker-renderer,#search-category.yt-emoji-picker-renderer { - overflow: auto; - - - min-height: 0; - } - - #search-category.yt-emoji-picker-renderer { - margin-top: 8px; - } - - #categories-wrapper.yt-emoji-picker-renderer { - margin-top: 8px; - - - position: relative; - - - min-height: 0; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - yt-emoji-picker-category-button-renderer.yt-emoji-picker-renderer:only-child { - display: none; - } - - #categories.yt-emoji-picker-renderer > *.yt-emoji-picker-renderer:not(:first-child) { - margin-top: 8px; - } - - #category-buttons.yt-emoji-picker-renderer { - margin-top: 8px; - color: var(--yt-luna-black-opacity-lighten-3); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); - -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #search-panel.yt-emoji-picker-renderer { - background-color: var(--yt-emoji-picker-search-background-color, var(--yt-white-opacity-lighten-2)); - padding: 4px 8px; - border-radius: 4px; - font-size: 12px; - color: var(--yt-luna-black-opacity-lighten-2); - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #search.yt-emoji-picker-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - #clear-search.yt-emoji-picker-renderer { - width: 18px; - height: 18px; - color: var(--yt-live-chat-primary-text-color); - } - - #search-empty.yt-emoji-picker-renderer { - color: var(--yt-primary-text-color); - } - - #skin-tone.yt-emoji-picker-renderer { - margin-left: 12px; - position: relative; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - button.yt-emoji-picker-renderer { - width: 16px; - height: 16px; - padding: 0; - background-color: transparent; - border: 2px solid; - border-radius: 4px; - cursor: pointer; - } - - button.yt-emoji-picker-renderer + button.yt-emoji-picker-renderer { - margin-left: 4px; - } - - button.yt-emoji-picker-renderer[tone='0'] { - border-color: #fcc21b; - } - - button.yt-emoji-picker-renderer[tone='1'] { - border-color: #fadcbc; - } - - button.yt-emoji-picker-renderer[tone='2'] { - border-color: #e0bb95; - } - - button.yt-emoji-picker-renderer[tone='3'] { - border-color: #bf8f68; - } - - button.yt-emoji-picker-renderer[tone='4'] { - border-color: #9b643d; - } - - button.yt-emoji-picker-renderer[tone='5'] { - border-color: #594539; - } - - button.yt-emoji-picker-renderer[tone='0'].yt-emoji-picker-renderer[selected] { - background-color: #fcc21b; - } - - button.yt-emoji-picker-renderer[tone='1'].yt-emoji-picker-renderer[selected] { - background-color: #fadcbc; - } - - button.yt-emoji-picker-renderer[tone='2'].yt-emoji-picker-renderer[selected] { - background-color: #e0bb95; - } - - button.yt-emoji-picker-renderer[tone='3'].yt-emoji-picker-renderer[selected] { - background-color: #bf8f68; - } - - button.yt-emoji-picker-renderer[tone='4'].yt-emoji-picker-renderer[selected] { - background-color: #9b643d; - } - - button.yt-emoji-picker-renderer[tone='5'].yt-emoji-picker-renderer[selected] { - background-color: #594539; - } - - yt-emoji-picker-renderer[searching] #categories-wrapper.yt-emoji-picker-renderer { - display: none; - } - - yt-emoji-picker-renderer:not([searching]) #search-category.yt-emoji-picker-renderer { - display: none; - } - - yt-live-chat-message-buy-flow-renderer { - display: block; - font-size: 15px; - background-color: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey)); - color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); - - --yt-live-chat-buy-flow-price-input-font-size: 20px; - - --yt-emoji-picker-category-background-color: var(--yt-live-chat-sub-panel-background-color-transparent, hsla(0, 0%, 97%, .7)); - --yt-emoji-picker-category-button-color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); - --yt-emoji-picker-category-margin-left: 16px; - --yt-emoji-picker-renderer-content_-_margin: 0 16px;; - --yt-emoji-picker-renderer-height: 160px; - } - - paper-button.yt-live-chat-message-buy-flow-renderer { - display: inline-block; - text-align: center; - font-family: inherit; - } - - #preview.yt-live-chat-message-buy-flow-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #loading.yt-live-chat-message-buy-flow-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - #header.yt-live-chat-message-buy-flow-renderer { - font-size: 16px; - padding: 8px; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #close-button.yt-live-chat-message-buy-flow-renderer { - margin-right: 16px; - color: var(--yt-live-chat-icon-button-color); - - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #help.yt-live-chat-message-buy-flow-renderer { - margin-left: auto; - } - - #help.yt-live-chat-message-buy-flow-renderer > *.yt-live-chat-message-buy-flow-renderer { - color: var(--yt-live-chat-icon-button-color); - } - - #dialog.yt-live-chat-message-buy-flow-renderer yt-live-chat-dialog-renderer.yt-live-chat-message-buy-flow-renderer { - z-index: 3; - } - - #info.yt-live-chat-message-buy-flow-renderer { - font-size: 12px; - padding: 4px 16px; - - color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #info-content.yt-live-chat-message-buy-flow-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - } - - #subtitle.yt-live-chat-message-buy-flow-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #subtitle.yt-live-chat-message-buy-flow-renderer yt-icon.yt-live-chat-message-buy-flow-renderer { - width: 16px; - height: 16px; - margin-right: 4px; - } - - yt-live-chat-message-buy-flow-renderer[hide-duration-label] #subtitle.yt-live-chat-message-buy-flow-renderer { - visibility: hidden; - } - - yt-live-chat-message-buy-flow-renderer[message-too-long] #characters.yt-live-chat-message-buy-flow-renderer { - color: var(--yt-live-chat-count-color-error, var(--yt-spec-brand-link-text)); - } - - #message.yt-live-chat-message-buy-flow-renderer { - margin: 0 16px; - } - - #message-renderer.yt-live-chat-message-buy-flow-renderer > *.yt-live-chat-message-buy-flow-renderer { - position: relative; - padding: 0; - } - - #pickers-container.yt-live-chat-message-buy-flow-renderer { - box-sizing: border-box; - padding-top: 4px; - margin-top: -4px; - border-radius: 0 0 4px 4px; - background-color: var(--yt-live-chat-sub-panel-background-color, #d9d9d9); - } - - yt-emoji-picker-renderer.yt-live-chat-message-buy-flow-renderer { - margin: 16px 0 -4px 0; - } - - #picker-buttons.yt-live-chat-message-buy-flow-renderer { - padding: 4px 8px; - } - - #price.yt-live-chat-message-buy-flow-renderer { - font-weight: 100; - margin: 8px 16px; - } - - #price-slider.yt-live-chat-message-buy-flow-renderer { - width: 100%; - height: 48px; - - --paper-slider-active-color: var(--yt-live-chat-slider-active-color, #2196f3); - --paper-slider-container-color: var(--yt-live-chat-slider-container-color, #c8c8c8); - --paper-slider-markers-color: var(--yt-live-chat-slider-markers-color, #505050); - - --paper-progress-active-color: var(--paper-slider-active-color); - --paper-progress-container-color: var(--paper-slider-container-color); - --paper-slider-knob-color: var(--paper-slider-active-color); - --paper-slider-knob-start-border-color: var(--paper-slider-active-color); - --paper-slider-knob-start-color: var(--paper-slider-active-color); - --paper-slider-pin-color: var(--paper-slider-active-color); - --paper-slider-pin-start-color: var(--paper-slider-active-color); - } - - #price-input-container.yt-live-chat-message-buy-flow-renderer { - font-size: var(--yt-live-chat-buy-flow-price-input-font-size); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - .dim.yt-live-chat-message-buy-flow-renderer { - color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); - } - - #price-input.yt-live-chat-message-buy-flow-renderer { - --paper-input-container-focus-color: var(--yt-live-chat-primary-text-color); - --paper-input-container_-_height: 24px; --paper-input-container_-_padding: initial;; - --paper-input-container-input_-_font-size: var(--yt-live-chat-buy-flow-price-input-font-size); --paper-input-container-input_-_color: var(--yt-live-chat-primary-text-color); --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_cursor: initial; --paper-input-container-input_-_font-weight: initial; --paper-input-container-input_-_line-height: initial; --paper-input-container-input_-_letter-spacing: initial; --paper-input-container-input_-_padding: initial;; - - --paper-input-container-underline-color: var(--yt-live-chat-secondary-text-color); - - margin: 0 4px; - width: var(--price-input-width, 64px); - text-align: center; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #button.yt-live-chat-message-buy-flow-renderer { - margin: 8px 16px 16px; - border-radius: 2px; - background-color: var(--yt-blue); - color: var(--yt-white); - font-weight: 500; - transition-property: background-color, color; - transition-duration: var(--yt-live-chat-animation-duration, 0.2s); - } - - #button.yt-live-chat-message-buy-flow-renderer[disabled] { - background-color: var(--yt-live-chat-disabled-button-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); - color: var(--yt-live-chat-disabled-button-text-color, rgba(0, 0, 0, 0.5)); - } - - #error.yt-live-chat-message-buy-flow-renderer { - font-size: 13px; - margin: 0 16px; - } - - yt-live-chat-super-sticker-pack-button-renderer { - display: block; - height: 24px; - width: 24px; - - --selected-visibility: hidden; - --unselected-visibility: visible; - --selected-z-index: -1; - --unselected-z-index: 0; - } - - yt-live-chat-super-sticker-pack-button-renderer[selected] { - --selected-visibility: visible; - --unselected-visibility: hidden; - --selected-z-index: 0; - --unselected-z-index: -1; - } - - #selected.yt-live-chat-super-sticker-pack-button-renderer,#unselected.yt-live-chat-super-sticker-pack-button-renderer { - height: 24px; - width: 24px; - position:absolute; - background-color: var(--yt-spec-text-primary); - opacity: 0.1; - } - - #selected.yt-live-chat-super-sticker-pack-button-renderer { - visibility: var(--selected-visibility); - z-index: var(--selected-z-index); - } - - #unselected.yt-live-chat-super-sticker-pack-button-renderer { - visibility: var(--unselected-visibility); - z-index: var(--unselected-z-index); - } - - #selected.icon-loaded.yt-live-chat-super-sticker-pack-button-renderer,#unselected.icon-loaded.yt-live-chat-super-sticker-pack-button-renderer { - background-color: transparent; - opacity: 1; - } - - yt-live-chat-super-sticker-pack-backstory-renderer { - display: block; - background-color: var(--yt-live-chat-background-color); - } - - #container.yt-live-chat-super-sticker-pack-backstory-renderer { - background-repeat: repeat-x; - background-position: bottom; - background-size: contain; - padding: var(--ytd-margin-4x) ; - padding-bottom: var(--ytd-margin-6x); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - #sticker.yt-live-chat-super-sticker-pack-backstory-renderer { - margin-right: var(--ytd-margin-4x); - } - - #content.yt-live-chat-super-sticker-pack-backstory-renderer { - max-width: 440px; - color: var(--yt-live-chat-primary-text-color); - } - - #title.yt-live-chat-super-sticker-pack-backstory-renderer { - font-size: 14px; - font-weight: 500; - margin-bottom: var(--ytd-margin-2x); - } - - #description.yt-live-chat-super-sticker-pack-backstory-renderer { - font-size: 12px; - } - - yt-live-chat-super-sticker-pack-item-button-renderer { - display: block; - background-color: var(--yt-live-chat-background-color); - justify-self: center; - - --yt-live-chat-paid-sticker-container-loaded-style_-_background-color: transparent; --yt-live-chat-paid-sticker-container-loaded-style_-_opacity: 1;; - } - - yt-live-chat-super-sticker-pack-item-button-renderer:focus { - outline: none; - } - - yt-live-chat-super-sticker-pack-item-button-renderer:hover { - cursor: pointer; - background-color: var(--yt-menu-hover-backgound-color); - } - - #sticker.yt-live-chat-super-sticker-pack-item-button-renderer { - width: 96px; - height: 96px; - padding: 12px; - padding-bottom: 24px; - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #unselected.yt-live-chat-super-sticker-pack-item-button-renderer { - display: inline-block; - width: 96px; - height: 96px; - background-color: var(--yt-spec-text-primary); - opacity: 0.1; - } - - yt-live-chat-super-sticker-pack-item-button-renderer.focus #unselected.yt-live-chat-super-sticker-pack-item-button-renderer { - display: none; - } - - #unselected.sticker-loaded.yt-live-chat-super-sticker-pack-item-button-renderer { - background-color: var(--yt-live-chat-paid-sticker-container-loaded-style_-_background-color); opacity: var(--yt-live-chat-paid-sticker-container-loaded-style_-_opacity); - } - - #selected.yt-live-chat-super-sticker-pack-item-button-renderer { - display: none; - } - - yt-live-chat-super-sticker-pack-item-button-renderer.focus #selected.yt-live-chat-super-sticker-pack-item-button-renderer { - display: block; - } - - #price.yt-live-chat-super-sticker-pack-item-button-renderer { - display: block; - color: var(--yt-live-chat-paid-sticker-chip-text-color); - background-color: var(--yt-live-chat-paid-sticker-chip-background-color); - margin-top: var(--ytd-margin-base); - padding: 0 4px; - min-width: 16px; - border-radius: 2px; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-super-sticker-pack-renderer { - height: 300px; - display: block; - background-color: var(--yt-live-chat-background-color); - - overflow-y: auto; - overflow-x: hidden; - } - - #pack.yt-live-chat-super-sticker-pack-renderer { - margin: 0 auto; - } - - #backstory.yt-live-chat-super-sticker-pack-renderer { - margin-top: var(--ytd-margin-6x); - } - - yt-live-chat-super-sticker-pack-item-button-renderer.yt-live-chat-super-sticker-pack-renderer { - margin-bottom: 4px; - } - - #pack-stickers.yt-live-chat-super-sticker-pack-renderer { - display: var(--layout_-_display); - -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); - } - - @supports (display: grid) { - #pack-stickers.yt-live-chat-super-sticker-pack-renderer { - display: grid; - grid-template-columns: repeat( auto-fit, minmax(120px, 1fr) ); - - -ms-flex-wrap: nowrap; - -webkit-flex-wrap: nowrap; - flex-wrap: nowrap; - } - - } - - yt-live-chat-paid-sticker-renderer { - display: block; - - position: relative; - - --yt-live-chat-paid-sticker-container-loaded-style_-_background-color: transparent; --yt-live-chat-paid-sticker-container-loaded-style_-_opacity: 1;; - --yt-live-chat-item-timestamp-display: none; - } - - yt-live-chat-paid-sticker-renderer[dashboard-money-feed] { - --yt-pdg-paid-stickers-margin-left: 56px; - } - - yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #card.yt-live-chat-paid-sticker-renderer { - position: relative; - border-radius: 4px; - padding: 8px; - padding-left: 16px; - background-color: var(--yt-live-chat-paid-sticker-background-color); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #menu.yt-live-chat-paid-sticker-renderer { - background: linear-gradient(to right, transparent, var(--yt-live-chat-paid-sticker-background-color) 100%); - border-radius: 0 4px 4px 0; - color: var(--yt-live-chat-paid-sticker-chip-text-color); - } - - yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #menu.yt-live-chat-paid-sticker-renderer { - color: var(--yt-live-chat-secondary-text-color); - margin: 8px 0; - background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); - } - - #author-name.yt-live-chat-paid-sticker-renderer { - margin-right: 8px; - display: block; - font-weight: 500; - color: var(--yt-live-chat-secondary-text-color); - -webkit-line-clamp: 1; - overflow: hidden; - -webkit-box-orient: var(--yt-multi-line-ellipsis_-_-webkit-box-orient); text-overflow: var(--yt-multi-line-ellipsis_-_text-overflow); white-space: var(--yt-multi-line-ellipsis_-_white-space); display: var(--yt-multi-line-ellipsis_-_display, block); - } - - yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #author-name.yt-live-chat-paid-sticker-renderer { - color: var(--yt-live-chat-paid-sticker-author-name-text-color); - } - - #author-info.yt-live-chat-paid-sticker-renderer { - font-size: var(--yt-pdg-paid-stickers-author-name-font-size); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); - } - - yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #author-info.yt-live-chat-paid-sticker-renderer { - max-height: 40px; - } - - #author-info.yt-live-chat-paid-sticker-renderer:focus { - outline: none; - } - - yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #price-column.yt-live-chat-paid-sticker-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); - } - - #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { - height: 18px; - border-radius: 12px; - color: var(--yt-live-chat-paid-sticker-chip-text-color); - - font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); - display: var(--layout-inline_-_display); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { - height: 24px; - margin-right: var(--ytd-margin-2x); - padding: 0 12px; - background-color: var(--yt-live-chat-paid-sticker-chip-background-color); - } - - yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { - font-size: 15px; - padding-right: 8px; - } - - #sticker-container.yt-live-chat-paid-sticker-renderer { - display: flex; - align-items: center; - flex-shrink: 0; - background-color: var(--yt-spec-text-primary); - opacity: 0.1; - margin-left: var(--yt-pdg-paid-stickers-margin-left); - margin-top: 4px; - } - - yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #sticker-container.yt-live-chat-paid-sticker-renderer { - margin: 0; - margin-left: auto; - } - - #sticker-container.sticker-loaded.yt-live-chat-paid-sticker-renderer { - background-color: var(--yt-live-chat-paid-sticker-container-loaded-style_-_background-color); opacity: var(--yt-live-chat-paid-sticker-container-loaded-style_-_opacity); - } - - #sticker.yt-live-chat-paid-sticker-renderer:focus { - outline: none; - } - - #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted],#deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { - font-style: italic; - } - - #deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { - color: var(--yt-live-chat-paid-sticker-chip-text-color); - font-size: 13px; - opacity: 0.7; - display: none; - } - - #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { - color: var(--yt-live-chat-secondary-text-color); - font-size: 12px; - opacity: 0.7; - display: none; - } - - yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { - max-height: 1.4em; - margin: 0; - -webkit-line-clamp: 1; - overflow: hidden; - - -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); - -webkit-box-orient: var(--yt-multi-line-ellipsis_-_-webkit-box-orient); text-overflow: var(--yt-multi-line-ellipsis_-_text-overflow); white-space: var(--yt-multi-line-ellipsis_-_white-space); display: var(--yt-multi-line-ellipsis_-_display); - } - - yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { - margin-top: 4px; - margin-left: var(--yt-pdg-paid-stickers-margin-left); - display: block; - } - - #content.yt-live-chat-paid-sticker-renderer { - -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); - } - - yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #content.yt-live-chat-paid-sticker-renderer { - padding: 0; - color: rgba(0, 0, 0, 0.87); - - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - display: var(--layout-vertical-reverse_-_display); -ms-flex-direction: var(--layout-vertical-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical-reverse_-_-webkit-flex-direction); flex-direction: var(--layout-vertical-reverse_-_flex-direction); - -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); - } - - #content-primary-column.yt-live-chat-paid-sticker-renderer { - display: inline-block; - } - - #sticker-icon.yt-live-chat-paid-sticker-renderer { - vertical-align: bottom; - } - - yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #content-primary-column.yt-live-chat-paid-sticker-renderer { - margin-bottom: 4px; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); - } - - yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #timestamp.yt-live-chat-paid-sticker-renderer { - display: inline; - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - font-weight: 500; - } - - #timestamp.yt-live-chat-paid-sticker-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-paid-sticker-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-paid-sticker-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-paid-sticker-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-paid-sticker-renderer:hover #menu.yt-live-chat-paid-sticker-renderer,yt-live-chat-paid-sticker-renderer[menu-visible] #menu.yt-live-chat-paid-sticker-renderer { - transform: none; - } - - yt-live-chat-paid-sticker-renderer:focus-within #menu.yt-live-chat-paid-sticker-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-paid-sticker-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-paid-sticker-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-sticker-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-paid-sticker-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-sticker-renderer { - display: none; - } - - yt-live-chat-paid-sticker-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-paid-sticker-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer,#additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > *.yt-live-chat-paid-sticker-renderer:not(:first-child) { - margin-left: 8px; - } - - yt-live-chat-super-sticker-preview-renderer { - display: block; - background-color: var(--yt-live-chat-background-color); - font-size: 15px; - } - - yt-live-chat-super-sticker-preview-renderer:focus { - outline: none; - } - - h3.yt-live-chat-super-sticker-preview-renderer { - color: var(--yt-live-chat-primary-text-color); - font-size: 16px; - font-weight: normal; - display: inline-block; - } - - #close.yt-live-chat-super-sticker-preview-renderer { - margin-right: var(--ytd-margin-3x); - color: var(--yt-live-chat-icon-button-color); - } - - #left.yt-live-chat-super-sticker-preview-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #preview.yt-live-chat-super-sticker-preview-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #loading.yt-live-chat-super-sticker-preview-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - #right.yt-live-chat-super-sticker-preview-renderer { - font-size: 12px; - color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); - display: inline-block; - display: var(--layout-horizontal_-_display, inline-block); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #right.yt-live-chat-super-sticker-preview-renderer yt-icon.yt-live-chat-super-sticker-preview-renderer { - width: 16px; - height: 16px; - margin-right: 4px; - } - - #header.yt-live-chat-super-sticker-preview-renderer { - padding: 12px 16px; - background-color: var(--yt-live-chat-header-background-color); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - } - - yt-live-chat-paid-sticker-renderer.yt-live-chat-super-sticker-preview-renderer { - padding: 12px; - padding-bottom: 0; - } - - #footer.yt-live-chat-super-sticker-preview-renderer { - background-color: var(--yt-live-chat-background-color); - padding: 12px; - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - } - - #buy-button.yt-live-chat-super-sticker-preview-renderer { - width: 100%; - margin: 0; - border-radius: 2px; - background-color: var(--yt-blue); - color: var(--yt-white); - font-size: 16px; - font-weight: 500; - display: inline-block; - text-align: center; - } - - #back-button.yt-live-chat-super-sticker-preview-renderer { - width: 100%; - margin: 0; - background-color: var(--yt-live-chat-background-color); - color: var(--yt-blue); - font-size: 16px; - font-weight: 500; - display: inline-block; - text-align: center; - } - - #footer.yt-live-chat-super-sticker-preview-renderer yt-button-renderer.yt-live-chat-super-sticker-preview-renderer { - width: 100%; - } - - #error.yt-live-chat-super-sticker-preview-renderer { - font-size: 13px; - margin: 0 16px; - } - - yt-live-chat-paid-sticker-panel-renderer { - display: block; - background-color: var(--yt-live-chat-background-color); - position: relative; - } - - #header.yt-live-chat-paid-sticker-panel-renderer { - padding-top: 16px; - background-color: var(--yt-live-chat-header-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); - box-shadow: 0px 2px 2px 0px rgba(199,193,199,1); - } - - yt-icon.yt-live-chat-paid-sticker-panel-renderer { - color: var(--yt-live-chat-icon-button-color); - } - - #header-top.yt-live-chat-paid-sticker-panel-renderer { - display: var(--layout_-_display); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #header-text.yt-live-chat-paid-sticker-panel-renderer { - color: var(--yt-live-chat-secondary-text-color); - font-size: 12px; - } - - h3.yt-live-chat-paid-sticker-panel-renderer { - color: var(--yt-live-chat-primary-text-color); - font-size: 16px; - font-weight: normal; - } - - #left.yt-live-chat-paid-sticker-panel-renderer { - display: var(--layout_-_display); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #header-bottom.yt-live-chat-paid-sticker-panel-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #header-bottom.yt-live-chat-paid-sticker-panel-renderer[is-at-front] { - margin-left: 24px; - } - - #header-bottom.yt-live-chat-paid-sticker-panel-renderer[is-at-back] { - margin-right: 24px; - } - - yt-icon-button.yt-live-chat-paid-sticker-panel-renderer { - width: 40px; - height: 48px; - } - - yt-icon-button.yt-live-chat-paid-sticker-panel-renderer[disabled] { - cursor: default; - } - - #scroll-back-button.yt-live-chat-paid-sticker-panel-renderer { - padding: 0 4px 0 8px; - left: 0; - } - - #scroll-forward-button.yt-live-chat-paid-sticker-panel-renderer { - padding: 0 8px 0 4px; - right: 0; - } - - #sticker-tabs.yt-live-chat-paid-sticker-panel-renderer { - display: inline-block; - width: 100%; - overflow: hidden; - --paper-tabs-selection-bar-color: var(--yt-pdg-paid-stickers-tab-selection-bar-color); - } - - #close-button.yt-live-chat-paid-sticker-panel-renderer,#help-button.yt-live-chat-paid-sticker-panel-renderer { - margin: 0 var(--ytd-margin-3x); - } - - #close-button.yt-live-chat-paid-sticker-panel-renderer > *.yt-live-chat-paid-sticker-panel-renderer,#help-button.yt-live-chat-paid-sticker-panel-renderer > *.yt-live-chat-paid-sticker-panel-renderer { - color: var(--yt-live-chat-icon-button-color); - } - - yt-live-chat-super-sticker-pack-renderer.yt-live-chat-paid-sticker-panel-renderer { - max-height: 300px; - -ms-flex-wrap: var(--layout-wrap_-_-ms-flex-wrap); -webkit-flex-wrap: var(--layout-wrap_-_-webkit-flex-wrap); flex-wrap: var(--layout-wrap_-_flex-wrap); - } - - #stickers-container.yt-live-chat-paid-sticker-panel-renderer:focus { - outline: none; - } - - #dialog.yt-live-chat-paid-sticker-panel-renderer { - z-index: 3; - } - - yt-live-chat-ticker-paid-message-item-renderer { - display: inline-block; - font-size: 14px; - outline: none; - transition: width 0.2s; - vertical-align: top; - cursor: pointer; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - } - - #container.yt-live-chat-ticker-paid-message-item-renderer { - border-radius: 999px; - padding: 4px; - } - - yt-live-chat-ticker-paid-message-item-renderer.sliding-down #container.yt-live-chat-ticker-paid-message-item-renderer { - opacity: 0.5; - transform: translateY(44px); - transition: opacity 0.2s, transform 0.2s cubic-bezier(0.4, 0.0, 1, 1); - } - - yt-live-chat-ticker-paid-message-item-renderer.collapsing { - margin-right: 0; - transition: margin-right 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0.0, 0.2, 1); - } - - yt-live-chat-ticker-paid-message-item-renderer[dimmed] { - opacity: 0.5; - } - - yt-img-shadow.yt-live-chat-ticker-paid-message-item-renderer { - margin-right: -4px; - - overflow: hidden; - border-radius: 50%; - } - - #content.yt-live-chat-ticker-paid-message-item-renderer { - height: 24px; - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #text.yt-live-chat-ticker-paid-message-item-renderer { - margin: 0 8px; - font-weight: 500; - } - - yt-live-chat-ticker-paid-message-item-renderer[is-deleted] #author-photo.yt-live-chat-ticker-paid-message-item-renderer { - display: none; - } - - #content.yt-live-chat-ticker-paid-sticker-item-renderer { - padding-right: 8px; - } - - #content.multiple-thumbnails.yt-live-chat-ticker-paid-sticker-item-renderer { - padding-right: 6px; - } - - #author-photo.yt-live-chat-ticker-paid-sticker-item-renderer { - margin-right: 4px; - } - - .sticker-thumbnail.yt-live-chat-ticker-paid-sticker-item-renderer { - border-radius: 0; - margin-right: 0; - } - - yt-live-chat-ticker-paid-sticker-item-renderer { - display: inline-block; - font-size: 14px; - outline: none; - transition: width 0.2s; - vertical-align: top; - cursor: pointer; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - } - - #container.yt-live-chat-ticker-paid-sticker-item-renderer { - border-radius: 999px; - padding: 4px; - } - - yt-live-chat-ticker-paid-sticker-item-renderer.sliding-down #container.yt-live-chat-ticker-paid-sticker-item-renderer { - opacity: 0.5; - transform: translateY(44px); - transition: opacity 0.2s, transform 0.2s cubic-bezier(0.4, 0.0, 1, 1); - } - - yt-live-chat-ticker-paid-sticker-item-renderer.collapsing { - margin-right: 0; - transition: margin-right 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0.0, 0.2, 1); - } - - yt-live-chat-ticker-paid-sticker-item-renderer[dimmed] { - opacity: 0.5; - } - - yt-img-shadow.yt-live-chat-ticker-paid-sticker-item-renderer { - margin-right: -4px; - - overflow: hidden; - border-radius: 50%; - } - - #content.yt-live-chat-ticker-paid-sticker-item-renderer { - height: 24px; - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #text.yt-live-chat-ticker-paid-sticker-item-renderer { - margin: 0 8px; - font-weight: 500; - } - - yt-live-chat-ticker-paid-sticker-item-renderer[is-deleted] #author-photo.yt-live-chat-ticker-paid-sticker-item-renderer { - display: none; - } - - yt-live-chat-poll-choice { - display: block; - position: relative; - } - - #text-container.yt-live-chat-poll-choice { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - padding: var(--yt-live-chat-poll-choice-text-padding); - } - - #content.yt-live-chat-poll-choice { - min-height: var(--yt-live-chat-poll-choice-min-height); - padding: 8px 16px; - position: relative; - font-size: 13px; - } - - #content.yt-live-chat-poll-choice[disabled] { - color: inherit; - } - - yt-live-chat-poll-choice[selected] #endpoint.yt-live-chat-poll-choice { - animation: border-and-text-highlight var(--yt-live-chat-universal-motion-curve) forwards; - animation-duration: var(--yt-live-chat-poll-choice-animation-duration); - } - - #label-text.yt-live-chat-poll-choice,#vote-percentage-text.yt-live-chat-poll-choice { - font-weight: 500; - } - - #label-text.yt-live-chat-poll-choice { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - #percentage-container.yt-live-chat-poll-choice { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - #vote-percentage-bar.yt-live-chat-poll-choice { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - - - transform: var(--yt-live-chat-poll-choice-vote-bar-transform, translateX(-100%)); - transition: transform cubic-bezier(0.05, 0.00, 0.00, 1.00); - transition-duration: var(--yt-live-chat-poll-choice-animation-duration); - } - - #endpoint.yt-live-chat-poll-choice { - display: block; - box-sizing: border-box; - border-radius: var(--yt-live-chat-poll-choice-border-radius); - border: var(--yt-live-chat-poll-choice-border); - color: var(--yt-live-chat-poll-choice-text-color); - background-color: var(--yt-live-chat-poll-choice-background-color); - overflow: hidden; - } - - #selected-icon.yt-live-chat-poll-choice,yt-live-chat-poll-choice[selected][vote-request-in-flight][show-spinner] #selected-icon.yt-live-chat-poll-choice,paper-spinner-lite.yt-live-chat-poll-choice { - display: none; - } - - yt-live-chat-poll-choice[selected][vote-request-in-flight] #selected-icon.yt-live-chat-poll-choice,yt-live-chat-poll-choice[show-spinner] paper-spinner-lite.yt-live-chat-poll-choice { - display: inline; - position: absolute; - right: 16px; - --iron-icon-width: 20px; - --iron-icon-height: 20px; - } - - paper-spinner-lite.yt-live-chat-poll-choice { - --paper-spinner-color: var(--yt-live-chat-poll-primary-text-color); - height: 20px; - width: 20px; - } - - yt-live-chat-poll-choice[has-voted] #endpoint.yt-live-chat-poll-choice { - cursor: initial; - } - - yt-live-chat-poll-choice[has-voted] #vote-percentage-bar.yt-live-chat-poll-choice { - background-color: var(--yt-live-chat-poll-choice-vote-bar-background-color); - } - - yt-live-chat-poll-choice:not([has-voted]) #endpoint.yt-live-chat-poll-choice:hover { - background-color: var(--yt-live-chat-poll-choice-hover-color); - } - - @keyframes border-and-text-highlight { - 20% { - border: 1px solid var(--yt-live-chat-primary-text-color); - color: var(--yt-live-chat-primary-text-color); - } - - 100% { - border: 1px solid var(--yt-live-chat-poll-primary-text-color); - color: var(--yt-live-chat-poll-primary-text-color); - } - - } - - yt-live-chat-button { - display: block; - } - - yt-button-renderer.yt-live-chat-button { - color: inherit; - } - - yt-live-chat-poll-header-renderer { - font-size: 13px; - padding: 8px 0; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-live-chat-poll-header-renderer[in-collapsed-banner] { - transition: padding var(--yt-live-chat-universal-motion-curve); - transition-duration: var(--yt-live-chat-banner-animation-duration); - padding-bottom: 0; - } - - yt-img-shadow.yt-live-chat-poll-header-renderer,.metadata.yt-live-chat-poll-header-renderer,#poll-question.yt-live-chat-poll-header-renderer { - transition: opacity var(--yt-live-chat-banner-animation-duration) - var(--yt-live-chat-universal-motion-curve); - - transition-delay: 0.1s; - } - - yt-live-chat-poll-header-renderer[in-collapsed-banner] yt-img-shadow.yt-live-chat-poll-header-renderer,yt-live-chat-poll-header-renderer[in-collapsed-banner] .metadata.yt-live-chat-poll-header-renderer,yt-live-chat-poll-header-renderer[in-collapsed-banner] #poll-question.yt-live-chat-poll-header-renderer { - opacity: 0; - transition-duration: var(--yt-live-chat-banner-animation-fast-duration); - transition-delay: 0s; - } - - #menu.yt-live-chat-poll-header-renderer yt-live-chat-button.yt-live-chat-poll-header-renderer,.metadata.yt-live-chat-poll-header-renderer { - color: var(--yt-live-chat-poll-secondary-text-color); - } - - #poll-question.yt-live-chat-poll-header-renderer { - margin-bottom: 12px; - color: var(--yt-live-chat-poll-primary-text-color); - word-break: break-word; - overflow-wrap: break-word; - word-wrap: break-word; - } - - #game-photo.yt-live-chat-poll-header-renderer,#creator-photo.yt-live-chat-poll-header-renderer { - margin-right: 12px; - } - - #creator-photo.yt-live-chat-poll-header-renderer { - overflow: hidden; - border-radius: 50%; - } - - #content-top.yt-live-chat-poll-header-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - .metadata.yt-live-chat-poll-header-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - #menu.yt-live-chat-poll-header-renderer { - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #main-content.yt-live-chat-poll-header-renderer { - transition: height var(--yt-live-chat-universal-motion-curve), - padding var(--yt-live-chat-universal-motion-curve); - transition-duration: var(--yt-live-chat-banner-animation-duration); - padding: 14px 20px 4px 0; - color: var(--yt-live-chat-primary-text-color); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - yt-live-chat-poll-header-renderer[in-collapsed-banner] #main-content.yt-live-chat-poll-header-renderer { - height: 0; - padding-top: 0; - padding-bottom: 0; - } - - #content-top.yt-live-chat-poll-header-renderer,#main-content.yt-live-chat-poll-header-renderer { - z-index: 1; - } - - #col-right.yt-live-chat-poll-header-renderer { - overflow: hidden; - - margin-top: -2px; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #menu.yt-live-chat-poll-header-renderer { - --yt-button-icon-size: 24px; - --yt-button-icon-padding: 0; - } - - yt-live-chat-poll-renderer { - display: block; - padding: 4px 8px 10px 16px; - font-size: 13px; - } - - #poll-choice-container.yt-live-chat-poll-renderer { - position: relative; - box-sizing: border-box; - padding: 0 8px 10px 0; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-live-chat-poll-renderer[in-banner],yt-live-chat-poll-renderer[in-banner] #poll-choice-container.yt-live-chat-poll-renderer { - padding-right: 0; - } - - yt-live-chat-poll-choice.yt-live-chat-poll-renderer:not(:first-of-type) { - margin-top: 8px; - } - - #button.yt-live-chat-poll-renderer { - margin-right: 8px; - display: var(--layout_-_display); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - } - - yt-live-chat-poll-renderer[in-banner] #button.yt-live-chat-poll-renderer { - margin-right: -8px; - } - - #button.yt-live-chat-poll-renderer yt-button-renderer.yt-live-chat-poll-renderer { - color: var(--yt-live-chat-poll-primary-text-color); - } - - yt-live-chat-poll-renderer[highlight-winning-option] yt-live-chat-poll-choice.yt-live-chat-poll-renderer[is-winning].yt-live-chat-poll-renderer[has-votes] { - --yt-live-chat-poll-choice-text-color: var(--yt-live-chat-poll-primary-text-color); - --yt-live-chat-poll-choice-border: 1px solid var(--yt-live-chat-poll-tertiary-text-color); - - --yt-live-chat-poll-choice-min-height: 6px; - --yt-live-chat-poll-choice-text-padding: 0 11px; - } - - yt-live-chat-poll-renderer[in-banner] { - --yt-live-chat-poll-choice-border: none; - --yt-live-chat-poll-choice-min-height: 8px; - --yt-live-chat-poll-choice-text-padding: 0 12px; - --yt-live-chat-poll-choice-text-color: var(--yt-live-chat-poll-secondary-text-color); - padding-bottom: 0; - } - - yt-live-chat-poll-renderer[in-collapsed-banner] { - padding-bottom: 8px; - } - - yt-live-chat-poll-renderer[in-collapsed-banner] #poll-choice-container.yt-live-chat-poll-renderer { - padding-bottom: 2px; - transition: padding-right var(--yt-live-chat-universal-motion-curve); - } - - yt-live-chat-poll-renderer[in-banner] #collapse-container.yt-live-chat-poll-renderer { - padding-right: 8px; - transition: transform var(--yt-live-chat-universal-motion-curve), - height var(--yt-live-chat-universal-motion-curve), - padding var(--yt-live-chat-universal-motion-curve); - transition-duration: var(--yt-live-chat-banner-animation-duration); - } - - yt-live-chat-poll-renderer[in-collapsed-banner] #collapse-container.yt-live-chat-poll-renderer { - padding-right: 28px; - } - - yt-live-chat-poll-renderer[highlight-winning-option] yt-live-chat-poll-choice.yt-live-chat-poll-renderer:not([is-winning]).yt-live-chat-poll-renderer { - transition: opacity var(--yt-live-chat-banner-animation-duration) - var(--yt-live-chat-universal-motion-curve); - } - - yt-live-chat-poll-renderer[highlight-winning-option][in-collapsed-banner] yt-live-chat-poll-choice.yt-live-chat-poll-renderer:not([is-winning]).yt-live-chat-poll-renderer { - opacity: 0; - } - - yt-live-chat-poll-renderer[in-banner][is-transitioning-collapse] yt-live-chat-poll-choice.yt-live-chat-poll-renderer[is-winning] { - transition: transform var(--yt-live-chat-banner-animation-duration) - var(--yt-live-chat-universal-motion-curve); - } - - yt-live-interactivity-component-background,svg.yt-live-interactivity-component-background { - display: block; - } - - yt-live-interactivity-component-background[use-large-background] { - display: var(--yt-live-chat-interactivity-component-background-display, block); - } - - yt-live-interactivity-component-background[use-large-background] svg.yt-live-interactivity-component-background { - height: 100%; - - min-height: 350px; - } - - .gradient-stop.yt-live-interactivity-component-background { - stop-color: var(--yt-live-chat-banner-background-gradient-stop-color, #26477f); - } - - yt-live-chat-action-panel-renderer { - display: block; - overflow: hidden; - background-color: var(--yt-live-chat-action-panel-renderer-background-color, - var(--yt-live-chat-background-color)); - border-radius: 4px; - } - - yt-live-chat-action-panel-renderer,#header.yt-live-chat-action-panel-renderer,#contents.yt-live-chat-action-panel-renderer { - position: relative; - } - - .background.yt-live-chat-action-panel-renderer { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - yt-live-chat-message-subtext-renderer { - display: block; - } - - yt-live-chat-message-renderer { - display: block; - color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); - background: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); - - display: var(--layout-vertical_-_display, block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - - --yt-paper-button-width: 100%; - } - - #subtext.yt-live-chat-message-renderer { - color: var(--yt-live-chat-secondary-text-color, var(--yt-luna-black-opacity-lighten-2)); - margin-bottom: 12px; - } - - #text.yt-live-chat-message-renderer,#subtext.yt-live-chat-message-renderer { - text-align: var(--yt-live-chat-message-renderer-text-align, inherit); - - -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); - } - - #text.yt-live-chat-message-renderer:empty,#subtext.yt-live-chat-message-renderer:empty,#button.yt-live-chat-message-renderer:empty { - display: none; - } - - yt-live-chat-message-renderer[subtext-on-bottom] #subtext.yt-live-chat-message-renderer { - order: 1; - margin-bottom: 0; - margin-top: 12px; - } - - #button.yt-live-chat-message-renderer { - width: 100%; - } - - #button.yt-live-chat-message-renderer .style-default.yt-live-chat-message-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #button.yt-live-chat-message-renderer > *.yt-live-chat-message-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-dropdown-menu { - display: inline-block; - max-width: 100%; - } - - paper-button.yt-dropdown-menu { - display: inline-block; - text-align: center; - font-family: inherit; - } - - paper-menu-button.yt-dropdown-menu { - color: var(--yt-spec-text-secondary); - --paper-menu-button-dropdown-background: transparent; - } - - paper-menu-button.yt-dropdown-menu,#label-text.yt-dropdown-menu { - max-width: 100%; - } - - #label-text.yt-dropdown-menu { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - paper-menu-button.yt-dropdown-menu { - padding: 0; - } - - paper-listbox.yt-dropdown-menu { - background-color: var(--yt-dialog-background); - } - - paper-listbox.yt-dropdown-menu paper-item.yt-dropdown-menu:hover { - background-color: var(--yt-menu-hover-backgound-color); - } - - paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu { - font-weight: inherit; - background-color: var(--yt-menu-hover-backgound-color); - } - - #label.yt-dropdown-menu { - cursor: pointer; - text-transform: var(--yt-dropdown-menu-label-transform, none); - padding: 0; - margin: 0; - min-width: 0; - font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #label-text.yt-dropdown-menu { - color: var(--yt-primary-text-color); - ; - } - - #icon-label.yt-dropdown-menu { - color: var(--yt-spec-text-secondary); - font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); - } - - #label.keyboard-focus.yt-dropdown-menu #icon-label.yt-dropdown-menu { - font-weight: 700; - } - - #label.keyboard-focus.yt-dropdown-menu #label-text.yt-dropdown-menu { - font-weight: 500; - } - - #label-icon.yt-dropdown-menu { - flex-shrink: 0; - margin-right: var(--ytd-margin-2x); - color: var(--yt-spec-text-secondary); - } - - #icon.yt-dropdown-menu { - color: var(--yt-spec-text-secondary); - } - - .item.yt-dropdown-menu { - color: var(--yt-primary-text-color); - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - #subtitle.yt-dropdown-menu { - color: var(--yt-secondary-text-color); - white-space: normal; - font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); - } - - .yt-simple-endpoint.yt-dropdown-menu { - display: var(--yt-endpoint_-_display); cursor: var(--yt-endpoint_-_cursor); text-decoration: var(--yt-endpoint_-_text-decoration); color: var(--yt-endpoint_-_color); - outline: none; - } - - .yt-simple-endpoint.yt-dropdown-menu:hover { - color: var(--yt-endpoint-hover_-_color); text-decoration: var(--yt-endpoint-hover_-_text-decoration); - } - - a.yt-simple-endpoint.yt-dropdown-menu { - display: block; - color: var(--yt-primary-text-color); - } - - yt-dropdown-menu:not(.has-items) #label-icon.yt-dropdown-menu { - display: none; - } - - yt-dropdown-menu:not(.has-items) #label.yt-dropdown-menu { - cursor: default; - } - - yt-dropdown-menu:not(.has-items) #label.yt-dropdown-menu:focus { - outline: none; - } - - paper-item-body.yt-dropdown-menu { - max-width: 100%; - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - yt-sort-filter-sub-menu-renderer { - --yt-endpoint-force-cursor: pointer; - display: inline-block; - } - - yt-live-chat-header-renderer { - height: 48px; - padding: 8px; - box-sizing: border-box; - font-size: var(--yt-live-chat-header-font-size, 18px); - background-color: var(--yt-live-chat-header-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); - color: var(--yt-live-chat-header-text-color, var(--yt-live-chat-primary-text-color)); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - - - display: var(--yt-live-chat-header-renderer-display, flex); - } - - #overflow.yt-live-chat-header-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #action-buttons.yt-live-chat-header-renderer > *.yt-live-chat-header-renderer,#overflow.yt-live-chat-header-renderer { - color: var(--yt-live-chat-header-button-color); - } - - #primary-content.yt-live-chat-header-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - margin-left: 16px; - } - - yt-icon-button.yt-live-chat-header-renderer yt-icon.yt-live-chat-header-renderer { - color: var(--yt-spec-icon-inactive); - } - - yt-icon-button.yt-live-chat-header-renderer:hover yt-icon.yt-live-chat-header-renderer { - color: var(--yt-spec-icon-active-other); - } - - yt-live-chat-text-message-renderer { - position: relative; - - font-size: 13px; - padding: 4px 24px; - - overflow: hidden; - contain: content; - - --yt-endpoint-color: var(--yt-live-chat-primary-text-color, var(--yt-luna-black)); - --yt-endpoint-hover-color: var(--yt-live-chat-primary-text-color, var(--yt-endpoint-color)); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); - } - - yt-live-chat-text-message-renderer:hover { - overflow: initial; - } - - yt-live-chat-text-message-renderer[author-is-owner] { - background-color: var(--yt-live-chat-message-highlight-background-color); - } - - #content.yt-live-chat-text-message-renderer { - -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); - - min-width: 0; - } - - yt-live-chat-author-chip.yt-live-chat-text-message-renderer { - margin-right: 8px; - } - - #message.yt-live-chat-text-message-renderer { - color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); - line-height: 16px; - overflow: hidden; - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-word; - - font-style: var(--yt-live-chat-text-message-renderer-message-message-style_-_font-style); opacity: var(--yt-live-chat-text-message-renderer-message-message-style_-_opacity); - } - - #message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer { - width: var(--yt-live-chat-emoji-size); - height: var(--yt-live-chat-emoji-size); - - margin: -1px 2px 1px 2px; - vertical-align: middle; - } - - a.yt-live-chat-text-message-renderer { - display: inline; - text-decoration: underline; - } - - #message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer { - display: inline; - text-decoration: underline; - word-break: break-all; - } - - #message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer .mention.yt-live-chat-text-message-renderer { - text-decoration: underline; - } - - #show-original.yt-live-chat-text-message-renderer { - margin-left: 2px; - } - - #message.yt-live-chat-text-message-renderer:empty,#deleted-state.yt-live-chat-text-message-renderer:empty,#show-original.yt-live-chat-text-message-renderer:empty,yt-live-chat-text-message-renderer[show-original] #deleted-state.yt-live-chat-text-message-renderer,yt-live-chat-text-message-renderer[show-original] #show-original.yt-live-chat-text-message-renderer,yt-live-chat-text-message-renderer[is-deleted]:not([show-original]) #message.yt-live-chat-text-message-renderer { - display: none; - } - - #menu.yt-live-chat-text-message-renderer { - color: var(--yt-live-chat-secondary-text-color); - background: linear-gradient(to right, transparent 0%, var(--yt-live-chat-background-color, var(--yt-white)) 100%); - } - - yt-live-chat-text-message-renderer[author-is-owner] #menu.yt-live-chat-text-message-renderer { - background: linear-gradient(to right, transparent 0%, var(--yt-live-chat-message-highlight-background-color, var(--yt-luna-black)) 100%); - } - - .mention.yt-live-chat-text-message-renderer { - background: var(--yt-live-chat-mention-background-color); - color: var(--yt-live-chat-mention-text-color); - padding: 2px 4px; - border-radius: 2px; - } - - #deleted-state.yt-live-chat-text-message-renderer,#show-original.yt-live-chat-text-message-renderer,yt-live-chat-text-message-renderer[is-deleted] #message.yt-live-chat-text-message-renderer { - font-style: italic; - color: var(--yt-live-chat-deleted-message-color, rgba(0, 0, 0, 0.5)); - } - - yt-live-chat-text-message-renderer[show-bar]::before { - content: ''; - position: absolute; - display: block; - left: 8px; - top: 4px; - bottom: 4px; - width: 4px; - box-sizing: border-box; - border-radius: 2px; - } - - yt-live-chat-text-message-renderer[is-deleted]::before { - background: var(--yt-live-chat-deleted-message-bar-color, rgba(0, 0, 0, 0.5)); - } - - yt-live-chat-text-message-renderer[is-dimmed] #message.yt-live-chat-text-message-renderer { - opacity: 0.25; - } - - yt-live-chat-text-message-renderer[is-dimmed]::before { - background: var(--yt-live-chat-error-message-color, #f44336); - } - - yt-live-chat-text-message-renderer[in-collapsed-banner] #content.yt-live-chat-text-message-renderer { - color: var(--yt-live-chat-primary-text-color); - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - - #timestamp.yt-live-chat-text-message-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-text-message-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-text-message-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-text-message-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-text-message-renderer:hover #menu.yt-live-chat-text-message-renderer,yt-live-chat-text-message-renderer[menu-visible] #menu.yt-live-chat-text-message-renderer { - transform: none; - } - - yt-live-chat-text-message-renderer:focus-within #menu.yt-live-chat-text-message-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-text-message-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-text-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer { - display: none; - } - - yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-text-message-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer,#additional-inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-text-message-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-text-message-renderer > *.yt-live-chat-text-message-renderer:not(:first-child) { - margin-left: 8px; - } - - yt-live-chat-auto-mod-message-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - font-size: 13px; - padding: 0 0 4px 0; - position: relative; - - --paper-button_-_min-width: 88px;; - --yt-live-chat-text-message-renderer-message-message-style_-_font-style: italic; --yt-live-chat-text-message-renderer-message-message-style_-_opacity: 0.5;; - --yt-button-icon-size: 16px; - --yt-button-icon-padding: 0; - --ytd-paper-button-min-width: 88px; - } - - #explanation.yt-live-chat-auto-mod-message-renderer { - color: var(--yt-live-chat-automod-button-explanation-color); - margin: 4px 0 4px 28px; - } - - #button.yt-live-chat-auto-mod-message-renderer { - display: inline-block; - } - - #button.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { - width: 32px; - --yt-button-icon-size: 16px; - } - - #moderation-buttons.yt-live-chat-auto-mod-message-renderer:not(:empty) { - margin: 8px 0 4px 64px; - } - - #moderation-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer:not(:last-child) { - margin-right: 8px; - } - - #moderation-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { - background-color: var(--yt-live-chat-automod-button-background-color); - border-radius: 2px; - font-weight: 500; - } - - #moderation-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer:hover { - background-color: var(--yt-live-chat-automod-button-background-color-hover); - } - - yt-live-chat-auto-mod-message-renderer::before { - background-color: var(--yt-live-chat-deleted-message-bar-color); - content: ''; - position: absolute; - display: block; - left: 8px; - top: 4px; - bottom: 4px; - width: 4px; - box-sizing: border-box; - border-radius: 2px; - } - - #timestamp.yt-live-chat-auto-mod-message-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-auto-mod-message-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-auto-mod-message-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-auto-mod-message-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-auto-mod-message-renderer:hover #menu.yt-live-chat-auto-mod-message-renderer,yt-live-chat-auto-mod-message-renderer[menu-visible] #menu.yt-live-chat-auto-mod-message-renderer { - transform: none; - } - - yt-live-chat-auto-mod-message-renderer:focus-within #menu.yt-live-chat-auto-mod-message-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { - display: none; - } - - yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-auto-mod-message-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer,#additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > *.yt-live-chat-auto-mod-message-renderer:not(:first-child) { - margin-left: 8px; - } - - yt-live-chat-banner-header-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - position: relative; - padding: 4px 0; - color: var(--yt-live-chat-secondary-text-color); - - overflow-x: hidden; - } - - yt-icon.yt-live-chat-banner-header-renderer,yt-button-renderer.yt-live-chat-banner-header-renderer { - color: var(--yt-spec-static-overlay-icon-inactive); - } - - yt-live-chat-banner-header-renderer[in-collapsed-banner] #title.yt-live-chat-banner-header-renderer { - opacity: 0; - transition-delay: unset; - } - - #title.yt-live-chat-banner-header-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - font-size: 13px; - margin-left: 20px; - opacity: 1; - transition: opacity var(--yt-live-chat-universal-motion-curve); - - transition-delay: 0.1s; - transition-duration: var(--yt-live-chat-banner-animation-duration); - } - - #close-button.yt-live-chat-banner-header-renderer { - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - yt-icon.yt-live-chat-banner-header-renderer { - width: 16px; - height: 16px; - } - - #menu.yt-live-chat-banner-header-renderer { - --yt-button-icon-size: 24px; - --yt-button-icon-padding: 0; - } - - ytd-donations-progress-bar-renderer { - display: block; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - color: rgba(255, 255, 255, 0.7); - } - - ytd-donations-progress-bar-renderer[in-collapsed-banner]:not([no-goal]) { - margin: 2px 8px 0px 16px; - padding-top: 1px; - } - - ytd-donations-progress-bar-renderer[in-collapsed-banner][no-goal] { - margin: 0px 8px 0px 16px; - padding-top: 6px; - } - - #container.ytd-donations-progress-bar-renderer { - width: 100%; - border-radius: 4px; - overflow: hidden; - } - - #expanded-title.ytd-donations-progress-bar-renderer,#target-row.ytd-donations-progress-bar-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - - #raised-amount.ytd-donations-progress-bar-renderer,#separator.ytd-donations-progress-bar-renderer,#target-amount.ytd-donations-progress-bar-renderer,#campaign-title.ytd-donations-progress-bar-renderer { - padding-inline-end: 5px; - } - - #target-amount.ytd-donations-progress-bar-renderer { - --yt-formatted-string-bold: var(--ytd-navbar-title);--yt-formatted-string-bold_-_font-size: var(--ytd-navbar-title_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-navbar-title_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-navbar-title_-_line-height); --yt-formatted-string-bold_-_letter-spacing: initial;; - } - - #raised-amount.ytd-donations-progress-bar-renderer { - --yt-formatted-string-bold: var(--ytd-navbar-title);--yt-formatted-string-bold_-_font-size: var(--ytd-navbar-title_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-navbar-title_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-navbar-title_-_line-height); --yt-formatted-string-bold_-_letter-spacing: initial;; - --yt-formatted-string-bold-color: var(--yt-spec-static-brand-white); - } - - ytd-donations-progress-bar-renderer[in-collapsed-banner] #raised-amount.ytd-donations-progress-bar-renderer { - --yt-formatted-string-bold: var(--ytd-link);--yt-formatted-string-bold_-_font-size: var(--ytd-link_-_font-size); --yt-formatted-string-bold_-_font-weight: var(--ytd-link_-_font-weight); --yt-formatted-string-bold_-_line-height: var(--ytd-link_-_line-height); --yt-formatted-string-bold_-_letter-spacing: var(--ytd-link_-_letter-spacing);; - } - - #progress-bar.ytd-donations-progress-bar-renderer { - height: 2px; - background-color: var(--yt-spec-static-overlay-text-disabled); - border-radius: 2px; - overflow: hidden; - margin: 2px 16px 6px 0px; - } - - ytd-donations-progress-bar-renderer:not([in-collapsed-banner]) #progress-bar.ytd-donations-progress-bar-renderer { - margin-top: 2px; - } - - #progress-bar-fill.ytd-donations-progress-bar-renderer { - height: 2px; - background-color: var(--yt-spec-static-brand-white); - width: var(--progress-bar-completion, 0); - border-radius: 2px; - } - - #match-label.ytd-donations-progress-bar-renderer { - margin: 2px 16px 4px 0px; - } - - #goal-reached-label.ytd-donations-progress-bar-renderer { - color: var(--yt-spec-static-brand-white); - } - - yt-icon.ytd-donations-progress-bar-renderer { - color: var(--yt-spec-static-brand-white); - width: 16px; - height: 16px; - } - - #button-row.ytd-donations-progress-bar-renderer { - margin-top: 4px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row-reverse; - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - - #goal-reached.ytd-donations-progress-bar-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - - #goal-reached-label.ytd-donations-progress-bar-renderer { - padding-right: 3px; - } - - ytd-donations-progress-bar-renderer[in-collapsed-banner] #target-row.ytd-donations-progress-bar-renderer,ytd-donations-progress-bar-renderer[in-collapsed-banner] #match-label.ytd-donations-progress-bar-renderer,ytd-donations-progress-bar-renderer[in-collapsed-banner] #button-row.ytd-donations-progress-bar-renderer { - display: none; - } - - #donate-button.ytd-donations-progress-bar-renderer ytd-button-renderer.ytd-donations-progress-bar-renderer { - background-color: transparent; - } - - ytd-button-renderer { - --paper-button-ink-color: var(--yt-paper-button-ink-color); - --yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white); - - - --yt-formatted-string-deemphasize_-_margin-left: var(--ytd-margin-base);; - } - - ytd-button-renderer { - vertical-align: middle; - white-space: nowrap; - font-size: var(--ytd-tab-system_-_font-size); font-weight: var(--ytd-tab-system_-_font-weight); letter-spacing: var(--ytd-tab-system_-_letter-spacing); text-transform: var(--ytd-tab-system_-_text-transform); - } - - ytd-button-renderer[is-paper-button](:not[button-raised]),ytd-button-renderer[is-paper-button](:not[button-raised]) a.ytd-button-renderer { - overflow: hidden; - } - - ytd-button-renderer[disabled][is-paper-button] a.ytd-button-renderer { - cursor: initial; - } - - ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer { - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - ytd-button-renderer yt-formatted-string.ytd-button-renderer { - display: block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - paper-button.ytd-button-renderer { - min-width: var(--yt-paper-button-min-width, var(--ytd-paper-button-min-width, 5.14em)); - font-size: var(--yt-paper-button-font-size, inherit); - } - - paper-button.keyboard-focus.ytd-button-renderer { - font-weight: inherit; - } - - ytd-button-renderer.force-icon-button { - font-size: var(--ytd-caption_-_font-size); line-height: var(--ytd-caption_-_line-height); font-weight: var(--ytd-caption_-_font-weight); letter-spacing: var(--ytd-caption_-_letter-spacing); text-transform: var(--ytd-caption_-_text-transform); - } - - ytd-button-renderer.force-icon-button a.ytd-button-renderer { - padding-right: var(--yt-button-icon-padding, var(--ytd-margin-2x)); - } - - ytd-button-renderer[is-paper-button] { - background-color: var(--yt-basic-background-color, var(--yt-button-background-color)); - color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); - border-color: var(--yt-basic-foreground-title-color, var(--yt-spec-text-secondary)); - } - - ytd-button-renderer[is-paper-button-with-icon] { - --yt-button-padding-minus-focus-outline: var(--yt-button-with-icon-padding-minus-focus-outline); - } - - ytd-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] { - --yt-button-padding: 6px 12px; - --yt-button-padding-minus-border: 5px 11px; - } - - ytd-button-renderer[is-paper-button-with-icon] { - --yt-button-padding: 6px 16px; - --yt-button-padding-minus-border: 5px 15px; - } - - ytd-button-renderer[is-paper-button-with-icon][button-size="size-large"] { - --yt-button-padding: 10px 16px; - --yt-button-padding-minus-border: 9px 15px; - --yt-button-padding-minus-focus-outline: 9px 15px; - } - - ytd-button-renderer[is-icon-button] { - color: var(--yt-button-color, var(--yt-spec-icon-inactive)); - } - - ytd-button-renderer.style-text[is-icon-button],ytd-button-renderer.style-default[is-icon-button],ytd-button-renderer.style-opacity[is-icon-button] { - color: var(--yt-spec-icon-inactive); - } - - ytd-button-renderer.style-text[is-icon-button] #text.ytd-button-renderer,ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer,ytd-button-renderer.style-opacity[is-icon-button] #text.ytd-button-renderer { - color: var(--yt-spec-text-secondary); - } - - ytd-button-renderer.style-black[is-icon-button] { - color: var(--yt-spec-text-primary); - } - - ytd-button-renderer.style-opacity[is-icon-button][disabled] { - color: var(--yt-spec-icon-disabled); - } - - ytd-button-renderer.style-blue-text[is-icon-button] { - color: var(--yt-spec-call-to-action); - } - - ytd-button-renderer.style-visibly-disabled[is-icon-button] { - color: var(--yt-spec-icon-disabled); - } - - paper-tooltip.ytd-button-renderer { - white-space: nowrap; - } - - ytd-button-renderer.style-primary[is-paper-button] { - background-color: var(--yt-spec-call-to-action); - color: var(--yt-spec-text-primary-inverse); - } - - ytd-button-renderer.style-primary[disabled][is-paper-button] { - background-color: var(--yt-spec-icon-disabled); - color: var(--yt-spec-text-primary-inverse); - } - - ytd-button-renderer.style-payment[is-paper-button] { - background-color: var(--yt-button-payment-background-color, var(--yt-spec-call-to-action)); - color: var(--yt-spec-text-primary-inverse); - } - - ytd-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer,ytd-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-suggestive[is-paper-button] { - --yt-formatted-string-deemphasize-color: var(--yt-blue-opacity-lighten-2); - background-color: transparent; - color: var(--yt-spec-call-to-action); - } - - ytd-button-renderer.style-suggestive[is-paper-button] paper-button.ytd-button-renderer { - border: 1px solid var(--yt-spec-call-to-action); - padding: var(--yt-button-padding-minus-border); - } - - ytd-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.palette-with-border[is-paper-button] paper-button.ytd-button-renderer { - border-width: 1px; - border-style: solid; - padding: var(--yt-button-padding-minus-border); - } - - ytd-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border-width: var(--yt-button-padding-minus-focus-outline-width); - border-style: solid; - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-blue-text[is-paper-button] { - --yt-formatted-string-deemphasize-color: var(--yt-spec-icon-disabled); - color: var(--yt-spec-call-to-action); - } - - ytd-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-destructive[is-paper-button] { - background-color: var(--yt-spec-brand-subscribe-button-background); - color: var(--yt-spec-static-brand-white); - } - - ytd-button-renderer.style-destructive[new-subscribe-color][is-paper-button] { - background-color: var(--yt-spec-brand-button-background); - } - - ytd-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-destructive[disabled][is-paper-button] { - background-color: - var(--yt-button-destructive-background-color, var(--yt-opalescence-soft-grey)); - color: var(--yt-button-destructive-color, var(--yt-opalescence-grey-opacity-lighten-2)); - } - - ytd-button-renderer.style-brand[is-paper-button] { - color: var(--yt-spec-brand-link-text); - } - - ytd-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-text-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-default[is-paper-button] { - background-color: var(--yt-button-default-background-color, var(--yt-spec-badge-chip-background)); - color: var(--yt-button-default-text-color, var(--yt-spec-text-secondary)); - } - - ytd-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-filled-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-inactive-outline[is-paper-button] { - color: var(--yt-spec-text-secondary); - } - - ytd-button-renderer.style-inactive-outline[is-paper-button] paper-button.ytd-button-renderer { - border: 1px solid var(--yt-spec-text-secondary); - padding: var(--yt-button-padding-minus-border); - } - - ytd-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-suggested-action[is-paper-button] { - background-color: var(--yt-spec-suggested-action); - color: var(--yt-spec-call-to-action); - } - - ytd-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-compact-gray[is-paper-button] { - background-color: var(--yt-spec-badge-chip-background); - color: var(--yt-spec-text-secondary); - } - - ytd-button-renderer.style-compact-gray[is-paper-button] paper-button.ytd-button-renderer { - padding: var(--ytd-margin-base) var(--ytd-margin-2x); - } - - ytd-button-renderer.style-text[is-paper-button] { - color: var(--yt-spec-text-secondary); - } - - ytd-button-renderer[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer,ytd-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-inactive-text-button-focus-outline); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-overlay[is-paper-button] { - background-color: var(--yt-spec-static-overlay-button-primary); - color: var(--yt-spec-static-overlay-text-primary); - } - - ytd-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-text-secondary); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-white-with-border[is-paper-button] { - background-color: transparent; - border: 1px solid var(--yt-spec-static-brand-white); - color: var(--yt-spec-static-brand-white); - } - - ytd-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] paper-button.ytd-button-renderer { - border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-brand-white); - padding: var(--yt-button-padding-minus-focus-outline); - } - - ytd-button-renderer.style-alert-info[is-paper-button] { - color: var(--yt-blue); - } - - ytd-button-renderer.style-alert-info[is-paper-button]:hover { - color: var(--yt-icon-hover-color); - } - - ytd-button-renderer.style-dark[is-paper-button] { - background-color: var(--yt-button-dark-background-color, var(--yt-opalescence-soft-grey)); - color: var(--yt-button-dark-text-color, var(--yt-luna-black)); - } - - ytd-button-renderer.style-light[is-paper-button] { - background-color: var(--yt-button-light-background-color, var(--yt-opalescence-soft-grey)); - color: var(--yt-button-light-text-color, var(--yt-luna-black-opacity-lighten-2)); - } - - ytd-button-renderer.style-light-text[is-paper-button] { - color: var(--yt-white); - } - - ytd-button-renderer.style-black[is-paper-button] { - color: var(--yt-spec-text-primary); - } - - ytd-button-renderer.style-visibly-disabled[is-paper-button] { - background-color: transparent; - color: var(--yt-spec-text-disabled); - } - - ytd-button-renderer.style-black[disabled][is-paper-button] { - color: var(--yt-button-black-color, var(--yt-opalescence-soft-grey-opacity-lighten-1)); - } - - ytd-button-renderer.style-dark-on-black[is-paper-button] { - background-color: var(--yt-playability-button-color); - border: none; - color: var(--yt-white-opacity-lighten-1); - } - - ytd-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] { - color: var(--yt-spec-call-to-action-inverse); - } - - ytd-button-renderer.style-count { - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - paper-button.ytd-button-renderer { - display: inline-block; - text-align: center; - font-family: inherit; - } - - ytd-button-renderer { - display: inline-block; - text-transform: uppercase; - } - - ytd-button-renderer.force-icon-button a.ytd-button-renderer { - cursor: pointer; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - } - - ytd-button-renderer[disabled] a.ytd-button-renderer:focus { - outline: none; - } - - ytd-button-renderer[is-icon-button][has-no-text] { - font-size: 0; - } - - a.ytd-button-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - } - - a.yt-simple-endpoint.ytd-button-renderer { - color: inherit; - border-radius: inherit; - text-decoration: none; - } - - ytd-button-renderer[is-paper-button] { - border-radius: var(--yt-button-border-radius, 3px); - margin: var(--yt-button-margin, 0 0.29em); - } - - ytd-button-renderer[is-paper-button][disabled] { - color: var(--yt-spec-text-disabled); - background-color: transparent; - } - - ytd-button-renderer[is-icon-button][disabled] { - color: #9b9b9b; - } - - ytd-button-renderer[is-paper-button][align-by-text]:not(:empty) { - margin-left: -16px; - } - - ytd-button-renderer[is-paper-button][button-size=size-large] { - line-height: 24px; - } - - paper-button.ytd-button-renderer { - width: var(--yt-paper-button-width, auto); - height: var(--yt-paper-button-height, auto); - border-radius: inherit; - margin: 0; - padding: var(--yt-button-padding, 0.7em 0.57em); - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -ms-flex: 1 1 auto; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - ; - } - - ytd-button-renderer[start-justified] paper-button.ytd-button-renderer { - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - } - - ytd-button-renderer[vertically-aligned] paper-button.ytd-button-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - #button.ytd-button-renderer { - color: var(--yt-button-color); - background-color: var(--yt-button-background-color); - } - - ytd-button-renderer #button.ytd-button-renderer { - color: var(--yt-button-color, inherit); - background-color: transparent; - text-transform: inherit; - } - - button.ytd-button-renderer,yt-icon-button.ytd-button-renderer { - padding: 1px 6px; - } - - yt-icon-button.ytd-button-renderer { - width: var(--yt-button-icon-size, 40px); - height: var(--yt-button-icon-size, 40px); - color: var(--yt-endpoint-color, var(--yt-luna-black)); - } - - yt-icon-button.ytd-button-renderer::-moz-focus-inner { - padding: 0; - margin: 0; - border: 0; - } - - yt-icon-button.ytd-button-renderer[disabled] { - color: var(--yt-button-disabled-color, rgba(17, 17, 17, 0.2)); - } - - yt-icon-button.ytd-button-renderer { - line-height: 1; - padding: var(--yt-button-icon-padding, 8px); - width: var(--yt-button-icon-size, var(--yt-icon-width, 40px)); - height: var(--yt-button-icon-size, var(--yt-icon-height, 40px)); - } - - yt-icon-button.ytd-button-renderer > yt-icon.ytd-button-renderer { - width: 100%; - height: 100%; - } - - #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer { - margin-left: var(--yt-string-icon-padding, 8px); - } - - #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer + yt-icon.ytd-button-renderer { - margin-left: var(--yt-button-icon-padding, 8px); - } - - ytd-button-renderer[vertically-aligned] #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer { - margin-left: 0; - margin-top: var(--yt-string-icon-padding, 4px); - } - - ytd-button-renderer[vertically-aligned] #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer + yt-icon.ytd-button-renderer { - margin-left: 0; - margin-top: var(--yt-button-icon-padding, 4px); - } - - ytd-ad-hover-text-button-renderer { - opacity: 0.9; - display: block; - } - - ytd-ad-hover-text-button-renderer:hover { - opacity: 1; - } - - #ad-info-tooltip.ytd-ad-hover-text-button-renderer { - white-space: nowrap; - } - - #info-button.ytd-ad-hover-text-button-renderer { - position: relative; - vertical-align: top; - width: 15px; - height: 15px; - --yt-button-icon-padding: 1px; - --yt-button-icon-size: 15px; - -ms-align-self: center; - -webkit-align-self: center; - align-self: center; - } - - #info-button.ytd-ad-hover-text-button-renderer > a { - cursor: pointer; - position: absolute; - top: 0; - right: 0; - } - - ytd-live-chat-product-item-renderer { - --yt-live-chat-primary-text-color: var(--yt-spec-static-overlay-text-primary); - --yt-live-chat-author-chip-owner-background-color: #ffd600; - --yt-live-chat-author-chip-owner-text-color: rgba(0, 0, 0, 0.87); - display: block; - padding-bottom: 4px; - padding-left: 24px; - width: calc(100% - 48px); - } - - ytd-live-chat-product-item-renderer:hover,ytd-live-chat-product-item-renderer.hover { - background-color: var(--yt-spec-badge-chip-background); - border-radius: 2px; - } - - ytd-live-chat-product-item-renderer:hover,ytd-live-chat-product-item-renderer.hover .description-card-merchant.ytd-live-chat-product-item-renderer,ytd-live-chat-product-item-renderer:hover,ytd-live-chat-product-item-renderer.hover .description-card-merchant.ytd-live-chat-product-item-renderer yt-icon.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-call-to-action); - } - - .yt-simple-endpoint.ytd-live-chat-product-item-renderer { - display: inline-block; - cursor: pointer; - text-decoration: none; - color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); - } - - .yt-simple-endpoint.ytd-live-chat-product-item-renderer:hover { - color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); - text-decoration: var(--yt-endpoint-text-decoration, none); - } - - #merch-item-container.yt-simple-endpoint.ytd-live-chat-product-item-renderer { - display: block; - text-decoration: none; - } - - ytd-live-chat-product-item-renderer[in-collapsed-banner] #merch-item-container.ytd-live-chat-product-item-renderer { - display: none; - } - - #container.ytd-live-chat-product-item-renderer { - background-color: rgba(0, 0, 0, 0.3); - border-radius: 4px; - margin-left: 0; - overflow: hidden; - width: 100%; - } - - #unavailable-product-card.ytd-live-chat-product-item-renderer { - padding: 8px 9px 8px 12px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - #unavailable-product-card-title.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-text-primary); - font-size: 14px; - font-weight: 500; - line-height: 18px; - } - - #unavailable-product-card-link.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-call-to-action); - margin-top: 10px; - font-size: 12px; - font-weight: 400; - line-height: 16px; - } - - #product-card.ytd-live-chat-product-item-renderer { - height: 76px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - #product-card-image.ytd-live-chat-product-item-renderer { - background-color: var(--yt-spec-static-brand-white); - display: flex; - justify-content: center; - overflow: hidden; - padding: 4px 0; - width: 76px; - } - - #product-card-image.ytd-live-chat-product-item-renderer yt-img-shadow.ytd-live-chat-product-item-renderer { - height: 68px; - width: 68px; - } - - #product-card-info.ytd-live-chat-product-item-renderer { - padding: 8px 9px 8px 12px; - position: relative; - width: calc(100% - 111px); - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - -ms-flex: 1 1 1e-9px; - -webkit-flex: 1; - flex: 1; - -webkit-flex-basis: 1e-9px; - flex-basis: 1e-9px; - } - - #product-card-title.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-text-primary); - position: relative; - font-size: 12px; - font-weight: 400; - line-height: 16px; - } - - #product-card-title-text.ytd-live-chat-product-item-renderer { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: calc(100% - 20px); - } - - #product-card-price.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-text-primary); - margin-bottom: 8px; - margin-top: 4px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 18px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex: 1 1 1e-9px; - -webkit-flex: 1; - flex: 1; - -webkit-flex-basis: 1e-9px; - flex-basis: 1e-9px; - } - - #product-card-merchant.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-call-to-action); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 12px; - font-weight: 400; - line-height: 16px; - } - - #product-card-merchant.ytd-live-chat-product-item-renderer { - padding-bottom: 2px; - } - - ytd-live-chat-product-item-renderer[in-collapsed-banner] #creator-message.ytd-live-chat-product-item-renderer { - display: inline-block; - text-overflow: ellipsis; - white-space: nowrap; - } - - ytd-live-chat-product-item-renderer[in-collapsed-banner] #creator-name.ytd-live-chat-product-item-renderer { - flex-shrink: 0; - } - - ytd-live-chat-product-item-renderer[in-collapsed-banner] #creator-message-content.ytd-live-chat-product-item-renderer { - width: calc(100% - 36px); - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - #creator-message-content.ytd-live-chat-product-item-renderer { - font-size: 0; - } - - #creator-name.ytd-live-chat-product-item-renderer { - background-color: #ffd600; - border-radius: 2px; - color: rgba(0, 0, 0, 0.87); - display: inline-block; - height: 16px; - margin-right: 4px; - padding: 2px 4px; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - display: -ms-inline-flexbox; - display: -webkit-inline-flex; - display: inline-flex; - font-size: 12px; - font-weight: 400; - line-height: 12px; - } - - #creator-name.ytd-live-chat-product-item-renderer yt-icon.ytd-live-chat-product-item-renderer { - color: rgba(0, 0, 0, 0.87); - padding-bottom: 2px; - padding-left: 4px; - } - - #creator-message.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-text-secondary); - overflow-wrap: break-word; - overflow: hidden; - padding-left: 2px; - word-break: break-word; - word-wrap: break-word; - font-size: 13px; - font-weight: 400; - line-height: 18px; - } - - #creator-message.ytd-live-chat-product-item-renderer yt-icon.ytd-live-chat-product-item-renderer { - display: block; - height: 16px; - width: 16px; - } - - #creator-photo.ytd-live-chat-product-item-renderer { - border-radius: 50%; - height: 24px; - margin-right: 12px; - margin-top: -3px; - overflow: hidden; - width: 24px; - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - #creator-message-container.ytd-live-chat-product-item-renderer { - padding-top: 7px; - padding-bottom: 12px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - #item-whitespace.ytd-live-chat-product-item-renderer { - width: 5px; - } - - #single-item-additional-fees-text.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-text-primary); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 12px; - font-weight: 400; - line-height: 16px; - } - - yt-icon.ytd-live-chat-product-item-renderer { - color: var(--yt-spec-static-overlay-call-to-action); - flex-shrink: 0; - height: 15px; - width: 15px; - } - - #information-icon.ytd-live-chat-product-item-renderer { - display: block; - opacity: 0.9; - position: absolute; - right: 0; - top: -2.5px; - } - - #information-icon.ytd-live-chat-product-item-renderer:hover { - opacity: 1; - } - - #info-button.ytd-live-chat-product-item-renderer { - --yt-icon-button-icon-height: 14px; - --yt-icon-button-icon-width: 14px; - --yt-spec-icon-inactive: var(--yt-spec-static-overlay-icon-inactive); - --yt-button-icon-padding: 1px; - --yt-button-icon-size: 15px; - } - - yt-live-chat-banner-renderer { - display: block; - padding: 4px 8px 4px 18px; - border-radius: 4px; - position: relative; - overflow: hidden; - cursor: pointer; - contain: content; - - - --yt-live-chat-primary-text-color: var(--yt-spec-static-overlay-text-primary); - --yt-live-chat-secondary-text-color: var(--yt-spec-static-overlay-text-secondary); - --yt-live-chat-tertiary-text-color: var(--yt-spec-static-overlay-text-disabled); - --yt-live-chat-deleted-message-color: var(--yt-spec-static-overlay-text-disabled); - --yt-live-chat-sponsor-color: var(--yt-spec-static-overlay-text-secondary); - --yt-live-chat-moderator-color: var(--yt-spec-static-overlay-text-secondary); - } - - yt-live-chat-banner-renderer[is-poll-banner] { - padding-left: 0; - padding-top: 0; - } - - #contents.yt-live-chat-banner-renderer { - padding: 0 8px 4px 12px; - transition: transform var(--yt-live-chat-universal-motion-curve), - height var(--yt-live-chat-universal-motion-curve), - padding-bottom var(--yt-live-chat-universal-motion-curve); - transition-duration: var(--yt-live-chat-banner-animation-duration); - } - - yt-live-chat-banner-renderer[is-poll-banner] #contents.yt-live-chat-banner-renderer { - padding-right: 0; - padding-left: 0; - } - - yt-live-chat-banner-renderer[collapsed] #contents.yt-live-chat-banner-renderer { - padding-bottom: 0; - } - - yt-live-chat-banner-renderer[collapsed]:not([is-poll-banner]) #contents.yt-live-chat-banner-renderer { - pointer-events: none; - } - - .background.yt-live-chat-banner-renderer { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - #contents.yt-live-chat-banner-renderer > *.yt-live-chat-banner-renderer { - background-color: transparent; - } - - yt-live-chat-banner-renderer[is-poll-banner] #header.yt-live-chat-banner-renderer { - display: none; - } - - #indeterminate-bar.yt-live-chat-banner-renderer { - position: absolute; - bottom: 0; - left: 0; - right: 0; - height: 2px; - background: var(--yt-live-chat-banner-indeterminate-bar-background); - - - margin-right: -9px; - animation: slide-horizontal infinite linear; - animation-duration: var(--yt-live-chat-banner-bar-animation-duration); - } - - @keyframes slide-horizontal { - 0% { - transform: translateX(0); - } - - 100% { - transform: translateX(-9px); - } - - } - - yt-live-chat-banner-manager { - display: block; - } - - yt-live-chat-banner-renderer.yt-live-chat-banner-manager { - border: 1px solid var(--yt-live-chat-banner-border-color); - } - - yt-live-chat-banner-renderer.yt-live-chat-banner-manager:not(:first-of-type) { - margin-top: 8px; - } - - yt-live-chat-banner-manager[has-visible-banner] { - background: var(--yt-live-chat-banner-gradient-scrim); - } - - yt-live-chat-banner-manager[has-visible-banner] yt-live-chat-banner-renderer.yt-live-chat-banner-manager { - animation: slideDown var(--yt-live-chat-universal-motion-curve) forwards; - animation-duration: var(--yt-live-chat-banner-animation-duration); - } - - @keyframes slideDown { - 0% { - transform: translateY(-15%); - opacity: 0; - } - - 100% { - transform: translateY(0); - opacity: 1; - } - - } - - yt-live-chat-docked-message-renderer { - display: block; - overflow: hidden; - } - - yt-live-chat-docked-message-renderer[is-undocking] #undocking-item.yt-live-chat-docked-message-renderer yt-live-chat-text-message-renderer.yt-live-chat-docked-message-renderer { - animation: fadeOut ease-out 0.5s forwards; - } - - #container.yt-live-chat-docked-message-renderer { - z-index: 0; - } - - #undocking-item.yt-live-chat-docked-message-renderer { - z-index: 1; - } - - #docked-item.yt-live-chat-docked-message-renderer,#undocking-item.yt-live-chat-docked-message-renderer { - margin: 8px 24px 0 8px; - } - - #docked-item.yt-live-chat-docked-message-renderer yt-live-chat-text-message-renderer.yt-live-chat-docked-message-renderer,#undocking-item.yt-live-chat-docked-message-renderer yt-live-chat-text-message-renderer.yt-live-chat-docked-message-renderer { - border-radius: 4px; - - padding-left: 16px; - } - - @keyframes fadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } - - } - - yt-live-chat-donation-announcement-renderer { - position: relative; - display: block; - padding: 4px 24px; - - --yt-live-chat-donation-chip-background-color: #e0e0e0; - --yt-live-chat-donation-chip-text-color: #262626; - --yt-live-chat-item-timestamp-display: none; - } - - yt-live-chat-donation-announcement-renderer[dashboard-money-feed] { - padding: 0; - - --yt-live-chat-item-timestamp-display: block; - } - - #card.yt-live-chat-donation-announcement-renderer { - position: relative; - background-color: var(--yt-live-chat-secondary-background-color); - border-radius: 4px; - color: var(--yt-live-chat-primary-text-color); - padding: 12px 16px; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #card.yt-live-chat-donation-announcement-renderer { - background-color: transparent; - color: transparent; - } - - yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #content-header.yt-live-chat-donation-announcement-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); - } - - #author-name.yt-live-chat-donation-announcement-renderer { - display: none; - } - - yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #author-name.yt-live-chat-donation-announcement-renderer { - display: block; - font-size: 14px; - font-weight: 500; - margin-right: 8px; - color: var(--yt-live-chat-secondary-text-color); - overflow: hidden; - - -webkit-box-orient: var(--yt-multi-line-ellipsis_-_-webkit-box-orient); text-overflow: var(--yt-multi-line-ellipsis_-_text-overflow); white-space: var(--yt-multi-line-ellipsis_-_white-space); display: var(--yt-multi-line-ellipsis_-_display, block); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #text.yt-live-chat-donation-announcement-renderer { - display: block; - font-size: 14px; - margin-bottom: var(--ytd-margin-base); - } - - yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #text.yt-live-chat-donation-announcement-renderer { - height: 24px; - min-width: 16px; - border-radius: 12px; - margin-right: 8px; - padding: 0 12px; - background-color: var(--yt-live-chat-donation-chip-background-color); - color: var(--yt-live-chat-donation-chip-text-color); - - font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); - display: var(--layout-inline_-_display); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - #subtext.yt-live-chat-donation-announcement-renderer { - display: block; - font-size: 12px; - } - - yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #subtext.yt-live-chat-donation-announcement-renderer { - display: none; - } - - #author-photo.yt-live-chat-donation-announcement-renderer { - max-height: 40px; - } - - #menu.yt-live-chat-donation-announcement-renderer { - background: linear-gradient(to right, transparent, var(--yt-live-chat-secondary-background-color) 100%); - border-radius: 0 4px 4px 0; - } - - yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #menu.yt-live-chat-donation-announcement-renderer { - margin-top: 8px; - background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); - color: var(--yt-live-chat-secondary-text-color); - } - - #timestamp.yt-live-chat-donation-announcement-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-donation-announcement-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-donation-announcement-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-donation-announcement-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-donation-announcement-renderer:hover #menu.yt-live-chat-donation-announcement-renderer,yt-live-chat-donation-announcement-renderer[menu-visible] #menu.yt-live-chat-donation-announcement-renderer { - transform: none; - } - - yt-live-chat-donation-announcement-renderer:focus-within #menu.yt-live-chat-donation-announcement-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-donation-announcement-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-donation-announcement-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-donation-announcement-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-donation-announcement-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-donation-announcement-renderer { - display: none; - } - - yt-live-chat-donation-announcement-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-donation-announcement-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer,#additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > *.yt-live-chat-donation-announcement-renderer:not(:first-child) { - margin-left: 8px; - } - - yt-live-chat-legacy-paid-message-renderer { - position: relative; - display: block; - - --yt-live-chat-sponsor-color: #0f9d58; - --yt-live-chat-item-timestamp-display: var(--yt-live-chat-paid-message-timestamp-display, none); - - padding: 4px 24px; - } - - yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] { - padding: 0; - } - - #card.yt-live-chat-legacy-paid-message-renderer { - position: relative; - padding: 8px 16px; - - background-color: var(--yt-live-chat-sponsor-color); - border-radius: 4px; - color: #fff; - font-size: 14px; - min-height: 40px; - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #card.yt-live-chat-legacy-paid-message-renderer { - border-radius: 0; - box-shadow: none; - background-color: var(--yt-live-chat-background-color); - color: rgba(0, 0, 0, 0.87); - } - - #author-photo.yt-live-chat-legacy-paid-message-renderer { - -ms-align-self: var(--layout-self-start_-_-ms-align-self); -webkit-align-self: var(--layout-self-start_-_-webkit-align-self); align-self: var(--layout-self-start_-_align-self); - } - - #author-name.yt-live-chat-legacy-paid-message-renderer { - display: none; - } - - yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-legacy-paid-message-renderer { - display: block; - margin-right: 8px; - color: var(--yt-live-chat-secondary-text-color); - font-weight: 500; - } - - #content.yt-live-chat-legacy-paid-message-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #content.yt-live-chat-legacy-paid-message-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #content-primary-column.yt-live-chat-legacy-paid-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-baseline_-_-ms-flex-align); -webkit-align-items: var(--layout-baseline_-_-webkit-align-items); align-items: var(--layout-baseline_-_align-items); - } - - #event-text.yt-live-chat-legacy-paid-message-renderer { - color: rgba(255, 255, 255, 0.7); - font-weight: 500; - } - - yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #event-text.yt-live-chat-legacy-paid-message-renderer { - display: inline; - height: 24px; - min-width: 16px; - border-radius: 12px; - margin-right: 8px; - padding: 0 12px; - background-color: var(--yt-live-chat-sponsor-color); - color: var(--yt-white); - display: var(--layout-inline_-_display, inline); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - font-size: var(--ytd-badge_-_font-size); font-weight: var(--ytd-badge_-_font-weight); line-height: var(--ytd-badge_-_line-height); - } - - #detail-text.yt-live-chat-legacy-paid-message-renderer { - font-size: 15px; - word-wrap: break-word; - word-break: break-word; - } - - #detail-text.yt-live-chat-legacy-paid-message-renderer .emoji.yt-live-chat-legacy-paid-message-renderer { - width: var(--yt-live-chat-emoji-size); - height: var(--yt-live-chat-emoji-size); - - margin: -1px 2px 1px 2px; - vertical-align: middle; - } - - yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #detail-text.yt-live-chat-legacy-paid-message-renderer { - display: none; - } - - a.yt-live-chat-legacy-paid-message-renderer { - display: inline; - text-decoration: underline; - } - - #detail-text.yt-live-chat-legacy-paid-message-renderer a.yt-live-chat-legacy-paid-message-renderer { - word-break: break-all; - } - - #detail-text.yt-live-chat-legacy-paid-message-renderer a.yt-live-chat-legacy-paid-message-renderer .mention.yt-live-chat-legacy-paid-message-renderer { - text-decoration: underline; - } - - #menu.yt-live-chat-legacy-paid-message-renderer { - background: linear-gradient(to right, transparent, var(--yt-live-chat-sponsor-color) 100%); - border-radius: 0 4px 4px 0; - } - - yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #menu.yt-live-chat-legacy-paid-message-renderer { - margin-top: 8px; - background: linear-gradient(to right, transparent, var(--yt-live-chat-background-color) 40%); - } - - #timestamp.yt-live-chat-legacy-paid-message-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-legacy-paid-message-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-legacy-paid-message-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-legacy-paid-message-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-legacy-paid-message-renderer:hover #menu.yt-live-chat-legacy-paid-message-renderer,yt-live-chat-legacy-paid-message-renderer[menu-visible] #menu.yt-live-chat-legacy-paid-message-renderer { - transform: none; - } - - yt-live-chat-legacy-paid-message-renderer:focus-within #menu.yt-live-chat-legacy-paid-message-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { - display: none; - } - - yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-legacy-paid-message-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer,#additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > *.yt-live-chat-legacy-paid-message-renderer:not(:first-child) { - margin-left: 8px; - } - - yt-live-chat-mode-change-message-renderer { - display: block; - margin: 8px 0; - padding: 0 24px; - color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); - font-size: 13px; - } - - #contents.yt-live-chat-mode-change-message-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - padding: 16px 30px; - border-radius: 4px; - background: var(--yt-live-chat-mode-change-background-color, var(--yt-opalescence-soft-grey)); - } - - #text-container.yt-live-chat-mode-change-message-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - yt-icon.yt-live-chat-mode-change-message-renderer { - width: 40px; - height: 40px; - margin-bottom: 8px; - } - - #text.yt-live-chat-mode-change-message-renderer { - font-weight: 500; - } - - #subtext.yt-live-chat-mode-change-message-renderer { - margin-top: 4px; - color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); - font-style: italic; - } - - #buttons.yt-live-chat-mode-change-message-renderer { - margin-top: 16px; - min-height: 32px; - } - - #buttons.yt-live-chat-mode-change-message-renderer:empty { - display: none; - } - - yt-live-chat-moderation-message-renderer { - display: block; - position: relative; - padding: 8px 24px; - font-size: 13px; - color: var(--yt-live-chat-deleted-message-color); - } - - yt-live-chat-moderation-message-renderer::before { - content: ''; - position: absolute; - display: block; - left: 8px; - top: 4px; - bottom: 4px; - width: 4px; - box-sizing: border-box; - border-radius: 2px; - background: var(--yt-live-chat-deleted-message-bar-color); - } - - #message.yt-live-chat-moderation-message-renderer { - line-height: 16px; - word-wrap: break-word; - } - - #timestamp.yt-live-chat-moderation-message-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-moderation-message-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-moderation-message-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-moderation-message-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-moderation-message-renderer:hover #menu.yt-live-chat-moderation-message-renderer,yt-live-chat-moderation-message-renderer[menu-visible] #menu.yt-live-chat-moderation-message-renderer { - transform: none; - } - - yt-live-chat-moderation-message-renderer:focus-within #menu.yt-live-chat-moderation-message-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-moderation-message-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-moderation-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-moderation-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-moderation-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-moderation-message-renderer { - display: none; - } - - yt-live-chat-moderation-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-moderation-message-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer,#additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > *.yt-live-chat-moderation-message-renderer:not(:first-child) { - margin-left: 8px; - } - - yt-live-chat-server-error-message { - display: var(--yt-live-chat-server-error-message-display, block); - position: relative; - padding: 4px 24px; - } - - span#timestamp.yt-live-chat-server-error-message { - font-size: 10px; - } - - #message.yt-live-chat-server-error-message { - color: var(--yt-live-chat-deleted-message-color, rgba(0, 0, 0, 0.5)); - font-size: 12px; - font-style: italic; - line-height: 16px; - word-wrap: break-word; - } - - yt-live-chat-server-error-message::before { - content: ''; - position: absolute; - display: block; - left: 8px; - top: 4px; - bottom: 4px; - width: 1px; - box-sizing: border-box; - border-radius: 2px; - border: 2px solid var(--yt-live-chat-error-message-color); - } - - yt-live-chat-server-error-message.reconnect::before { - border: 2px solid var(--yt-live-chat-reconnect-message-color); - } - - #timestamp.yt-live-chat-server-error-message { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-server-error-message { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-server-error-message { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-server-error-message { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-server-error-message:hover #menu.yt-live-chat-server-error-message,yt-live-chat-server-error-message[menu-visible] #menu.yt-live-chat-server-error-message { - transform: none; - } - - yt-live-chat-server-error-message:focus-within #menu.yt-live-chat-server-error-message { - transform: none; - } - - #inline-action-button-container.yt-live-chat-server-error-message { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-server-error-message[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-server-error-message { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-server-error-message[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-server-error-message { - display: none; - } - - yt-live-chat-server-error-message[has-inline-action-buttons]:hover #menu.yt-live-chat-server-error-message { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message,#additional-inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-server-error-message:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message:not(:first-child),#additional-inline-action-buttons.yt-live-chat-server-error-message > *.yt-live-chat-server-error-message:not(:first-child) { - margin-left: 8px; - } - - yt-live-chat-toast-renderer { - position: absolute; - box-sizing: border-box; - - right: 0; - bottom: 0; - left: 0; - padding: 16px; - - transition-duration: 0.2s; - transform: translateY(100%); - - border-radius: 2px; - - font-size: 14px; - color: var(--yt-live-chat-toast-text-color); - - word-break: break-word; - - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - } - - yt-live-chat-toast-renderer[is-showing-message] { - background-color: var(--yt-live-chat-toast-background-color); - transform: translateY(0); - } - - yt-live-chat-toast-renderer:not([is-message-visible]) { - height: 0; - padding: 0; - } - - #button.yt-live-chat-toast-renderer { - height: 36px; - } - - #button.yt-live-chat-toast-renderer > *.yt-live-chat-toast-renderer { - color: var(--yt-live-chat-toast-action-color); - margin-left: 8px; - } - - yt-live-chat-viewer-engagement-message-renderer { - display: block; - padding: 4px 24px; - font-size: 12px; - line-height: 16px; - overflow: hidden; - - --yt-endpoint-color: #2196F3; - --yt-endpoint-visited-color: #2196F3; - --yt-endpoint-hover-color: var(--yt-live-chat-primary-text-color); - } - - #card.yt-live-chat-viewer-engagement-message-renderer { - position: relative; - background-color: var(--yt-live-chat-vem-background-color); - border-radius: 4px; - padding: 12px 16px; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - #icon.yt-live-chat-viewer-engagement-message-renderer { - color: var(--yt-spec-static-brand-red); - margin-right: 16px; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #content.yt-live-chat-viewer-engagement-message-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - - - -ms-align-self: var(--layout-self-center_-_-ms-align-self); -webkit-align-self: var(--layout-self-center_-_-webkit-align-self); align-self: var(--layout-self-center_-_align-self); - } - - #message.yt-live-chat-viewer-engagement-message-renderer { - color: var(--yt-live-chat-primary-text-color); - overflow-wrap: break-word; - word-break: break-word; - word-wrap: break-word; - } - - #action-button.yt-live-chat-viewer-engagement-message-renderer:not(:empty) { - margin: 2px 0 -4px -16px; - } - - #menu.yt-live-chat-viewer-engagement-message-renderer { - color: var(--yt-live-chat-secondary-text-color); - background: linear-gradient(to right, transparent 0%, var(--yt-live-chat-background-color, var(--yt-white)) 100%); - } - - #timestamp.yt-live-chat-viewer-engagement-message-renderer { - display: var(--yt-live-chat-item-timestamp-display, inline); - margin: var(--yt-live-chat-item-timestamp-margin, 0 8px 0 0); - color: var(--yt-live-chat-tertiary-text-color); - font-size: 11px; - } - - #author-photo.yt-live-chat-viewer-engagement-message-renderer { - display: block; - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #menu-button.yt-live-chat-viewer-engagement-message-renderer { - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - #menu.yt-live-chat-viewer-engagement-message-renderer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - - - transform: translateX(100px); - } - - yt-live-chat-viewer-engagement-message-renderer:hover #menu.yt-live-chat-viewer-engagement-message-renderer,yt-live-chat-viewer-engagement-message-renderer[menu-visible] #menu.yt-live-chat-viewer-engagement-message-renderer { - transform: none; - } - - yt-live-chat-viewer-engagement-message-renderer:focus-within #menu.yt-live-chat-viewer-engagement-message-renderer { - transform: none; - } - - #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: 0; - - background-color: var(--yt-live-chat-moderation-mode-hover-background-color); - display: none; - - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - - - display: var(--yt-live-chat-inline-action-button-container-display, none); - } - - yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { - display: none; - } - - yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-viewer-engagement-message-renderer { - display: var(--yt-live-chat-item-with-inline-actions-context-menu-display, block); - } - - #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer,#additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer { - --yt-button-icon-size: 36px; - --yt-button-icon-padding: 6px; - - color: var(--yt-white); - border-radius: 2px; - } - - #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer { - background: var(--yt-luna-black-opacity-lighten-1); - } - - #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer:hover { - background: var(--yt-luna-black); - } - - #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer { - color: var(--yt-live-chat-additional-inline-action-button-color); - background: var(--yt-live-chat-additional-inline-action-button-background-color); - } - - #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer:hover { - background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); - } - - #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer:not(:empty) { - margin-left: 32px; - } - - #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > *.yt-live-chat-viewer-engagement-message-renderer:not(:first-child) { - margin-left: 8px; - } - - ytd-live-chat-purchased-product-message-renderer { - background: var(--yt-spec-general-background-a); - display: inline-block; - padding: 4px 24px; - width: calc(100% - 48px); - } - - #container.ytd-live-chat-purchased-product-message-renderer { - background: var(--yt-spec-general-background-b); - border-radius: 2px; - overflow: hidden; - position: relative; - } - - #product-container.ytd-live-chat-purchased-product-message-renderer { - padding: 8px 8px 8px 16px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - #purchased-message.ytd-live-chat-purchased-product-message-renderer { - color: var(--yt-spec-text-primary); - padding-bottom: 3px; - font-size: 14px; - font-weight: 400; - } - - #product-image.ytd-live-chat-purchased-product-message-renderer { - padding-right: 18px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - #product-info.ytd-live-chat-purchased-product-message-renderer { - min-width: 0; - padding-right: 20px; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -ms-flex: 1 1 auto; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - #product-title-container.ytd-live-chat-purchased-product-message-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - } - - #product-title.ytd-live-chat-purchased-product-message-renderer { - color: var(--yt-spec-call-to-action); - min-width: 0; - overflow: hidden; - position: relative; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 13px; - font-weight: 500; - } - - #product-title.ytd-live-chat-purchased-product-message-renderer[show-icon] { - padding-right: 20px; - } - - #product-title.ytd-live-chat-purchased-product-message-renderer yt-icon.ytd-live-chat-purchased-product-message-renderer { - color: inherit; - flex-shrink: 0; - height: 15px; - padding-left: 4px; - position: absolute; - right: 0; - width: 15px; - } - - #information-icon.ytd-live-chat-purchased-product-message-renderer { - display: block; - opacity: 0.9; - position: absolute; - right: 10px; - top: 10px; - } - - #information-icon.ytd-live-chat-purchased-product-message-renderer:hover { - opacity: 1; - } - - #info-button.ytd-live-chat-purchased-product-message-renderer { - color: var(--yt-spec-icon-active-other); - --yt-icon-button-icon-height: 15px; - --yt-icon-button-icon-width: 15px; - --yt-button-icon-padding: 0px; - --yt-button-icon-size: 15px; - } - - yt-img-shadow.ytd-live-chat-purchased-product-message-renderer { - border: 2px solid var(--yt-spec-brand-background-solid); - height: 36px; - width: 36px; - } - - yt-live-chat-item-list-renderer { - position: relative; - display: block; - overflow: hidden; - - z-index: 0; - } - - yt-live-chat-item-list-renderer[moderation-mode-enabled] { - --yt-live-chat-item-with-inline-actions-context-menu-display: none; - --yt-live-chat-inline-action-button-container-display: flex; - } - - #contents.yt-live-chat-item-list-renderer { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #empty-state-message.yt-live-chat-item-list-renderer { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); - } - - #empty-state-message.yt-live-chat-item-list-renderer > yt-live-chat-message-renderer.yt-live-chat-item-list-renderer { - color: var(--yt-live-chat-tertiary-text-color); - background: transparent; - font-size: 18px; - - --yt-live-chat-message-renderer-text-align: center; - } - - yt-icon-button.yt-live-chat-item-list-renderer { - background-color: #2196f3; - border-radius: 999px; - bottom: 0; - color: #fff; - cursor: pointer; - width: 32px; - height: 32px; - margin: 0 calc(50% - 16px) 8px calc(50% - 16px); - padding: 4px; - position: absolute; - transition-property: bottom; - transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); - - transition-duration: 0.15s; - - - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - yt-icon-button.yt-live-chat-item-list-renderer[disabled] { - bottom: -42px; - - color: #fff; - transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); - } - - #item-scroller.yt-live-chat-item-list-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - overflow-x: hidden; - overflow-y: hidden; - padding-right: var(--scrollbar-width); - - overflow-anchor: none; - } - - yt-live-chat-item-list-renderer[allow-scroll] #item-scroller.yt-live-chat-item-list-renderer { - overflow-y: scroll; - padding-right: 0; - } - - #item-offset.yt-live-chat-item-list-renderer { - position: relative; - } - - #item-scroller.animated.yt-live-chat-item-list-renderer #item-offset.yt-live-chat-item-list-renderer { - overflow: hidden; - } - - #items.yt-live-chat-item-list-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - padding: var(--yt-live-chat-item-list-renderer-padding, 4px 0); - } - - #items.yt-live-chat-item-list-renderer > *.yt-live-chat-item-list-renderer:not(:first-child) { - border-top: var(--yt-live-chat-item-list-item-border, none); - } - - #item-scroller.animated.yt-live-chat-item-list-renderer #items.yt-live-chat-item-list-renderer { - bottom: 0; - left: 0; - position: absolute; - right: 0; - transform: translateY(0); - } - - #docked-messages.yt-live-chat-item-list-renderer { - z-index: 1; - position: absolute; - left: 0; - right: 0; - top: 0; - } - - yt-live-chat-paid-sticker-renderer.yt-live-chat-item-list-renderer { - padding: 4px 24px; - } - - yt-live-chat-paid-sticker-renderer.yt-live-chat-item-list-renderer[dashboard-money-feed] { - padding: 8px 16px; - } - - yt-live-chat-banner-manager.yt-live-chat-item-list-renderer { - z-index: 1; - position: absolute; - left: 0; - right: var(--scrollbar-width); - top: 0; - padding: 8px; - } - - yt-live-chat-poll-editor-input { - display: block; - --yt-live-chat-text-input-field-active-underline-color: none; - --yt-live-chat-text-input-field-inactive-underline-color: none; - color: var(--yt-live-chat-poll-primary-text-color); - } - - #input-container.yt-live-chat-poll-editor-input { - position: relative; - padding: 8px 16px; - border: 1px solid var(--yt-live-chat-poll-tertiary-text-color); - border-radius: var(--yt-live-chat-poll-choice-border-radius); - overflow: hidden; - } - - #input-container.yt-live-chat-poll-editor-input:focus-within { - border: 1px solid var(--yt-live-chat-poll-primary-text-color); - } - - #input.yt-live-chat-poll-editor-input { - font-size: 14px; - margin-right: 24px; - --yt-live-chat-text-input-field-placeholder-top: auto; - --yt-live-chat-text-input-field-placeholder-left: auto; - --yt-live-chat-text-input-field-placeholder-color: - var(--yt-live-chat-poll-tertiary-text-color); - --yt-live-chat-text-input-field-white-space: nowrap; - } - - yt-live-chat-poll-editor-input[has-prefilled-text] #input.yt-live-chat-poll-editor-input { - --yt-live-chat-text-input-field-placeholder-color: - var(--yt-live-chat-poll-secondary-text-color); - } - - #close-button.yt-live-chat-poll-editor-input,#char-count.yt-live-chat-poll-editor-input { - position: absolute; - right: 16px; - top: 50%; - } - - yt-live-chat-poll-editor-input[over-character-limit] #char-count.yt-live-chat-poll-editor-input,#close-button.yt-live-chat-poll-editor-input { - color: var(--yt-live-chat-poll-secondary-text-color); - } - - yt-live-chat-poll-editor-input:not([is-removable]) #close-button.yt-live-chat-poll-editor-input,#char-count.yt-live-chat-poll-editor-input { - visibility: hidden; - } - - #char-count.yt-live-chat-poll-editor-input { - transform: translateY(-50%); - color: var(--yt-live-chat-poll-primary-text-color); - } - - yt-live-chat-poll-editor-input:focus-within #content-right.yt-live-chat-poll-editor-input:not(:focus-within) #char-count.yt-live-chat-poll-editor-input { - display: inline; - visibility: visible; - } - - #close-button.yt-live-chat-poll-editor-input { - display: inline-block; - - transform: translate(100px, -50%); - } - - yt-live-chat-poll-editor-input[is-removable] #close-button.yt-live-chat-poll-editor-input:focus-within,yt-live-chat-poll-editor-input[is-removable]:not(:focus-within):hover #close-button.yt-live-chat-poll-editor-input { - transform: translate(0, -50%); - } - - #error-message.yt-live-chat-poll-editor-input { - display: none; - } - - yt-live-chat-poll-editor-input[show-error-message] #error-message.yt-live-chat-poll-editor-input { - display: block; - font-size: 12px; - line-height: 14px; - padding-top: 4px; - color: var(--yt-live-chat-poll-secondary-text-color); - } - - yt-live-chat-poll-editor-panel-renderer { - display: block; - background-color: var(--yt-live-chat-action-panel-background-color); - padding: 4px 0; - } - - .background.yt-live-chat-poll-editor-panel-renderer { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - #panel-header.yt-live-chat-poll-editor-panel-renderer,#poll-editor-header.yt-live-chat-poll-editor-panel-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - padding-left: 13px; - } - - #panel-header.yt-live-chat-poll-editor-panel-renderer { - color: var(--yt-spec-text-secondary); - border-bottom: 1px solid var(--yt-live-chat-poll-editor-panel-header-border-color); - } - - #poll-editor-header.yt-live-chat-poll-editor-panel-renderer { - color: var(--yt-live-chat-poll-secondary-text-color); - font-size: 12px; - padding: 6px; - } - - #poll-editor-header.yt-live-chat-poll-editor-panel-renderer yt-icon.yt-live-chat-poll-editor-panel-renderer { - width: 16px; - height: 16px; - } - - #panel-title.yt-live-chat-poll-editor-panel-renderer,#poll-editor-title.yt-live-chat-poll-editor-panel-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - font-size: 13px; - margin-left: 8px; - } - - #panel-contents.yt-live-chat-poll-editor-panel-renderer { - padding: 4px 13px; - } - - #poll-editor.yt-live-chat-poll-editor-panel-renderer,#poll-editor-header.yt-live-chat-poll-editor-panel-renderer,#poll-options.yt-live-chat-poll-editor-panel-renderer,#poll-question-count.yt-live-chat-poll-editor-panel-renderer,#poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer { - position: relative; - } - - #poll-editor.yt-live-chat-poll-editor-panel-renderer { - overflow: hidden; - padding: 4px 8px; - margin: 8px 0; - border-radius: 4px; - color: var(--yt-live-chat-poll-primary-text-color); - } - - yt-live-chat-text-input-field-renderer.yt-live-chat-poll-editor-panel-renderer { - padding: 8px 8px 4px 8px; - font-size: 14px; - --yt-live-chat-text-input-field-placeholder-top: auto; - --yt-live-chat-text-input-field-placeholder-left: auto; - --yt-live-chat-text-input-field-placeholder-color: - var(--yt-live-chat-poll-tertiary-text-color); - } - - #poll-question.yt-live-chat-poll-editor-panel-renderer { - --yt-live-chat-text-input-field-active-underline-color: - var(--yt-live-chat-poll-primary-text-color); - --yt-live-chat-text-input-field-inactive-underline-color: - var(--yt-live-chat-poll-tertiary-text-color); - } - - yt-live-chat-poll-editor-panel-renderer[over-question-character-limit] #poll-question.yt-live-chat-poll-editor-panel-renderer { - --yt-live-chat-text-input-field-active-underline-color: - var(--yt-live-chat-poll-tertiary-text-color); - } - - yt-live-chat-poll-editor-panel-renderer[over-question-character-limit] #poll-question-count.yt-live-chat-poll-editor-panel-renderer { - color: var(--yt-live-chat-poll-tertiary-text-color); - } - - #poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - padding-bottom: 4px; - } - - #poll-question-error-message.yt-live-chat-poll-editor-panel-renderer { - display: none; - padding-left: 8px; - font-size: 12px; - line-height: 14px; - color: var(--yt-live-chat-poll-secondary-text-color); - } - - yt-live-chat-poll-editor-panel-renderer[show-question-error-message] #poll-question-error-message.yt-live-chat-poll-editor-panel-renderer { - display: unset; - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - #poll-question-count.yt-live-chat-poll-editor-panel-renderer { - display: none; - text-align: end; - margin-right: 8px; - font-size: 12px; - line-height: 14px; - } - - yt-live-chat-poll-editor-panel-renderer[show-question-error-message] #poll-question-count.yt-live-chat-poll-editor-panel-renderer { - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #poll-question.yt-live-chat-poll-editor-panel-renderer:focus-within + #poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer > #poll-question-count.yt-live-chat-poll-editor-panel-renderer { - display: block; - } - - #poll-options.yt-live-chat-poll-editor-panel-renderer { - padding: 8px; - } - - yt-live-chat-poll-editor-panel-renderer[has-max-num-poll-options] #poll-options.yt-live-chat-poll-editor-panel-renderer { - padding-bottom: 18px; - } - - yt-live-chat-poll-editor-input.yt-live-chat-poll-editor-panel-renderer { - margin-top: 8px; - } - - #add-option-button.yt-live-chat-poll-editor-panel-renderer { - display: var(--layout_-_display); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - } - - #poll-editor.yt-live-chat-poll-editor-panel-renderer,#add-option-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer { - color: var(--yt-live-chat-poll-primary-text-color); - } - - #close-button.yt-live-chat-poll-editor-panel-renderer { - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #start-button.yt-live-chat-poll-editor-panel-renderer { - padding: 4px 0; - } - - #start-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - background-color: var(--yt-live-chat-poll-editor-start-button-background-color); - color: var(--yt-live-chat-poll-editor-start-button-color); - } - - #start-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer[disabled] { - background-color: var(--yt-live-chat-poll-editor-start-button-background-color-disabled); - color: var(--yt-live-chat-poll-primary-text-color); - } - - #poll-option.yt-live-chat-poll-editor-panel-renderer { - position: relative; - } - - #remove-option-button.yt-live-chat-poll-editor-panel-renderer { - display: none; - color: var(--yt-live-chat-poll-secondary-text-color); - position: absolute; - right: 16px; - top: 50%; - transform: translateY(-50%); - } - - #poll-option.yt-live-chat-poll-editor-panel-renderer:not(:focus-within):hover #remove-option-button.yt-live-chat-poll-editor-panel-renderer[is-removable] { - display: inline-block; - } - - #spinner-container.yt-live-chat-poll-editor-panel-renderer { - background-color: var(--yt-live-chat-action-panel-background-color); - display: var(--layout_-_display); - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - #poll-question-count-alt-label.yt-live-chat-poll-editor-panel-renderer { - position: absolute; - left: -1000px; - width: 1px; - height: 1px; - overflow: hidden; - } - - yt-live-chat-product-button-renderer:focus { - outline: none; - } - - paper-item.yt-live-chat-product-button-renderer { - margin: 0; - padding: 12px 16px 12px 24px; - text-transform: none; - } - - #endpoint.yt-live-chat-product-button-renderer:hover { - background-color: var(--yt-live-chat-product-picker-hover-color); - } - - #endpoint.yt-live-chat-product-button-renderer { - display: block; - } - - #container.yt-live-chat-product-button-renderer { - min-height: 32px; - } - - #text.yt-live-chat-product-button-renderer { - font-size: 16px; - line-height: 24px; - color: var(--yt-live-chat-primary-text-color); - - ; - } - - #subtext.yt-live-chat-product-button-renderer { - font-size: 12px; - line-height: 16px; - color: var(--yt-live-chat-secondary-text-color); - } - - yt-live-chat-product-button-renderer[disabled] a.yt-live-chat-product-button-renderer { - cursor: unset; - } - - yt-live-chat-product-button-renderer[disabled] #text.yt-live-chat-product-button-renderer,yt-live-chat-product-button-renderer[disabled] #subtext.yt-live-chat-product-button-renderer { - color: var(--yt-live-chat-tertiary-text-color); - } - - #icon.yt-live-chat-product-button-renderer { - padding-right: 32px; - color: var(--yt-live-chat-product-picker-icon-color); - } - - yt-live-chat-product-button-renderer[disabled] #icon.yt-live-chat-product-button-renderer { - color: var(--yt-live-chat-product-picker-disabled-icon-color); - } - - yt-live-chat-product-picker-renderer { - margin: 8px -8px; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-live-chat-product-picker-renderer:focus { - outline: none; - } - - #title.yt-live-chat-product-picker-renderer { - color: var(--yt-live-chat-secondary-text-color); - font-family: 'Roboto'; - font-size: 14px; - font-weight: 500; - padding: 12px 24px 20px 24px; - - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - yt-live-chat-text-actions-error-message-renderer { - color: var(--yt-live-chat-error-message-color, #f44336); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - yt-icon-button.yt-live-chat-text-actions-error-message-renderer { - margin-right: 8px; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - width: var(--yt-live-chat-32px-icon-button_-_width); height: var(--yt-live-chat-32px-icon-button_-_height); padding: var(--yt-live-chat-32px-icon-button_-_padding); - } - - error-text.yt-live-chat-text-actions-error-message-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - button.yt-live-chat-text-actions-error-message-renderer { - text-decoration: underline; - padding: 0; - border: none; - background-color: transparent; - cursor: pointer; - color: currentColor; - font-size: 100%; - } - - yt-live-chat-message-input-renderer { - display: block; - padding: 16px; - color: var(--yt-live-chat-primary-text-color); - background: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); - font-size: 13px; - position: relative; - - --yt-emoji-picker-renderer-content_-_margin: 0 24px;; - - --yt-emoji-picker-category-margin-left: 24px; - } - - #avatar.yt-live-chat-message-input-renderer { - margin-right: 16px; - - overflow: hidden; - border-radius: 50%; - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #top.yt-live-chat-message-input-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-start_-_-ms-flex-align); -webkit-align-items: var(--layout-start_-_-webkit-align-items); align-items: var(--layout-start_-_align-items); - } - - #top.yt-live-chat-message-input-renderer,#pickers.yt-live-chat-message-input-renderer,#error-message.yt-live-chat-message-input-renderer { - margin: 0px 8px; - } - - yt-live-chat-message-input-renderer[product-picker-open] { - padding: 0; - overflow-y: hidden; - } - - yt-live-chat-message-input-renderer[poll-editor-picker-open] { - padding-top: 0; - padding-bottom: 0; - } - - yt-live-chat-message-input-renderer[creator-open] #top.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[creator-open] #buttons.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[product-picker-open] #top.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[product-picker-open] #buttons.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[poll-editor-picker-open] #top.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[poll-editor-picker-open] #buttons.yt-live-chat-message-input-renderer { - display: none; - } - - #input-container.yt-live-chat-message-input-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - - min-width: 0; - } - - #input.yt-live-chat-message-input-renderer { - margin-top: 4px; - } - - yt-live-chat-message-renderer.yt-live-chat-message-input-renderer { - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - opacity: 0; - transition: opacity .125s linear; - padding: 16px 24px - } - - yt-live-chat-message-input-renderer:hover yt-live-chat-message-renderer.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer:focus yt-live-chat-message-renderer.yt-live-chat-message-input-renderer { - opacity: 1; - } - - yt-live-chat-message-input-renderer[has-interaction-message]:hover #container.yt-live-chat-message-input-renderer { - opacity: 0; - } - - #buttons.yt-live-chat-message-input-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - margin: 4px 0 -8px 0; - } - - #message-buttons.yt-live-chat-message-input-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #count.yt-live-chat-message-input-renderer { - margin-right: 8px; - color: var(--yt-live-chat-secondary-text-color, var(--yt-luna-black-opacity-lighten-2)); - } - - #count.early-warning.yt-live-chat-message-input-renderer { - color: var(--yt-live-chat-count-color-early-warning, #fdd835); - } - - #count.warning.yt-live-chat-message-input-renderer { - color: var(--yt-live-chat-count-color-warning, #ff9800); - } - - #count.error.yt-live-chat-message-input-renderer { - color: var(--yt-live-chat-count-color-error, var(--yt-spec-brand-link-text)); - } - - #send-button.yt-live-chat-message-input-renderer { - transition: transform .5s .5s cubic-bezier(.175, .885, .32, 1.275); - } - - #send-button.yt-live-chat-message-input-renderer > *.yt-live-chat-message-input-renderer { - color: var(--yt-live-chat-enabled-send-button-color); - } - - #send-button.yt-live-chat-message-input-renderer > .yt-live-chat-message-input-renderer[disabled] { - color: var(--yt-live-chat-disabled-icon-button-color); - } - - #send-button.yt-live-chat-message-input-renderer[countdown-active] { - transform: scale(.55); - transition: transform 1s cubic-bezier(.23, 1, .32, 1); - } - - #countdown.yt-live-chat-message-input-renderer { - position: relative; - - left: -33px; - width: 24px; - height: 24px; - margin-right: -24px; - opacity: 0; - transition: opacity 1s; - pointer-events: none; - } - - #countdown.yt-live-chat-message-input-renderer[countdown-active] { - opacity: var(--yt-live-chat-countdown-opacity, 0.3); - transition: opacity 2s; - } - - circle.yt-live-chat-message-input-renderer { - fill: none; - stroke-linecap: square; - stroke-width: 2; - stroke: currentColor; - } - - #countdown-background.yt-live-chat-message-input-renderer { - opacity: 0.3; - } - - #countdown-line.yt-live-chat-message-input-renderer { - stroke-dasharray: 62.8318; - - - transform: translate(0, 24px) rotateZ(-90deg); - } - - yt-emoji-picker-renderer.yt-live-chat-message-input-renderer { - min-height: 130px; - max-height: 220px; - - margin: 16px -24px 0 -24px; - } - - yt-live-chat-poll-editor-panel-renderer.yt-live-chat-message-input-renderer { - margin: 0 -24px; - } - - #error-message.yt-live-chat-message-input-renderer { - margin: 16px 0 4px 0; - } - - #error-message.yt-live-chat-message-input-renderer:empty { - display: none; - } - - #picker-buttons.yt-live-chat-message-input-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #picker-buttons.yt-live-chat-message-input-renderer > *.yt-live-chat-message-input-renderer { - color: var(--yt-live-chat-picker-button-color); - } - - #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer:hover { - color: var(--yt-live-chat-picker-button-hover-color); - } - - #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer[active] { - color: var(--yt-live-chat-picker-button-active-color); - } - - #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer[disabled] { - color: var(--yt-live-chat-picker-button-disabled-color); - } - - yt-live-chat-ninja-message-renderer { - background: var(--yt-spec-general-background-a); - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - svg.yt-live-chat-ninja-message-renderer { - width: 300px; - height: 190px; - } - - #button.yt-live-chat-ninja-message-renderer { - margin-top: 12px; - } - - yt-formatted-string.yt-live-chat-ninja-message-renderer { - padding: 0 15px; - text-align: center; - } - - #container.yt-live-chat-participant-renderer { - padding: 4px 0; - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - yt-img-shadow.yt-live-chat-participant-renderer { - margin: 0 16px 0 24px; - - overflow: hidden; - border-radius: 50%; - } - - yt-img-shadow.yt-live-chat-participant-renderer:not([loaded]).yt-live-chat-participant-renderer { - background-color: #444; - } - - yt-live-chat-participant-list-renderer { - color: var(--yt-live-chat-primary-text-color, var(--yt-primary-text-color)); - - - z-index: 0; - - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #header.yt-live-chat-participant-list-renderer { - padding: 8px; - height: 48px; - box-sizing: border-box; - - background-color: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); - - font-size: var(--yt-live-chat-header-font-size, 18px); - line-height: 24px; - - box-shadow: var(--yt-live-chat-header-box-shadow); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - ; - - z-index: 1; - } - - #header.yt-live-chat-participant-list-renderer:focus { - outline: none; - } - - #back-button.yt-live-chat-participant-list-renderer { - margin: 0 8px; - } - - #back-button.yt-live-chat-participant-list-renderer > *.yt-live-chat-participant-list-renderer { - --yt-button-color: var(--yt-live-chat-primary-text-color, var(--yt-luna-black-opacity-lighten-3)); - } - - #participants.yt-live-chat-participant-list-renderer { - overflow-y: auto; - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - padding: 4px 0; - } - - yt-live-chat-pinned-message-renderer { - display: block; - padding-top: 4px; - z-index: 2; - - --yt-pdg-paid-stickers-author-name-font-size: 14px; - --yt-pdg-paid-stickers-author-subtext-font-size: 15px; - --yt-pdg-paid-stickers-margin-left: 56px; - --yt-live-chat-item-timestamp-display: none; - } - - #fade.yt-live-chat-pinned-message-renderer { - background-color: var(--yt-live-chat-overlay-color); - bottom: -100vh; - left: 0; - position: absolute; - right: 0; - top: 0; - } - - #message.yt-live-chat-pinned-message-renderer { - left: 0; - margin-right: var(--scrollbar-width); - position: absolute; - right: 0; - } - - yt-live-chat-paid-sticker-renderer.yt-live-chat-pinned-message-renderer { - margin: 4px 24px; - border-radius: 4px; - min-height: 40px; - background-color: var(--yt-dialog-background); - - box-shadow: var(--shadow-elevation-2dp_-_box-shadow); - } - - yt-live-chat-restricted-participation-renderer { - display: block; - box-sizing: border-box; - } - - #container.yt-live-chat-restricted-participation-renderer { - padding: 0 16px 0 24px; - background: var(--yt-live-chat-action-panel-background-color, var(--yt-opalescence-soft-grey-opacity-lighten-3)); - color: var(--yt-live-chat-secondary-text-color, var(--yt-secondary-text-color)); - font-size: 14px; - } - - #explanation.yt-live-chat-restricted-participation-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-justified_-_-webkit-justify-content); justify-content: var(--layout-justified_-_justify-content); - min-height: 48px; - } - - #icon.yt-live-chat-restricted-participation-renderer { - width: 24px; - height: 24px; - margin-right: 16px; - - color: var(--yt-spec-icon-disabled, var(--yt-live-chat-disabled-icon-button-color)); - - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #body.yt-live-chat-restricted-participation-renderer { - padding: 11px 0 10px; - - -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); - } - - #message.yt-live-chat-restricted-participation-renderer { - display: inline; - } - - #picker-buttons.yt-live-chat-restricted-participation-renderer > *.yt-live-chat-restricted-participation-renderer { - color: var(--yt-spec-icon-inactive, var(--yt-live-chat-icon-button-color)); - } - - #message-button.yt-live-chat-restricted-participation-renderer { - padding-top: 3px; - display: inline; - - --yt-paper-button-min-width: 0; - --yt-button-padding: 0 0; - --yt-paper-button-font-size: 14px; - } - - #message-button.yt-live-chat-restricted-participation-renderer:not(:empty)::before { - display: inline; - padding: 0 5px; - content: '·'; - font-weight: 500; - } - - yt-live-chat-restricted-participation-renderer[creator-open] #explanation.yt-live-chat-restricted-participation-renderer,yt-live-chat-restricted-participation-renderer[product-picker-open] #explanation.yt-live-chat-restricted-participation-renderer { - display: none; - } - - yt-live-chat-restricted-participation-renderer[creator-open] #container.yt-live-chat-restricted-participation-renderer { - padding: 8px 16px 8px 24px; - } - - yt-live-chat-restricted-participation-renderer[product-picker-open] #container.yt-live-chat-restricted-participation-renderer { - padding: 8px 16px; - margin: 0 -8px; - } - - #picker-buttons.yt-live-chat-restricted-participation-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #picker-buttons.yt-live-chat-restricted-participation-renderer > *.yt-live-chat-restricted-participation-renderer { - color: var(--yt-live-chat-picker-button-color); - } - - #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer:hover { - color: var(--yt-live-chat-picker-button-hover-color); - } - - #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer[active] { - color: var(--yt-live-chat-picker-button-active-color); - } - - #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer[disabled] { - color: var(--yt-live-chat-picker-button-disabled-color); - } - - yt-live-chat-ticker-sponsor-item-renderer { - display: inline-block; - font-size: 14px; - outline: none; - transition: width 0.2s; - vertical-align: top; - cursor: pointer; - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - } - - #container.yt-live-chat-ticker-sponsor-item-renderer { - border-radius: 999px; - padding: 4px; - } - - yt-live-chat-ticker-sponsor-item-renderer.sliding-down #container.yt-live-chat-ticker-sponsor-item-renderer { - opacity: 0.5; - transform: translateY(44px); - transition: opacity 0.2s, transform 0.2s cubic-bezier(0.4, 0.0, 1, 1); - } - - yt-live-chat-ticker-sponsor-item-renderer.collapsing { - margin-right: 0; - transition: margin-right 0.2s cubic-bezier(0.4, 0.0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0.0, 0.2, 1); - } - - yt-live-chat-ticker-sponsor-item-renderer[dimmed] { - opacity: 0.5; - } - - yt-img-shadow.yt-live-chat-ticker-sponsor-item-renderer { - margin-right: -4px; - - overflow: hidden; - border-radius: 50%; - } - - #content.yt-live-chat-ticker-sponsor-item-renderer { - height: 24px; - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - #text.yt-live-chat-ticker-sponsor-item-renderer { - margin: 0 8px; - font-weight: 500; - } - - yt-live-chat-ticker-sponsor-item-renderer[is-deleted] #author-photo.yt-live-chat-ticker-sponsor-item-renderer { - display: none; - } - - yt-live-chat-ticker-renderer { - display: block; - background-color: var(--yt-live-chat-header-background-color); - } - - #container.yt-live-chat-ticker-renderer { - position: var(--layout-relative_-_position); - } - - #items.yt-live-chat-ticker-renderer { - height: 32px; - overflow: hidden; - white-space: nowrap; - padding: 0 24px 8px 24px; - } - - #items.yt-live-chat-ticker-renderer > *.yt-live-chat-ticker-renderer { - margin-right: 8px; - } - - #left-arrow-container.yt-live-chat-ticker-renderer { - background: linear-gradient(to right, var(--yt-live-chat-ticker-arrow-background) 0, var(--yt-live-chat-ticker-arrow-background) 52px, transparent 60px); - left: 0; - padding: 0 16px 0 12px; - } - - #right-arrow-container.yt-live-chat-ticker-renderer { - background: linear-gradient(to left, var(--yt-live-chat-ticker-arrow-background) 0, var(--yt-live-chat-ticker-arrow-background) 52px, transparent 60px); - right: 0; - padding: 0 12px 0 16px; - } - - #container.yt-live-chat-ticker-renderer:hover #left-arrow-container.yt-live-chat-ticker-renderer,#container.yt-live-chat-ticker-renderer:hover #right-arrow-container.yt-live-chat-ticker-renderer { - opacity: 1; - } - - #left-arrow-container.yt-live-chat-ticker-renderer,#right-arrow-container.yt-live-chat-ticker-renderer { - height: 32px; - opacity: 0; - position: absolute; - text-align: center; - top: 0; - transition: opacity 0.3s 0.1s; - } - - yt-icon.yt-live-chat-ticker-renderer { - background-color: #2196f3; - border-radius: 999px; - color: #fff; - cursor: pointer; - height: 24px; - padding: 4px; - width: 24px; - } - - yt-live-chat-upsell-dialog-renderer { - padding: 24px 40px; - - color: var(--yt-live-chat-primary-text-color); - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); - } - - #card.yt-live-chat-upsell-dialog-renderer { - overflow: hidden; - background: var(--yt-dialog-background); - border: var(--yt-live-chat-upsell-dialog-renderer-border, none); - border-radius: var(--yt-live-chat-upsell-dialog-renderer-border-radius, 0); - - - box-shadow: var(--yt-live-chat-upsell-dialog-renderer-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)); - } - - #content.yt-live-chat-upsell-dialog-renderer { - padding: 24px; - - padding: var(--live-chat-upsell-dialog-renderer-content_-_padding, 24px); - } - - yt-formatted-string.yt-live-chat-upsell-dialog-renderer { - display: block; - } - - #upsell-dialog-title.yt-live-chat-upsell-dialog-renderer { - margin-bottom: var(--ytd-margin-4x); - - font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); - - font-size: var(--live-chat-upsell-dialog-renderer-title_-_font-size, var(--ytd-subheadline_-_font-size)); font-weight: var(--live-chat-upsell-dialog-renderer-title_-_font-weight, var(--ytd-subheadline_-_font-weight)); line-height: var(--live-chat-upsell-dialog-renderer-title_-_line-height, var(--ytd-subheadline_-_line-height)); margin-bottom: var(--live-chat-upsell-dialog-renderer-title_-_margin-bottom, var(--ytd-margin-4x)); - } - - #upsell-dialog-text.yt-live-chat-upsell-dialog-renderer { - margin-top: 4px; - - color: var(--yt-live-chat-secondary-text-color); - font-size: 14px; - line-height: 20px; - - font-size: var(--live-chat-upsell-dialog-renderer-text_-_font-size, 14px); line-height: var(--live-chat-upsell-dialog-renderer-text_-_line-height, 20px); - } - - #button-container.yt-live-chat-upsell-dialog-renderer { - padding: 8px 8px 8px 24px; - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - - padding: var(--live-chat-upsell-dialog-renderer-button-container_-_padding, 8px 8px 8px 24px); - } - - yt-button-renderer.yt-live-chat-upsell-dialog-renderer { - font-size: var(--live-chat-upsell-dialog-renderer-button-font-size, 14px); - text-transform: var(--live-chat-upsell-dialog-renderer-button-text-transform, uppercase); - - --yt-button-padding: var(--yt-live-chat-upsell-dialog-renderer-button-padding); - } - - #action-button.yt-live-chat-upsell-dialog-renderer { - margin-left: 8px; - } - - #action-button.yt-live-chat-upsell-dialog-renderer > yt-button-renderer.yt-live-chat-upsell-dialog-renderer { - color: var(--yt-live-chat-upsell-dialog-renderer-action-button-color, var(--yt-white)); - background: var(--yt-live-chat-upsell-dialog-renderer-action-button-background, var(--yt-blue)); - } - - ytd-expander { - display: block; - } - - paper-button.ytd-expander { - display: inline-block; - text-align: center; - font-family: inherit; - } - - ytd-expander[collapsed] > #content.ytd-expander { - overflow: hidden; - max-height: var(--ytd-expander-collapsed-height); - } - - ytd-expander[reversed],ytd-expander[reversed] > #content.ytd-expander { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - ytd-expander[reversed][collapsed][collapsed-height="0"] > #content.ytd-expander { - display: none; - visibility: hidden; - } - - ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander { - color: var(--yt-spec-text-primary); - display: -webkit-box; - overflow: hidden; - max-height: none; - -webkit-box-orient: vertical; - -webkit-line-clamp: var(--ytd-expander-max-lines, 4); - } - - ytd-expander > * { - word-wrap: break-word; - min-width: 0; - } - - paper-button.ytd-expander { - margin: var(--ytd-expander-button-margin, 0); - padding: 0; - -ms-align-self: flex-start; - -webkit-align-self: flex-start; - align-self: flex-start; - } - - ytd-expander[align-auto] paper-button.ytd-expander { - -ms-align-self: auto; - -webkit-align-self: auto; - align-self: auto; - } - - #more.ytd-expander:focus,#less.ytd-expander:focus { - outline: -webkit-focus-ring-color auto 5px; - } - - #more.ytd-expander:focus:hover,#less.ytd-expander:focus:hover { - outline: none; - } - - #less.scrolling.ytd-expander { - box-shadow: var(--ytd-expander-button-scrolling-box-shadow); - border-radius: var(--ytd-expander-button-border-radius); - } - - ytd-donation-amount-picker-renderer.ytd-popup-container { - margin-bottom: 0; - margin-top: 0; - padding: 0; - } - - #container.ytd-donation-amount-picker-renderer { - width: 548px; - } - - ytd-donation-amount-picker-renderer[live-chat] #container.ytd-donation-amount-picker-renderer { - background-color: var(--yt-live-chat-action-panel-background-color); - width: 402px; - } - - #top-box.ytd-donation-amount-picker-renderer { - background-color: var(--yt-spec-general-background-b); - display: block; - padding: 24px; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - } - - ytd-donation-amount-picker-renderer[live-chat] #top-box.ytd-donation-amount-picker-renderer { - background-color: inherit; - padding-top: 16px; - padding-bottom: 0; - } - - #bottom-box.ytd-donation-amount-picker-renderer { - padding: 24px; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; - } - - ytd-donation-amount-picker-renderer[live-chat] #bottom-box.ytd-donation-amount-picker-renderer { - background-color: inherit; - padding-top: 12px; - } - - #campaign-row.ytd-donation-amount-picker-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - } - - #title.ytd-donation-amount-picker-renderer { - color: var(--yt-spec-text-primary); - margin-bottom: 16px; - -ms-flex: 1 1 1e-9px; - -webkit-flex: 1; - flex: 1; - -webkit-flex-basis: 1e-9px; - flex-basis: 1e-9px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - font-size: var(--ytd-subheadline-link_-_font-size); font-weight: var(--ytd-subheadline-link_-_font-weight); line-height: var(--ytd-subheadline-link_-_line-height); letter-spacing: var(--ytd-subheadline-link_-_letter-spacing); - } - - ytd-donation-amount-picker-renderer[live-chat] #title.ytd-donation-amount-picker-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row-reverse; - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - .title-text.ytd-donation-amount-picker-renderer { - flex-grow: 1; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - ytd-donation-amount-picker-renderer[live-chat] .title-text.ytd-donation-amount-picker-renderer { - margin-left: 16px; - } - - #text-container.ytd-donation-amount-picker-renderer { - flex-grow: 1; - margin-left: 16px; - min-width: 50%; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - #campaign-row.ytd-donation-amount-picker-renderer yt-img-shadow.ytd-donation-amount-picker-renderer { - width: 90px; - height: 90px; - } - - ytd-donation-amount-picker-renderer[live-chat] #campaign-row.ytd-donation-amount-picker-renderer yt-img-shadow.ytd-donation-amount-picker-renderer { - width: 32px; - height: 32px; - } - - ytd-donation-amount-picker-renderer[live-chat] #description-column.ytd-donation-amount-picker-renderer { - display: none; - } - - #live-chat-description-column.ytd-donation-amount-picker-renderer { - display: none; - } - - ytd-donation-amount-picker-renderer[live-chat] #live-chat-description-column.ytd-donation-amount-picker-renderer { - display: block; - margin-top: 16px; - } - - ytd-donation-amount-picker-renderer[live-chat] #live-chat-description-column.ytd-donation-amount-picker-renderer .campaign-description.ytd-donation-amount-picker-renderer { - margin-bottom: 12px; - } - - #campaign-title.ytd-donation-amount-picker-renderer { - color: var(--yt-spec-text-primary); - font-size: var(--yt-link-font-size, 1.4rem); - font-weight: 500; - line-height: var(--ytd-link-line-height, 1.6rem); - letter-spacing: var(--yt-link-letter-spacing, normal); - } - - #campaign-subtitle.ytd-donation-amount-picker-renderer,.campaign-description.ytd-donation-amount-picker-renderer { - color: var(--yt-spec-text-secondary); - } - - #campaign-subtitle.ytd-donation-amount-picker-renderer { - display: block; - max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); - overflow: hidden; - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - ytd-donation-amount-picker-renderer:not([live-chat]) .campaign-description.ytd-donation-amount-picker-renderer { - display: -webkit-box; - -webkit-box-orient: vertical; - max-height: calc(2 * var(--yt-thumbnail-attribution-line-height, 1.8rem)); - overflow: hidden; - text-overflow: ellipsis; - white-space: normal; - -webkit-line-clamp: 2; - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - overflow-wrap: break-word; - } - - ytd-donation-amount-picker-renderer[live-chat] .campaign-description.ytd-donation-amount-picker-renderer { - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - .separator.ytd-donation-amount-picker-renderer { - background-color: #ccc; - height: 1px; - margin: 8px 0 8px 0; - } - - ytd-donation-amount-picker-renderer[live-chat] .separator.ytd-donation-amount-picker-renderer { - margin: 0; - } - - #nonprofit-title.ytd-donation-amount-picker-renderer,#nonprofit-subtitle.ytd-donation-amount-picker-renderer { - color: var(--yt-spec-text-primary); - } - - #nonprofit-title.ytd-donation-amount-picker-renderer { - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - #nonprofit-subtitle.ytd-donation-amount-picker-renderer { - display: block; - max-height: var(--yt-thumbnail-attribution-line-height, 1.8rem); - overflow: hidden; - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - #button-row.ytd-donation-amount-picker-renderer { - margin-top: 16px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row-reverse; - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - ytd-donation-amount-picker-renderer[live-chat] #button-row.ytd-donation-amount-picker-renderer { - margin-top: 0; - display: flex; - flex-direction: column; - align-items: stretch; - } - - #nonprofit-row.ytd-donation-amount-picker-renderer { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - #nonprofit-row.ytd-donation-amount-picker-renderer > .ytd-donation-amount-picker-renderer:first-child { - flex-grow: 1; - padding-right: 16px; - } - - ytd-donation-amount-picker-renderer[live-chat] #nonprofit-row.ytd-donation-amount-picker-renderer > .ytd-donation-amount-picker-renderer:first-child { - padding-right: 8px; - } - - #nonprofit-link.ytd-donation-amount-picker-renderer { - color: var(--yt-spec-call-to-action); - white-space: nowrap; - font-size: var(--yt-link-font-size, 1.4rem); - font-weight: 500; - line-height: var(--ytd-link-line-height, 1.6rem); - letter-spacing: var(--yt-link-letter-spacing, normal); - } - - #nonprofit-link-text.ytd-donation-amount-picker-renderer { - --yt-endpoint-color: var(--yt-spec-call-to-action); - --yt-endpoint-hover-color: var(--yt-spec-call-to-action); - --yt-endpoint-visited-color: var(--yt-spec-call-to-action); - font-size: var(--yt-link-font-size, 1.4rem); - font-weight: 500; - line-height: var(--ytd-link-line-height, 1.6rem); - letter-spacing: var(--yt-link-letter-spacing, normal); - } - - .inline-icon.ytd-donation-amount-picker-renderer { - position: relative; - top: -2px; - width: 1em; - } - - #amount-selector.ytd-donation-amount-picker-renderer { - margin: 0 auto; - max-width: 360px; - } - - #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer { - margin-top: 32px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - } - - ytd-donation-amount-picker-renderer[live-chat] #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer { - margin-top: 16px; - } - - #custom-amount-container.ytd-donation-amount-picker-renderer { - height: 70px; - margin-top: 8px; - } - - ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer { - height: auto; - transition: height 0.7s; - margin-top: 8px; - } - - ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer .ytd-donation-amount-picker-renderer[focused] { - height: 70px; - } - - ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer .ytd-donation-amount-picker-renderer[hidden] { - height: 0px; - } - - #custom-amount-input.ytd-donation-amount-picker-renderer { - --paper-input-container-focus-color: var(--yt-spec-themed-blue); - --paper-input-prefix_-_color: var(--yt-spec-text-primary);; - --primary-text-color: var(--yt-spec-text-primary); - } - - #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer { - text-transform: none; - } - - #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[selected] { - background-color: var(--yt-spec-themed-blue); - color: var(--yt-spec-suggested-action); - } - - #privacy-checkbox.ytd-donation-amount-picker-renderer { - --paper-checkbox-vertical-align: top; - --paper-checkbox-label_-_margin-right: 20px;; - margin-top: 32px; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - ytd-donation-amount-picker-renderer[live-chat] #privacy-checkbox.ytd-donation-amount-picker-renderer { - margin-top: 8px; - margin-bottom: 16px; - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - yt-tooltip-renderer { - --yt-button-color: var(--yt-spec-text-primary-inverse); - display: block; - min-width: 0; - min-height: 0; - max-width: 300px; - position: relative; - background-color: var(--yt-spec-themed-blue); - color: var(--yt-spec-text-primary-inverse); - overflow: visible !important; - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - #text.yt-tooltip-renderer:not(:empty) { - margin-bottom: var(--ytd-margin-2x); - font-size: var(--ytd-link_-_font-size); font-weight: var(--ytd-link_-_font-weight); line-height: var(--ytd-link_-_line-height); letter-spacing: var(--ytd-link_-_letter-spacing); - } - - #content.yt-tooltip-renderer { - padding: var(--ytd-margin-4x); - } - - #content.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer { - display: block; - } - - yt-tooltip-renderer[has-buttons_] #content.yt-tooltip-renderer { - padding: var(--ytd-margin-4x) var(--ytd-margin-4x) var(--ytd-margin-base); - } - - #content.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer,#text.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer { - --yt-endpoint-color: var(--yt-spec-text-primary-inverse); - --yt-endpoint-visited-color: var(--yt-spec-text-primary-inverse); - --yt-endpoint-hover-color: var(--yt-spec-text-primary-inverse); - --yt-endpoint-text-decoration: underline; - } - - .buttons.yt-tooltip-renderer { - padding: var(--ytd-margin-2x) var(--ytd-margin-base); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - } - - yt-tooltip-renderer::before { - content: ""; - position: absolute; - border-style: solid; - top: 100%; - border-width: 12px; - right: calc(50% - 12px); - border-color: var(--yt-spec-themed-blue) transparent transparent transparent; - } - - yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_TOPLEFT"]::before { - right: 12px; - } - - yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_TOPRIGHT"]::before { - left: 12px; - right: auto; - } - - yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_LEFT"]::before { - top: calc(50% - 12px); - left: 100%; - right: auto; - border-color: transparent transparent transparent var(--yt-spec-themed-blue); - } - - yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_RIGHT"]::before { - top: calc(50% - 12px); - right: 100%; - left: auto; - border-color: transparent var(--yt-spec-themed-blue) transparent transparent; - } - - yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOM"]::before { - top: -24px; - left: calc(50% - 12px); - border-color: transparent transparent var(--yt-spec-themed-blue) transparent; - } - - yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOMLEFT"]::before { - top: -24px; - right: 12px; - border-color: transparent transparent var(--yt-spec-themed-blue) transparent; - } - - yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOMRIGHT"]::before { - top: -24px; - left: 12px; - right: auto; - border-color: transparent transparent var(--yt-spec-themed-blue) transparent; - } - - yt-live-chat-renderer { - position: relative; - height: 100%; - - background: var(--yt-live-chat-background-color); - color: var(--yt-live-chat-primary-text-color); - - overflow: hidden; - - - z-index: 0; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - ; - - - contain: content; - } - - yt-live-chat-renderer[hide-timestamps] { - --yt-live-chat-item-timestamp-display: none; - } - - #separator.yt-live-chat-renderer { - border-bottom: var(--yt-live-chat-header-bottom-border, none); - } - - #content-pages.yt-live-chat-renderer { - width: var(--sidebar-width-px); - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - #panel-pages.yt-live-chat-renderer { - max-height: 100%; - overflow-x: hidden; - overflow-y: auto; - } - - #contents.yt-live-chat-renderer { - overflow: hidden; - - - position: relative; - z-index: 0; - } - - #chat-messages.yt-live-chat-renderer,#contents.yt-live-chat-renderer,#item-list.yt-live-chat-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - #ticker.yt-live-chat-renderer { - z-index: 1; - - - box-shadow: var(--yt-live-chat-header-box-shadow); - } - - #chat.yt-live-chat-renderer { - position: relative; - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - #chat.yt-live-chat-renderer::after { - content: ''; - display: none; - - animation: gradient-slide 1.2s ease infinite; - animation-name: gradient-slide; - background-color: var(--yt-live-chat-shimmer-background-color); - background-image: var(--yt-live-chat-shimmer-linear-gradient); - background-size: 300% 300%; - transform: rotateX(180deg); - - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - yt-live-chat-renderer[loading] #chat.yt-live-chat-renderer::after { - display: block; - } - - yt-live-chat-pinned-message-renderer.yt-live-chat-renderer { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - } - - yt-live-chat-item-list-renderer.yt-live-chat-renderer,yt-live-chat-ninja-message-renderer.yt-live-chat-renderer { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - #action-panel.yt-live-chat-renderer { - display: none; - } - - yt-live-chat-renderer[has-action-panel-renderer] #action-panel.yt-live-chat-renderer { - display: unset; - position: absolute; - bottom: 0; - left: 0; - right: var(--scrollbar-width); - padding: 0 8px 8px 8px; - background: var(--yt-live-chat-action-panel-gradient-scrim); - overflow: hidden; - } - - yt-live-chat-renderer[has-action-panel-renderer] yt-live-chat-action-panel-renderer.yt-live-chat-renderer { - animation: slideUp var(--yt-live-chat-universal-motion-curve) forwards; - animation-duration: var(--yt-live-chat-panel-animation-duration); - } - - yt-live-chat-renderer[has-action-panel-renderer][is-closing-action-panel] yt-live-chat-action-panel-renderer.yt-live-chat-renderer { - animation: slideDownFadeOut var(--yt-live-chat-universal-motion-curve) forwards; - animation-duration: var(--yt-live-chat-panel-animation-duration); - } - - #input-panel.yt-live-chat-renderer { - -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout-flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex); - } - - #input-panel.yt-live-chat-renderer:not(:empty) { - border-top: var(--yt-live-chat-action-panel-top-border, none); - } - - #input-panel.yt-live-chat-renderer::after { - content: ''; - display: block; - height: 1px; - margin: 0 24px; - background: var(--yt-spec-10-percent-layer); - } - - #toast-container.yt-live-chat-renderer { - position: relative; - } - - yt-live-chat-renderer[has-picker-open] #toast-container.yt-live-chat-renderer { - order: 1; - - z-index: 1; - } - - #loading.yt-live-chat-renderer { - height: 387px; - background-color: var(--yt-live-chat-action-panel-background-color); - - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content); - } - - #loading.yt-live-chat-renderer > paper-spinner-lite.yt-live-chat-renderer { - --paper-spinner-color: var(--yt-live-chat-primary-text-color); - } - - #nitrate-promo.yt-live-chat-renderer > *.yt-live-chat-renderer { - background: var(--yt-live-chat-overlay-color); - - z-index: 3; - - position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: var(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout-fit_-_left); - } - - @keyframes gradient-slide { - 0% { - background-position: 100% 100% - } - - to { - background-position: 0% 0% - } - - } - - @keyframes slideUp { - 0% { - transform: translateY(15%); - opacity: 0; - } - - 100% { - transform: translateY(0); - opacity: 1; - } - - } - - @keyframes slideDownFadeOut { - 0% { - transform: translateY(0); - opacity: 1; - } - - 100% { - transform: translateY(15%); - opacity: 0; - } - - } - - @keyframes fadeIn { - 0% { - background-color: transparent; - } - - 100% { - background-color: var(--yt-spec-static-overlay-background-medium); - } - - } - - yt-live-chat-renderer { - font-size: 13px; - - --yt-emoji-picker-renderer-height: 180px; - --yt-button-default-text-color: var(--yt-live-chat-button-default-text-color); - --yt-button-default-background-color: var(--yt-live-chat-button-default-background-color); - --yt-button-dark-text-color: var(--yt-live-chat-button-dark-text-color); - --yt-button-dark-background-color: var(--yt-live-chat-button-dark-background-color); - --yt-button-payment-background-color: var(--yt-live-chat-sponsor-color); - } - - ytd-legal-report-details-form-renderer[dialog][dialog][dialog] { - --ytd-legal-report-details-form-renderer-content-width: 402px; - --paper-input-container-input-align: baseline; - --ytd-dropdown-renderer-width: var(--ytd-legal-report-details-form-renderer-content-width); - background: var(--yt-spec-brand-background-primary); - margin: 0; - width: 450px; - max-width: 80vw; - min-height: 240px; - min-width: 250px; - padding: 0; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - ytd-legal-report-details-form-renderer > *.ytd-legal-report-details-form-renderer:not(:last-child) { - padding: 0 24px; - } - - ytd-legal-report-details-form-renderer > *.ytd-legal-report-details-form-renderer:first-child { - margin-top: 24px; - } - - h2.ytd-legal-report-details-form-renderer { - color: var(--yt-spec-text-primary); - padding: 0 24px; - margin-top: 24px; - font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); - } - - #scroller.ytd-legal-report-details-form-renderer { - --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_overflow-x: hidden; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial;; - } - - #scroller.ytd-legal-report-details-form-renderer:first-child { - margin-top: 20px; - } - - #timestamp.ytd-legal-report-details-form-renderer { - display: block; - color: var(--yt-spec-text-secondary); - margin: 20px 0 4px; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - yt-timestamp-input.ytd-legal-report-details-form-renderer { - height: 40px; - } - - #description-box.ytd-legal-report-details-form-renderer { - margin-top: 24px; - } - - #description-box.ytd-legal-report-details-form-renderer paper-input-container.ytd-legal-report-details-form-renderer { - --paper-input-container-underline-display: none; - --paper-input-container-underline-focus-display: none; - --paper-input-container-input-color: var(--yt-spec-text-primary); - --paper-input-container-focus-color: var(--yt-spec-text-primary); - --paper-input-container-input_-_padding: 12px; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_color: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial;; - padding-top: 0; - padding-bottom: 0; - } - - #description-box.ytd-legal-report-details-form-renderer paper-input-container.ytd-legal-report-details-form-renderer { - --iron-autogrow-textarea-placeholder_-_padding: 10px;; - } - - #description.ytd-legal-report-details-form-renderer { - display: inline-block; - --iron-autogrow-textarea-textarea_-_padding: 12px; --iron-autogrow-textarea-textarea_-_box-sizing: border-box; --iron-autogrow-textarea-textarea_-_font-size: var(--ytd-user-comment_-_font-size); --iron-autogrow-textarea-textarea_-_font-weight: var(--ytd-user-comment_-_font-weight); --iron-autogrow-textarea-textarea_-_line-height: var(--ytd-user-comment_-_line-height); --iron-autogrow-textarea-textarea_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; - padding: 12px 12px 32px 12px; - box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); - border-radius: 2px; - box-sizing: border-box; - margin-bottom: -2px; - } - - #description.ytd-legal-report-details-form-renderer[focused] { - box-shadow: inset 0 0 0 2px var(--yt-spec-text-primary); - } - - #description-box.ytd-legal-report-details-form-renderer paper-input-char-counter.ytd-legal-report-details-form-renderer { - --paper-input-char-counter_-_color: var(--yt-spec-text-secondary); --paper-input-char-counter_-_margin-top: -32px; --paper-input-char-counter_-_margin-right: 18px;; - } - - #issue-type.ytd-legal-report-details-form-renderer,#affiliation.ytd-legal-report-details-form-renderer,#full-name.ytd-legal-report-details-form-renderer { - margin-top: 0; - } - - #full-name.ytd-legal-report-details-form-renderer { - --paper-input-container-underline-color: var(--yt-spec-10-percent-layer); - --paper-input-container-underline-focus-color: var(--yt-spec-text-primary); - --paper-input-container-underline-legacy-height: 0; - --paper-input-container-input_-_color: var(--yt-spec-text-primary); --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial;; - height: 57px; - } - - #name-subtext.ytd-legal-report-details-form-renderer { - color: var(--yt-spec-text-secondary); - margin-top: 4px; - font-size: 1.2rem; - font-weight: 400; - line-height: 1.5rem; - } - - #footer-text.ytd-legal-report-details-form-renderer { - color: var(--yt-spec-text-secondary); - margin: 24px 0; - font-size: 1.2rem; - font-weight: 400; - line-height: 1.5rem; - } - - .footer.ytd-legal-report-details-form-renderer { - padding-left: 24px; - border-top: 1px solid var(--yt-spec-10-percent-layer); - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - } - - #cancel-button.ytd-legal-report-details-form-renderer { - margin-right: 8px; - } - - #required-label.ytd-legal-report-details-form-renderer { - color: var(--yt-spec-text-secondary); - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - .buttons.ytd-legal-report-details-form-renderer { - padding: 8px 8px 8px 24px; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - ytd-dropdown-item-renderer { - background-color: var(--ytd-dropdown-item-background-color, inherit); - outline: none; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - } - - #label.ytd-dropdown-item-renderer { - color: var(--yt-spec-text-primary); - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - ytd-dropdown-renderer { - display: block; - --paper-dropdown-menu-color: var(--yt-spec-text-secondary); - --paper-dropdown-menu-focus-color: var(--yt-spec-text-primary); - --paper-dropdown-error-color: var(--yt-spec-brand-link-text); - --paper-dropdown-menu-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-dropdown-menu-input_-_border-bottom: initial;; - --paper-dropdown-menu-label_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-label_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-label_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-label_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; - --paper-dropdown-menu-icon_-_color: var(--yt-spec-icon-inactive);; - } - - ytd-dropdown-renderer[no-underline] { - --paper-dropdown-menu-input_-_border-bottom: none; --paper-dropdown-menu-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; - } - - ytd-dropdown-renderer[has-background] paper-dropdown-menu-light.ytd-dropdown-renderer { - --paper-dropdown-menu-input_-_border-bottom: none; --paper-dropdown-menu-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; - color: var(--yt-spec-text-secondary); - background-color: var(--yt-spec-10-percent-layer); - padding: 0 16px; - } - - ytd-dropdown-renderer[has-background] paper-dropdown-menu-light.ytd-dropdown-renderer:focus { - --paper-dropdown-menu-input_-_border-bottom: none; --paper-dropdown-menu-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-dropdown-menu-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-dropdown-menu-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-dropdown-menu-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing);; - } - - paper-dropdown-menu-light.ytd-dropdown-renderer { - width: 100%; - } - - #entries.ytd-dropdown-renderer { - width: var(--ytd-dropdown-renderer-width); - max-height: 400px; - } - - ytd-navigation-dropdown-item-renderer { - display: block; - outline: none; - } - - #label.ytd-navigation-dropdown-item-renderer { - color: var(--yt-spec-text-primary); - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - .yt-simple-endpoint.ytd-navigation-dropdown-item-renderer { - display: inline-block; - cursor: pointer; - text-decoration: none; - color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); - } - - .yt-simple-endpoint.ytd-navigation-dropdown-item-renderer:hover { - color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); - text-decoration: var(--yt-endpoint-text-decoration, none); - } - - ytd-privacy-dropdown-item-renderer { - display: block; - outline: none; - } - - ytd-privacy-dropdown-item-renderer:hover { - cursor: pointer; - background-color: var(--yt-spec-10-percent-layer); - } - - #label.ytd-privacy-dropdown-item-renderer { - color: var(--yt-spec-text-primary); - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - #description.ytd-privacy-dropdown-item-renderer { - color: var(--yt-spec-text-secondary); - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - #dropdown-icon.ytd-privacy-dropdown-item-renderer { - color: var(--yt-spec-brand-icon-inactive); - margin-left: -8px; - margin-right: 8px; - } - - paper-item-body.ytd-privacy-dropdown-item-renderer { - min-height: 0; - max-width: 100%; - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - yt-timestamp-input { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - - [dir="rtl"] yt-timestamp-input, yt-timestamp-input[dir="rtl"] { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: row-reverse; - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - } - - #minutes.yt-timestamp-input,#seconds.yt-timestamp-input { - text-align: right; - height: 40px; - } - - #minutes.yt-timestamp-input { - width: 30px; - } - - #separator.yt-timestamp-input { - padding: 0 2px; - } - - #seconds.yt-timestamp-input { - width: 20px; - } - - paper-input.yt-timestamp-input { - --paper-input-container-input-color: var(--yt-spec-text-primary); - --paper-input-container-focus-color: var(--yt-spec-text-primary); - --paper-input-container-underline-color: var(--yt-spec-10-percent-layer); - --paper-input-container-underline-legacy-height: 0; - } - - yt-report-form-modal-renderer[dialog][dialog][dialog] { - --yt-report-form-modal-renderer-width: 450px; - background: var(--yt-spec-brand-background-solid); - margin: 0; - width: var(--yt-report-form-modal-renderer-width, 450px); - max-width: 80vw; - min-height: 240px; - min-width: var(--yt-report-form-modal-renderer-min-width, 300px); - padding: 0; - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-report-form-modal-renderer[dialog][dialog][dialog][hide-report-form] { - display: none; - } - - yt-report-form-modal-renderer > *.yt-report-form-modal-renderer:not(:last-child) { - margin-top: 20px; - padding: 0 24px; - } - - yt-report-form-modal-renderer > paper-dialog-scrollable.yt-report-form-modal-renderer:not(:last-child) { - padding: 0; - margin-top: 0; - } - - paper-dialog-scrollable.is-scrolled.yt-report-form-modal-renderer { - margin-top: 14px; - } - - yt-report-form-modal-renderer > *.yt-report-form-modal-renderer:first-child { - margin-top: 24px; - } - - paper-dialog-scrollable.yt-report-form-modal-renderer { - --paper-dialog-scrollable_-_padding: 0 var(--ytd-margin-6x) var(--ytd-margin-6x) var(--ytd-margin-6x); --paper-dialog-scrollable_-_overflow-x: initial; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; - } - - .buttons.yt-report-form-modal-renderer { - padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); - border-top: 1px solid var(--yt-spec-10-percent-layer); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - } - - #title.yt-report-form-modal-renderer { - color: var(--yt-spec-text-primary); - margin-bottom: var(--ytd-margin-base); - padding: 0 var(--ytd-margin-6x) 0 var(--ytd-margin-6x); - font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); - } - - #submit-container.yt-report-form-modal-renderer { - padding-top: var(--ytd-margin-2x); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - } - - #loading-indicator.yt-report-form-modal-renderer { - height: 100%; - width: 100%; - position: absolute; - z-index: var(--ytd-z-index-report-form-overlay); - background-color: var(--yt-white-opacity-lighten-1); - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); - } - - #message-container.yt-report-form-modal-renderer { - color: var(--yt-spec-text-primary); - padding: 0 var(--ytd-margin-6x) var(--ytd-margin-6x) var(--ytd-margin-6x); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); - } - - #container.yt-report-form-modal-renderer { - position: relative; - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #description.yt-report-form-modal-renderer { - color: var(--yt-spec-text-secondary); - margin: var(--ytd-margin-4x) 0 var(--ytd-margin-2x); - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - yt-options-renderer.yt-report-form-modal-renderer { - --yt-options-renderer-dropdown-width: calc(var(--yt-report-form-modal-renderer-width) - (var(--ytd-margin-6x) * 2) - var(--ytd-margin-11x) - var(--ytd-margin-4x)); - } - - #footer.yt-report-form-modal-renderer { - --yt-formatted-string-endpoint: var(--ytd-mini-attribution-endpoint);--yt-formatted-string-endpoint_-_font-size: var(--ytd-mini-attribution-endpoint_-_font-size); --yt-formatted-string-endpoint_-_font-weight: var(--ytd-mini-attribution-endpoint_-_font-weight); --yt-formatted-string-endpoint_-_line-height: var(--ytd-mini-attribution-endpoint_-_line-height);; - color: var(--yt-spec-text-secondary); - margin: var(--ytd-margin-6x) 0 var(--ytd-margin-2x); - font-size: var(--ytd-mini-attribution_-_font-size); font-weight: var(--ytd-mini-attribution_-_font-weight); line-height: var(--ytd-mini-attribution_-_line-height); - } - - #cancel-button.yt-report-form-modal-renderer { - margin-right: var(--ytd-margin-2x); - } - - #additional-detail-checkbox-container.yt-report-form-modal-renderer,#checkbox-container.yt-report-form-modal-renderer { - --yt-boolean-form-string-padding-left: 0; - padding: var(--ytd-margin-4x) 0 var(--ytd-margin-6x) 0; - border-top: 1px solid var(--yt-spec-10-percent-layer); - margin: 24px 0 0 0; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - yt-options-renderer { - --paper-input-container-input-color: var(--yt-spec-text-primary); - display: block; - } - - #yt-options-renderer-options.yt-options-renderer { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-formatted-string.yt-options-renderer { - color: var(--yt-spec-text-primary); - line-height: 24px; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height, 24px); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - yt-icon.yt-options-renderer { - color: var(--yt-spec-icon-inactive); - height: 16px; - padding: 0 var(--ytd-margin-2x); - width: 16px; - } - - yt-options-renderer[tooltip-tapped] paper-radio-button.yt-options-renderer { - --paper-radio-button-unchecked-ink-color: transparent; - } - - yt-options-renderer[increased-tooltip-target] yt-icon.yt-options-renderer { - padding: var(--ytd-margin-3x); - } - - yt-icon.yt-options-renderer:hover { - color: var(--yt-spec-icon-active-other); - } - - .info-container.yt-options-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - .content.yt-options-renderer { - min-height: 40px; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - } - - paper-radio-button.radio.yt-options-renderer { - padding: 0; - } - - paper-tooltip.yt-options-renderer { - min-width: 200px; - } - - paper-item.yt-options-renderer { - cursor: pointer; - } - - paper-item.yt-options-renderer:hover { - background-color: var(--yt-spec-10-percent-layer); - } - - paper-dropdown-menu.yt-options-renderer { - --paper-input-container-color: var(--yt-spec-text-secondary); - --paper-input-container-input-color: var(--yt-spec-text-primary); - --paper-input-container-focus-color: var(--yt-spec-text-primary); - --paper-input-container-underline_-_background: var(--yt-spec-10-percent-layer); --paper-input-container-underline_-_display: initial;; - --paper-input-container-input_-_font-size: var(--ytd-user-comment_-_font-size); --paper-input-container-input_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-input-container-input_-_line-height: var(--ytd-user-comment_-_line-height); --paper-input-container-input_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-input-container-input_-_color: initial; --paper-input-container-input_-_padding: initial; --paper-input-container-input_-_box-sizing: initial; --paper-input-container-input_-_height: initial; --paper-input-container-input_-_text-align: initial; --paper-input-container-input_-_overflow: initial; --paper-input-container-input_-_white-space: initial; --paper-input-container-input_-_text-overflow: initial; --paper-input-container-input_-_max-width: initial; --paper-input-container-input_-_cursor: initial;; - - padding: var(--ytd-margin-2x) var(--ytd-margin-4x) var(--ytd-margin-2x) var(--ytd-margin-11x); - --paper-item_-_font-size: var(--ytd-user-comment_-_font-size); --paper-item_-_font-weight: var(--ytd-user-comment_-_font-weight); --paper-item_-_line-height: var(--ytd-user-comment_-_line-height); --paper-item_-_letter-spacing: var(--ytd-user-comment_-_letter-spacing); --paper-item_-_white-space: initial;; - --paper-item-selected-weight: 500; - } - - paper-listbox.yt-options-renderer { - width: var(--yt-options-renderer-dropdown-width); - } - - yt-boolean-form-field-v2-renderer { - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - paper-checkbox.yt-boolean-form-field-v2-renderer { - --paper-checkbox-size: 18px; - --paper-checkbox-vertical-align: top; - --paper-checkbox-margin: 2px 0 0 0; - } - - yt-formatted-string.yt-boolean-form-field-v2-renderer { - --yt-endpoint-color: var(--yt-blue); - --yt-endpoint-hover-color: var(--yt-blue); - padding-left: - var(--yt-boolean-form-string-padding-left, var(--ytd-margin-6x)); - color: var(--yt-primary-text-color); - cursor: pointer; - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - yt-confirm-dialog-renderer[dialog][dialog][dialog] { - --divider-color: var(--yt-border-color); - background: var(--yt-dialog-background); - margin: 0; - max-width: 688px; - padding: 0; - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - } - - yt-confirm-dialog-renderer[dialog][dialog][dialog][use-overlay-for-spinner_] { - position: relative; - visibility: hidden; - } - - yt-confirm-dialog-renderer[dialog-with-header-image] { - width: min-content; - } - - yt-confirm-dialog-renderer:not([use-overlay-for-spinner_]) #spinner.yt-confirm-dialog-renderer { - width: 400px; - - height: 224px; - display: var(--layout_-_display); - -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items); - -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content); - } - - yt-confirm-dialog-renderer[use-overlay-for-spinner_] #spinner.yt-confirm-dialog-renderer { - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - visibility: visible; - } - - yt-confirm-dialog-renderer[dialog-with-thumbnail] { - min-width: 456px; - } - - yt-confirm-dialog-renderer[dialog-with-thumbnail] #main.yt-confirm-dialog-renderer { - min-width: 200px; - } - - yt-confirm-dialog-renderer[dialog-with-thumbnail] #scroller.yt-confirm-dialog-renderer { - margin: 0; - min-height: 100px; - display: var(--layout_-_display); - } - - #main.yt-confirm-dialog-renderer { - margin-top: var(--ytd-margin-6x); - - - width: 100%; - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-confirm-dialog-renderer[dialog-with-header-image] #main.yt-confirm-dialog-renderer { - margin-top: 0; - } - - #header-image.yt-confirm-dialog-renderer { - margin: 0 0 24px 0; - width: max-content; - } - - #title.yt-confirm-dialog-renderer { - display: block; - color: var(--yt-primary-text-color); - margin-bottom: var(--ytd-margin-4x); - padding: 0 var(--ytd-margin-6x); - font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); - } - - #scroller.yt-confirm-dialog-renderer { - --paper-dialog-scrollable_-_min-width: 200px; --paper-dialog-scrollable_-_padding: 0 var(--ytd-margin-6x); --paper-dialog-scrollable_-_box-sizing: border-box; --paper-dialog-scrollable_-_overflow-x: initial;; - color: var(--yt-secondary-text-color); - margin: var(--ytd-margin-base) 0 var(--ytd-margin-6x); - padding: 0; - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - font-size: var(--ytd-user-comment_-_font-size); font-weight: var(--ytd-user-comment_-_font-weight); line-height: var(--ytd-user-comment_-_line-height); letter-spacing: var(--ytd-user-comment_-_letter-spacing); - } - - .line-text.yt-confirm-dialog-renderer:not(:last-of-type) { - display: block; - margin-bottom: var(--ytd-margin-2x); - } - - .buttons.yt-confirm-dialog-renderer { - border-top: var(--yt-confirm-dialog-buttons-border-top, 1px solid var(--yt-border-color)); - position: relative; - padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); - - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - -ms-flex: var(--ytd-safari-layout-fix_-_-ms-flex); -webkit-flex: var(--ytd-safari-layout-fix_-_-webkit-flex); flex: var(--ytd-safari-layout-fix_-_flex); - } - - #cancel-button.yt-confirm-dialog-renderer,#confirm-button.yt-confirm-dialog-renderer { - margin-left: var(--ytd-margin-2x); - } - - yt-confirm-dialog-renderer[primary-is-cancel] .buttons.yt-confirm-dialog-renderer { - display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(--layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal-reverse_-_flex-direction); - -ms-flex-pack: var(--layout-start-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-start-justified_-_-webkit-justify-content); justify-content: var(--layout-start-justified_-_justify-content); - } - - @media (max-width: 455px) { - yt-confirm-dialog-renderer[dialog][dialog][dialog] { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-confirm-dialog-renderer[dialog-with-thumbnail] { - min-width: initial; - } - - yt-confirm-dialog-renderer[dialog-with-thumbnail] #scroller.yt-confirm-dialog-renderer { - margin-bottom: 24px; - min-height: initial; - display: var(--layout-block_-_display); - } - - } - - yt-fancy-dismissible-dialog-renderer[dialog][dialog][dialog] { - background: var(--yt-dialog-background); - margin: 0; - width: 450px; - min-height: 240px; - max-width: 80vw; - min-width: var(--yt-legal-report-details-form-renderer-min-width); - padding: 0; - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - yt-fancy-dismissible-dialog-renderer > *.yt-fancy-dismissible-dialog-renderer:not(:last-child) { - padding: 0 var(--ytd-margin-6x); - } - - yt-fancy-dismissible-dialog-renderer > *.yt-fancy-dismissible-dialog-renderer:first-child { - margin-top: var(--ytd-margin-6x); - } - - h2.yt-fancy-dismissible-dialog-renderer { - color: var(--yt-primary-text-color); - margin-bottom: 0; - font-size: var(--ytd-subheadline_-_font-size); font-weight: var(--ytd-subheadline_-_font-weight); line-height: var(--ytd-subheadline_-_line-height); letter-spacing: var(--ytd-subheadline_-_letter-spacing); - } - - #scroller.yt-fancy-dismissible-dialog-renderer { - --paper-dialog-scrollable_-_padding: 0; --paper-dialog-scrollable_-_min-width: initial; --paper-dialog-scrollable_-_box-sizing: initial; --paper-dialog-scrollable_-_overflow-x: initial;; - margin-top: var(--ytd-margin-5x); - margin-bottom: var(--ytd-margin-6x); - } - - #message.yt-fancy-dismissible-dialog-renderer { - color: var(--yt-primary-text-color); - font-size: var(--ytd-thumbnail-attribution_-_font-size); font-weight: var(--ytd-thumbnail-attribution_-_font-weight); line-height: var(--ytd-thumbnail-attribution_-_line-height); letter-spacing: var(--ytd-thumbnail-attribution_-_letter-spacing); text-transform: var(--ytd-thumbnail-attribution_-_text-transform); - } - - .buttons.yt-fancy-dismissible-dialog-renderer { - padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); - border-top: 1px solid var(--yt-border-color); - display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction); - -ms-flex-pack: var(--layout-end-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-end-justified_-_-webkit-justify-content); justify-content: var(--layout-end-justified_-_justify-content); - } - - yt-live-chat-app { - display: block; - - - width: 100vw; - height: 100vh; - - - min-width: 298px; - min-height: 360px; - - --yt-report-form-modal-renderer-min-width: 0; - - display: var(--layout-vertical_-_display, block); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - } - - #contents.yt-live-chat-app { - display: var(--layout-vertical_-_display); -ms-flex-direction: var(--layout-vertical_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-vertical_-_-webkit-flex-direction); flex-direction: var(--layout-vertical_-_flex-direction); - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - #contents.yt-live-chat-app > *.yt-live-chat-app { - -ms-flex: var(--layout-flex_-_-ms-flex); -webkit-flex: var(--layout-flex_-_-webkit-flex); flex: var(--layout-flex_-_flex); -webkit-flex-basis: var(--layout-flex_-_-webkit-flex-basis); flex-basis: var(--layout-flex_-_flex-basis); - } - - yt-live-chat-app[dashboard-money-feed] { - min-height: 0; - } - - yt-live-chat-app[dashboard-money-feed] #contents.yt-live-chat-app > yt-live-chat-message-renderer.yt-live-chat-app { - font-size: 18px; - } - - /* Browser reset styles. */ - - 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 { - margin: 0; - padding: 0; - border: 0; - background: transparent; - } - - /* Extra definitions. STYLE MUST BE GLOBAL AND HIGHLY REUSED TO BE ADDED HERE. */ - - [hidden] { - display: none !important; /* See https://github.com/Polymer/polymer/issues/3711 */ - } - - /** - * Simple endpoint styles are copies of the --yt-endpoint and - * --yt-endpoint-hover mixins defined above in the custom-style block. - * See b/37723498 for context. - */ - .yt-simple-endpoint { - display: inline-block; - cursor: pointer; - text-decoration: none; - color: var(--yt-endpoint-color, var(--yt-spec-text-primary)); - } - - .yt-simple-endpoint:hover { - color: var(--yt-endpoint-hover-color, var(--yt-spec-text-primary)); - text-decoration: var(--yt-endpoint-text-decoration, none); - } - \ No newline at end of file diff --git a/src/options.js b/src/options.js index 227d61b..4fdcafc 100644 --- a/src/options.js +++ b/src/options.js @@ -113,16 +113,20 @@ PersistentSyncStorage.on('ready', () => { input.addEventListener('change', inputOnChange); switch (input.id) { - case 'enableBTTVEmotes': input.removeAttribute('disabled'); break; - if(PersistentSyncStorage.data.options.allowTextSlider == true){ - textSizeSlider.disabled = false; - }else{ - textSizeSlider.disabled = true; - } + case 'enableFrankerEmotes': + input.removeAttribute('disabled'); + break; + + case 'enableTwitchEmotes': + input.removeAttribute('disabled'); + break; + + case 'kappaFix': + input.removeAttribute('disabled'); break; case 'theaterModeFix': @@ -156,10 +160,6 @@ PersistentSyncStorage.on('ready', () => { case 'setLiveChat' : input.removeAttribute('disabled'); break; - - case 'allowTextSlider' : - // - break; case 'allowTextSlider': input.removeAttribute('disabled'); @@ -170,6 +170,10 @@ PersistentSyncStorage.on('ready', () => { } break; + case 'setGreenScreen': + input.removeAttribute('disabled'); + break; + default: // shouldn't get hete if handled break; @@ -182,7 +186,7 @@ infoButton.addEventListener('click', function(){ chrome.tabs.create({ url: 'https://wompmacho.com/wompchat' }); }); -var chat_overlay = document.getElementById('chat_overlay'); -chat_overlay.addEventListener('click', function(){ - chrome.tabs.create({ url: 'html/chat_overlay.html' }); -}); \ No newline at end of file +// var chat_overlay = document.getElementById('chat_overlay'); +// chat_overlay.addEventListener('click', function(){ +// chrome.tabs.create({ url: 'html/chat_overlay.html' }); +// }); \ No newline at end of file diff --git a/src/stylus/chat_overlay.styl b/src/stylus/chat_overlay.styl new file mode 100644 index 0000000..5d8bac7 --- /dev/null +++ b/src/stylus/chat_overlay.styl @@ -0,0 +1,40 @@ +html + overflow: scroll; + overflow-x: hidden; + background-color:#00ff00 !important + +::-webkit-scrollbar + width: 0px; + background: transparent; + +::-webkit-scrollbar-thumb + background: #FF0000; + +yt-live-chat-text-message-renderer + font-family: Impact, Charcoal, sans-serif !important + background-color: transparent !important + #timestamp + font-size: 1.5em !important + vertical-align: middle !important + color: white !important + font-weight: 700 !important + img + vertical-align: middle !important + height: 2em !important; + width: auto !important; + #author-name + font-size: 1.5em !important + vertical-align: middle !important + color: white !important + font-weight: 700 !important + #message + font-size: 2em !important + color: white !important + #Emote + vertical-align: middle + + + +.message_container + overflow-y: scroll !important; + scroll-behavior: smooth \ No newline at end of file diff --git a/src/stylus/content.styl b/src/stylus/content.styl index 1b4a306..b14de47 100644 --- a/src/stylus/content.styl +++ b/src/stylus/content.styl @@ -42,22 +42,22 @@ #content display: inline-block vertical-align: middle - #timestamp.yt-live-chat-text-message-renderer - font-size: 1em - display: inline-block - vertical-align: middle .showTimeStamp #timestamp.yt-live-chat-text-message-renderer display: inline-block + vertical-align: middle + .Emote + height: 100%; + vertical-align: bottom; + img height: 1.75em align-self: center - vertical-align: sub; display:inline-block - vertical-align: middle + vertical-align: middle !important emote_div:hover background-size: 100% //100% @@ -212,4 +212,11 @@ emote_div:hover position: absolute !important right: 0px !important top: 0px !important - border: 1px solid #4e4e4e \ No newline at end of file + border: 1px solid #4e4e4e + +.green_sceen + background-color: #00ff00 !important + font-weight: 700 !important + -webkit-text-stroke: 1px #000000 + yt-live-chat-text-message-renderer:nth-child(odd) + background-color: #00ff00 !important