: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); }