Skip to content

Instantly share code, notes, and snippets.

@kennyt
Created July 21, 2022 00:02
Show Gist options
  • Save kennyt/2f0d1cecf8b0fad44ccc3c0fec646b25 to your computer and use it in GitHub Desktop.
Save kennyt/2f0d1cecf8b0fad44ccc3c0fec646b25 to your computer and use it in GitHub Desktop.
This file has been truncated, but you can view the full file.
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: #dd2c00;
--primary-color: #3f51b5;
--light-primary-color: #c5cae9;
--dark-primary-color: #303f9f;
--accent-color: #ff4081;
--light-accent-color: #ff80ab;
--dark-accent-color: #f50057;
--light-theme-background-color: #fff;
--light-theme-base-color: #000;
--light-theme-text-color: #212121;
--light-theme-secondary-color: #737373;
--light-theme-disabled-color: #9b9b9b;
--light-theme-divider-color: #dbdbdb;
--dark-theme-background-color: #212121;
--dark-theme-base-color: #fff;
--dark-theme-text-color: #fff;
--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);
}
iron-a11y-announcer {
display: inline-block;
position: fixed;
clip: rect(0px,0px,0px,0px);
}
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-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-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;
}
tp-yt-app-header-layout {
display: block;
position: relative;
z-index: 0;
}
#wrapper.tp-yt-app-header-layout > [slot=header] {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
#wrapper.initializing.tp-yt-app-header-layout > [slot=header] {
position: relative;
}
tp-yt-app-header-layout[has-scrolling-region] {
height: 100%;
}
tp-yt-app-header-layout[has-scrolling-region] #wrapper.tp-yt-app-header-layout > [slot=header] {
position: absolute;
}
tp-yt-app-header-layout[has-scrolling-region] #wrapper.initializing.tp-yt-app-header-layout > [slot=header] {
position: relative;
}
tp-yt-app-header-layout[has-scrolling-region] #wrapper.tp-yt-app-header-layout #contentContainer.tp-yt-app-header-layout {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
tp-yt-app-header-layout[has-scrolling-region] #wrapper.initializing.tp-yt-app-header-layout #contentContainer.tp-yt-app-header-layout {
position: relative;
}
tp-yt-app-header-layout[fullbleed] {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
tp-yt-app-header-layout[fullbleed] #wrapper.tp-yt-app-header-layout,tp-yt-app-header-layout[fullbleed] #wrapper.tp-yt-app-header-layout #contentContainer.tp-yt-app-header-layout {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 0.000000001px;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 0.000000001px;
flex-basis: 0.000000001px;
}
#contentContainer.tp-yt-app-header-layout {
position: relative;
z-index: 0;
}
@media print {
tp-yt-app-header-layout[has-scrolling-region] #wrapper.tp-yt-app-header-layout #contentContainer.tp-yt-app-header-layout {
overflow-y: visible;
}
}
tp-yt-app-header {
position: relative;
display: block;
transition-timing-function: linear;
transition-property: -webkit-transform;
transition-property: transform;
}
tp-yt-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;
}
tp-yt-app-header[shadow]::before {
opacity: 1;
}
#background.tp-yt-app-header {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
#backgroundFrontLayer.tp-yt-app-header,#backgroundRearLayer.tp-yt-app-header {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
pointer-events: none;
background-size: cover;
}
#backgroundFrontLayer.tp-yt-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.tp-yt-app-header {
opacity: 0;
}
#contentContainer.tp-yt-app-header {
position: relative;
width: 100%;
height: 100%;
}
tp-yt-app-header[disabled],tp-yt-app-header[disabled]::after,tp-yt-app-header[disabled] #backgroundFrontLayer.tp-yt-app-header,tp-yt-app-header[disabled] #backgroundRearLayer.tp-yt-app-header,tp-yt-app-header[silent-scroll],tp-yt-app-header[silent-scroll]::after,tp-yt-app-header[silent-scroll] #backgroundFrontLayer.tp-yt-app-header,tp-yt-app-header[silent-scroll] #backgroundRearLayer.tp-yt-app-header {
transition: none !important;
}
tp-yt-app-header[disabled] > app-toolbar:first-of-type,tp-yt-app-header[disabled] > [sticky],tp-yt-app-header[silent-scroll] > app-toolbar:first-of-type,tp-yt-app-header[silent-scroll] > [sticky] {
transition: none !important;
}
tp-yt-app-toolbar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
height: 64px;
padding: 0 16px;
pointer-events: none;
font-size: var(--app-toolbar-font-size, 20px);
}
tp-yt-app-toolbar > * {
pointer-events: auto;
}
tp-yt-app-toolbar > paper-icon-button {
font-size: 0;
}
tp-yt-app-toolbar > [main-title],tp-yt-app-toolbar > [condensed-title] {
pointer-events: none;
-ms-flex: 1 1 0.000000001px;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 0.000000001px;
flex-basis: 0.000000001px;
}
tp-yt-app-toolbar > [bottom-item] {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
tp-yt-app-toolbar > [top-item] {
position: absolute;
top: 0;
right: 0;
left: 0;
}
tp-yt-app-toolbar > [spacer] {
margin-left: 64px;
}
tp-yt-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.tp-yt-iron-autogrow-textarea {
visibility: hidden;
word-wrap: break-word;
white-space: pre-wrap;
}
.fit.tp-yt-iron-autogrow-textarea {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
textarea.tp-yt-iron-autogrow-textarea {
position: relative;
outline: none;
border: none;
resize: none;
background: inherit;
color: inherit;
width: 100%;
height: 100%;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: inherit;
}
textarea.tp-yt-iron-autogrow-textarea::-webkit-input-placeholder {
padding: var(--iron-autogrow-textarea-placeholder-padding);
}
textarea.tp-yt-iron-autogrow-textarea:-moz-placeholder {
padding: var(--iron-autogrow-textarea-placeholder-padding);
}
textarea.tp-yt-iron-autogrow-textarea::-moz-placeholder {
padding: var(--iron-autogrow-textarea-placeholder-padding);
}
textarea.tp-yt-iron-autogrow-textarea:-ms-input-placeholder {
padding: var(--iron-autogrow-textarea-placeholder-padding);
}
tp-yt-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;
}
tp-yt-iron-overlay-backdrop.opened {
opacity: var(--iron-overlay-backdrop-opacity, 0.6);
pointer-events: auto;
z-index: var(--iron-overlay-backdrop-opened-z-index);
}
tp-yt-iron-dropdown {
position: fixed;
}
#contentWrapper.tp-yt-iron-dropdown > * {
overflow: auto;
}
#contentWrapper.animating.tp-yt-iron-dropdown > * {
overflow: hidden;
pointer-events: none;
}
tp-yt-iron-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);
animation: var(--iron-icon-animation);
margin-top: var(--iron-icon-margin-top);
margin-right: var(--iron-icon-margin-right);
margin-bottom: var(--iron-icon-margin-bottom);
margin-left: var(--iron-icon-margin-left);
padding: var(--iron-icon-padding);
}
tp-yt-iron-icon[hidden] {
display: none;
}
tp-yt-iron-list {
display: block;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1) {
tp-yt-iron-list {
will-change: transform;
}
}
#items.tp-yt-iron-list {
position: relative;
}
tp-yt-iron-list:not([grid]) #items.tp-yt-iron-list > * {
width: 100%;
}
#items.tp-yt-iron-list > * {
box-sizing: border-box;
margin: 0;
position: absolute;
top: 0;
will-change: transform;
}
tp-yt-paper-button {
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;
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: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
}
tp-yt-paper-button[elevation="1"] {
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);
}
tp-yt-paper-button[elevation="2"] {
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);
}
tp-yt-paper-button[elevation="3"] {
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);
}
tp-yt-paper-button[elevation="4"] {
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);
}
tp-yt-paper-button[elevation="5"] {
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);
}
tp-yt-paper-button[hidden] {
display: none !important;
}
tp-yt-paper-button[raised].keyboard-focus {
font-weight: bold;
}
tp-yt-paper-button:not([raised]).keyboard-focus {
background-color: var(--paper-button-flat-keyboard-focus-background-color);
font-weight: var(--paper-button-flat-keyboard-focus-font-weight, bold);
outline: var(--paper-button-flat-keyboard-focus-outline);
}
tp-yt-paper-button[disabled] {
background: none;
color: #a8a8a8;
cursor: auto;
pointer-events: none;
}
tp-yt-paper-button[disabled][raised] {
background: #eaeaea;
}
tp-yt-paper-button[animated] {
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
paper-ripple.tp-yt-paper-button {
color: var(--paper-button-ink-color);
}
tp-yt-paper-card {
position: relative;
box-sizing: border-box;
background-color: var(--paper-card-background-color, var(--primary-background-color));
border-radius: 2px;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
display: var(--paper-card-display, inline-block);
}
tp-yt-paper-card[hidden],.tp-yt-paper-card[hidden] {
display: none !important;
}
.header.tp-yt-paper-card {
position: relative;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
overflow: hidden;
}
.header.tp-yt-paper-card iron-image.tp-yt-paper-card {
display: block;
width: 100%;
--iron-image-width: 100%;
pointer-events: none;
}
.header.tp-yt-paper-card .title-text.tp-yt-paper-card {
color: var(--paper-card-header-color, #000);
}
.header.tp-yt-paper-card .title-text.over-image.tp-yt-paper-card {
position: absolute;
bottom: 0px;
}
tp-yt-paper-card > .card-content {
position: relative;
}
tp-yt-paper-card > .card-actions {
border-top: 1px solid #e8e8e8;
position: relative;
}
tp-yt-paper-card[elevation="1"] {
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);
}
tp-yt-paper-card[elevation="2"] {
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);
}
tp-yt-paper-card[elevation="3"] {
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);
}
tp-yt-paper-card[elevation="4"] {
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);
}
tp-yt-paper-card[elevation="5"] {
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);
}
tp-yt-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: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
line-height: 0;
-webkit-tap-highlight-color: transparent;
}
tp-yt-paper-checkbox[hidden] {
display: none !important;
}
tp-yt-paper-checkbox:focus {
outline: none;
}
.hidden.tp-yt-paper-checkbox {
display: none;
}
#checkboxContainer.tp-yt-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.tp-yt-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.tp-yt-paper-checkbox, #ink.tp-yt-paper-checkbox[dir="rtl"] {
right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size)) / 2);
left: auto;
}
#ink.tp-yt-paper-checkbox[checked] {
color: var(--paper-checkbox-checked-ink-color, var(--primary-color));
}
#checkbox.tp-yt-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.tp-yt-paper-checkbox #checkmark.tp-yt-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.tp-yt-paper-checkbox {
background-color: var(--paper-checkbox-checked-color, var(--primary-color));
border-color: var(--paper-checkbox-checked-color, var(--primary-color));
}
#checkmark.tp-yt-paper-checkbox {
position: absolute;
width: 36%;
height: 70%;
border-style: solid;
border-top: none;
border-left: none;
border-right-width: calc(0.1333333333 * var(--calculated-paper-checkbox-size));
border-bottom-width: calc(0.1333333333 * 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.tp-yt-paper-checkbox, #checkmark.tp-yt-paper-checkbox[dir="rtl"] {
-webkit-transform-origin: 50% 14%;
transform-origin: 50% 14%;
}
tp-yt-paper-checkbox tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target=label],.tp-yt-paper-checkbox[style-target=label] {
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));
}
[dir="rtl"] tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target=label], tp-yt-paper-checkbox tp-yt-paper-checkbox[dir="rtl"] .tp-yt-paper-checkbox[style-target=label],[dir="rtl"] .tp-yt-paper-checkbox[style-target=label].tp-yt-paper-checkbox, .tp-yt-paper-checkbox[style-target=label].tp-yt-paper-checkbox[dir="rtl"] {
padding-right: var(--paper-checkbox-label-spacing, 8px);
padding-left: 0;
}
tp-yt-paper-checkbox tp-yt-paper-checkbox[hidden] .tp-yt-paper-checkbox[style-target=label],.tp-yt-paper-checkbox[style-target=label].tp-yt-paper-checkbox[hidden] {
display: none;
}
tp-yt-paper-checkbox tp-yt-paper-checkbox[hidden] .tp-yt-paper-checkbox[style-target=label] {
display: none;
}
tp-yt-paper-checkbox tp-yt-paper-checkbox[checked] .tp-yt-paper-checkbox[style-target=label],tp-yt-paper-checkbox[checked] .tp-yt-paper-checkbox[style-target=label] {
color: var(--paper-checkbox-label-checked-color, var(--paper-checkbox-label-color, var(--primary-text-color)));
}
tp-yt-paper-checkbox[disabled] #checkbox.tp-yt-paper-checkbox {
opacity: 0.5;
border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));
}
tp-yt-paper-checkbox[disabled][checked] #checkbox.tp-yt-paper-checkbox {
background-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));
opacity: 0.5;
}
tp-yt-paper-checkbox tp-yt-paper-checkbox[disabled] .tp-yt-paper-checkbox[style-target=label],tp-yt-paper-checkbox[disabled] .tp-yt-paper-checkbox[style-target=label] {
opacity: 0.65;
}
#checkbox.invalid.tp-yt-paper-checkbox:not(.checked) {
border-color: var(--paper-checkbox-error-color, var(--error-color));
}
tp-yt-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: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
font-weight: 400;
line-height: 20px;
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);
}
tp-yt-paper-dialog > * {
margin-top: 20px;
padding: 0 24px;
}
tp-yt-paper-dialog > .no-padding {
padding: 0;
}
tp-yt-paper-dialog[modern] {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 0 24px 12px var(--paper-dialog-shadow-color, rgba(0, 0, 0, 0.15));
}
tp-yt-paper-dialog > *:first-child {
margin-top: 24px;
}
tp-yt-paper-dialog > *:last-child {
margin-bottom: 24px;
}
tp-yt-paper-dialog > h2 {
position: relative;
margin: 0;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
tp-yt-paper-dialog > h2:first-child {
margin-top: 24px;
}
tp-yt-paper-dialog > h2:last-child {
margin-bottom: 24px;
}
tp-yt-paper-dialog > .paper-dialog-buttons,tp-yt-paper-dialog > .buttons {
position: relative;
padding: 8px 8px 8px 24px;
margin: 0;
color: var(--paper-dialog-button-color, var(--primary-color));
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;
}
tp-yt-paper-dialog-scrollable {
display: block;
position: relative;
}
tp-yt-paper-dialog-scrollable.is-scrolled:not(:first-child)::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: var(--divider-color);
}
tp-yt-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.tp-yt-paper-dialog-scrollable {
-webkit-overflow-scrolling: touch;
overflow: auto;
box-sizing: var(--paper-dialog-scrollable-box-sizing);
height: var(--paper-dialog-scrollable-height);
min-width: var(--paper-dialog-scrollable-min-width);
overflow-x: var(--paper-dialog-scrollable-overflow-x);
padding: var(--paper-dialog-scrollable-padding, 0 24px);
}
.fit.tp-yt-paper-dialog-scrollable {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
tp-yt-paper-menu-button {
display: inline-block;
position: relative;
outline: none;
background-color: var(--paper-menu-button-background-color);
border-radius: var(--paper-menu-button-border-radius);
padding: var(--paper-menu-button-padding, 8px);
width: var(--paper-menu-button-width);
}
tp-yt-paper-menu-button[disabled] {
cursor: auto;
color: var(--disabled-text-color);
opacity: var(--paper-menu-button-disabled-opacity);
}
tp-yt-iron-dropdown.tp-yt-paper-menu-button {
max-height: var(--paper-menu-button-dropdown-max-height);
width: var(--paper-menu-button-dropdown-width);
}
.dropdown-content.tp-yt-paper-menu-button {
background: var(--paper-menu-button-content-background);
background-color: var(--paper-menu-button-content-background-color, var(--paper-menu-button-dropdown-background, var(--primary-background-color)));
border-radius: var(--paper-menu-button-content-border-radius, 2px);
box-shadow: var(--paper-menu-button-content-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));
position: var(--paper-menu-button-content-position, relative);
}
tp-yt-paper-menu-button[vertical-align=top] .dropdown-content.tp-yt-paper-menu-button {
margin-bottom: 20px;
margin-top: -10px;
top: 10px;
}
tp-yt-paper-menu-button[vertical-align=bottom] .dropdown-content.tp-yt-paper-menu-button {
bottom: 10px;
margin-bottom: -10px;
margin-top: 20px;
}
#trigger.tp-yt-paper-menu-button {
cursor: pointer;
}
tp-yt-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_-_text-align: initial;;
}
tp-yt-paper-dropdown-menu-light:focus {
outline: none;
}
[dir="rtl"] tp-yt-paper-dropdown-menu-light, tp-yt-paper-dropdown-menu-light[dir="rtl"] {
text-align: right;
}
tp-yt-paper-dropdown-menu-light[noink] paper-ripple.tp-yt-paper-dropdown-menu-light {
display: none;
}
tp-yt-paper-dropdown-menu-light[no-label-float] paper-ripple.tp-yt-paper-dropdown-menu-light {
top: 8px;
}
paper-ripple.tp-yt-paper-dropdown-menu-light {
top: 12px;
left: 0px;
bottom: 8px;
right: 0px;
}
tp-yt-paper-menu-button.tp-yt-paper-dropdown-menu-light {
display: block;
padding: 0;
}
tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light {
color: var(--paper-dropdown-menu-icon-color, var(--disabled-text-color));
}
tp-yt-paper-dropdown-menu-light {
width: 200px;
}
.tp-yt-paper-dropdown-menu-light[slot=dropdown-trigger] {
box-sizing: border-box;
position: relative;
width: 100%;
padding: 16px 0 8px;
}
.tp-yt-paper-dropdown-menu-light[slot=dropdown-trigger].tp-yt-paper-dropdown-menu-light:focus {
outline: none;
}
tp-yt-paper-dropdown-menu-light[disabled] .tp-yt-paper-dropdown-menu-light[slot=dropdown-trigger] {
pointer-events: none;
opacity: var(--paper-dropdown-menu-disabled-opacity, 0.33);
}
tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[slot=dropdown-trigger] {
padding-top: 8px;
}
tp-yt-paper-dropdown-menu-light tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target=input],.tp-yt-paper-dropdown-menu-light[style-target=input] {
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
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;
}
[dir="rtl"] tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target=input], tp-yt-paper-dropdown-menu-light tp-yt-paper-dropdown-menu-light[dir="rtl"] .tp-yt-paper-dropdown-menu-light[style-target=input],[dir="rtl"] .tp-yt-paper-dropdown-menu-light[style-target=input].tp-yt-paper-dropdown-menu-light, .tp-yt-paper-dropdown-menu-light[style-target=input].tp-yt-paper-dropdown-menu-light[dir="rtl"] {
padding-right: 0px;
padding-left: 20px;
}
tp-yt-paper-dropdown-menu-light[disabled] .tp-yt-paper-dropdown-menu-light[style-target=input] {
border-bottom: 1px dashed var(--paper-dropdown-menu-color, var(--secondary-text-color));
}
tp-yt-paper-dropdown-menu-light[invalid] .tp-yt-paper-dropdown-menu-light[style-target=input] {
border-bottom: 2px solid var(--paper-dropdown-error-color, var(--error-color));
}
tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[style-target=input] {
padding-top: 0;
}
.label.tp-yt-paper-dropdown-menu-light {
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
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: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
color: var(--paper-dropdown-menu-color, var(--secondary-text-color));
}
[dir="rtl"] .label.tp-yt-paper-dropdown-menu-light, .label.tp-yt-paper-dropdown-menu-light[dir="rtl"] {
padding-right: 0px;
padding-left: 20px;
text-align: right;
}
.label.label-is-floating.tp-yt-paper-dropdown-menu-light {
font-size: 12px;
top: 8px;
}
.label.label-is-hidden.tp-yt-paper-dropdown-menu-light {
visibility: hidden;
}
.label.tp-yt-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: 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
visibility: hidden;
width: 8px;
z-index: 10;
}
tp-yt-paper-dropdown-menu-light[no-label-float] .label.tp-yt-paper-dropdown-menu-light,tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[style-target=label] {
top: 8px;
transition-duration: 0s;
}
tp-yt-paper-dropdown-menu-light[focused] .label.label-is-floating.tp-yt-paper-dropdown-menu-light,tp-yt-paper-dropdown-menu-light[focused] .tp-yt-paper-dropdown-menu-light[style-target=label].label-is-floating.tp-yt-paper-dropdown-menu-light {
color: var(--paper-dropdown-menu-focus-color, var(--primary-color));
}
tp-yt-paper-dropdown-menu-light[invalid] .label.label-is-floating.tp-yt-paper-dropdown-menu-light,tp-yt-paper-dropdown-menu-light[invalid] .tp-yt-paper-dropdown-menu-light[style-target=label].label-is-floating.tp-yt-paper-dropdown-menu-light {
color: var(--paper-dropdown-error-color, var(--error-color));
}
tp-yt-paper-dropdown-menu-light[invalid] .label.tp-yt-paper-dropdown-menu-light:after,tp-yt-paper-dropdown-menu-light[invalid] .tp-yt-paper-dropdown-menu-light[style-target=label].tp-yt-paper-dropdown-menu-light:after {
background-color: var(--paper-dropdown-error-color, var(--error-color));
}
tp-yt-paper-dropdown-menu-light[no-label-float] .label.tp-yt-paper-dropdown-menu-light:after,tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[style-target=label].tp-yt-paper-dropdown-menu-light:after {
bottom: 7px;
}
tp-yt-paper-dropdown-menu-light[focused]:not([disabled]) .label.tp-yt-paper-dropdown-menu-light:after,tp-yt-paper-dropdown-menu-light[focused]:not([disabled]) .tp-yt-paper-dropdown-menu-light[style-target=label].tp-yt-paper-dropdown-menu-light:after {
left: 0;
visibility: visible;
width: 100%;
}
tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light {
position: absolute;
right: 0px;
bottom: 8px;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: var(--paper-dropdown-menu-icon-color, var(--disabled-text-color));
}
[dir="rtl"] tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light, tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light[dir="rtl"] {
left: 0;
right: auto;
}
tp-yt-paper-dropdown-menu-light[no-label-float] tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light {
margin-top: 0px;
}
.error.tp-yt-paper-dropdown-menu-light {
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.011em;
line-height: 20px;
display: inline-block;
visibility: hidden;
color: var(--paper-dropdown-error-color, var(--error-color));
position: absolute;
left: 0;
right: 0;
bottom: -12px;
}
tp-yt-paper-dropdown-menu-light[invalid] .error.tp-yt-paper-dropdown-menu-light {
visibility: visible;
}
tp-yt-paper-input-char-counter {
display: inline-block;
float: right;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.011em;
line-height: 20px;
}
tp-yt-paper-input-char-counter[hidden] {
display: none !important;
}
[dir="rtl"] tp-yt-paper-input-char-counter, tp-yt-paper-input-char-counter[dir="rtl"] {
float: left;
}
tp-yt-paper-input-container {
display: block;
padding: 8px 0;
}
tp-yt-paper-input-container[inline] {
display: inline-block;
}
tp-yt-paper-input-container[disabled] {
pointer-events: none;
color: var(--paper-input-container-disabled-color);
opacity: var(--paper-input-container-disabled-opacity, 0.33);
}
tp-yt-paper-input-container[hidden] {
display: none !important;
}
.tp-yt-paper-input-container[hidden] {
display: none !important;
}
.floated-label-placeholder.tp-yt-paper-input-container {
display: var(--paper-input-container-floated-label-placeholder-display, block);
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.011em;
line-height: 20px;
}
.underline.tp-yt-paper-input-container {
height: var(--paper-input-container-underline-wrapper-height, 2px);
position: relative;
}
.focused-line.tp-yt-paper-input-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-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);
border-color: var(--paper-input-container-underline-focus-border-color);
border-bottom: var(--paper-input-container-underline-focus-height, 2px) solid var(--paper-input-container-underline-focus-border-color, var(--paper-input-container-underline-focus-color, var(--paper-input-container-focus-color, var(--primary-color))));
}
.underline.is-highlighted.tp-yt-paper-input-container .focused-line.tp-yt-paper-input-container {
-webkit-transform: none;
transform: none;
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
}
.underline.is-invalid.tp-yt-paper-input-container .focused-line.tp-yt-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.tp-yt-paper-input-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--paper-input-container-underline-background);
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);
display: var(--paper-input-container-underline-display, block);
height: var(--paper-input-container-underline-height, var(--paper-input-container-underline-legacy-height));
}
tp-yt-paper-input-container[disabled] .unfocused-line.tp-yt-paper-input-container {
border-bottom: var(--paper-input-container-underline-height, 1px) var(--paper-input-container-underline-disabled-border-bottom-style, 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);
}
.input-wrapper.tp-yt-paper-input-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.input-content.tp-yt-paper-input-container {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
max-width: 100%;
}
#labelAndInputContainer.tp-yt-paper-input-container > label,#labelAndInputContainer.tp-yt-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: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
#labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > label,#labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > .paper-input-label {
-webkit-transform: translateY(-75%) scale(0.75);
transform: translateY(-75%) scale(0.75);
width: 133%;
}
[dir="rtl"] tp-yt-paper-input-container #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > label, tp-yt-paper-input-container[dir="rtl"] #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > label,[dir="rtl"] tp-yt-paper-input-container #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > .paper-input-label, tp-yt-paper-input-container[dir="rtl"] #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > .paper-input-label {
right: 0;
left: auto;
-webkit-transform-origin: right top;
transform-origin: right top;
}
#labelAndInputContainer#labelAndInputContainer.label-is-highlighted.tp-yt-paper-input-container > label,#labelAndInputContainer#labelAndInputContainer.label-is-highlighted.tp-yt-paper-input-container > .paper-input-label {
color: var(--paper-input-container-label-focus-color, var(--paper-input-container-focus-color, var(--primary-color)));
}
#labelAndInputContainer#labelAndInputContainer.is-invalid.tp-yt-paper-input-container > label,#labelAndInputContainer#labelAndInputContainer.is-invalid.tp-yt-paper-input-container > .paper-input-label {
color: var(--paper-input-container-invalid-color, var(--error-color));
}
#labelAndInputContainer#labelAndInputContainer.label-is-hidden.tp-yt-paper-input-container > label,#labelAndInputContainer#labelAndInputContainer.label-is-hidden.tp-yt-paper-input-container > .paper-input-label {
visibility: hidden;
}
.input-content.tp-yt-paper-input-container > input,.input-content.tp-yt-paper-input-container > iron-input,.input-content.tp-yt-paper-input-container > textarea,.input-content.tp-yt-paper-input-container > iron-autogrow-textarea,.input-content.tp-yt-paper-input-container > .paper-input-input {
position: relative;
outline: none;
box-shadow: none;
padding: var(--paper-input-container-shared-input-style-padding, 0);
margin: 0;
width: var(--paper-input-container-shared-input-style-width, 100%);
max-width: 100%;
background: transparent;
border: none;
color: var(--paper-input-container-input-color, var(--primary-text-color));
-webkit-appearance: none;
text-align: inherit;
vertical-align: var(--paper-input-container-input-align, bottom);
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: var(--paper-input-container-input-color, var(--primary-text-color));
}
.input-content.tp-yt-paper-input-container > input::-webkit-outer-spin-button,.input-content.tp-yt-paper-input-container > input::-webkit-inner-spin-button {
-webkit-appearance: var(--paper-input-container-input-webkit-spinner--webkit-appearance);
display: var(--paper-input-container-input-webkit-spinner-display);
}
.prefix.tp-yt-paper-input-container > * {
display: inline-block;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
-ms-flex: none;
-webkit-flex: none;
flex: none;
color: var(--paper-input-prefix-color);
}
.suffix.tp-yt-paper-input-container > * {
display: inline-block;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
-ms-flex: none;
-webkit-flex: none;
flex: none;
top: var(--paper-input-suffix-top);
}
.input-content.tp-yt-paper-input-container > input {
min-width: 0;
}
.input-content.tp-yt-paper-input-container > textarea {
resize: none;
}
.add-on-content.tp-yt-paper-input-container {
position: relative;
}
.add-on-content.is-invalid.tp-yt-paper-input-container > * {
color: var(--paper-input-container-invalid-color, var(--error-color));
}
.add-on-content.is-highlighted.tp-yt-paper-input-container > * {
color: var(--paper-input-container-focus-color, var(--primary-color));
}
tp-yt-paper-input-error {
display: inline-block;
visibility: hidden;
color: var(--paper-input-container-invalid-color, var(--error-color));
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.011em;
line-height: 20px;
position: absolute;
left: 0;
right: 0;
}
tp-yt-paper-input-error[invalid] {
visibility: visible;
}
#a11yWrapper.tp-yt-paper-input-error {
visibility: hidden;
}
tp-yt-paper-input-error[invalid] #a11yWrapper.tp-yt-paper-input-error {
visibility: visible;
}
tp-yt-paper-input {
display: block;
}
tp-yt-paper-input[focused] {
outline: none;
}
tp-yt-paper-input[hidden] {
display: none !important;
}
input.tp-yt-paper-input {
min-width: 0;
-moz-appearance: var(--paper-input-input-moz-appearance) !important;
}
iron-input.tp-yt-paper-input > input.tp-yt-paper-input {
position: relative;
outline: none;
box-shadow: none;
padding: var(--paper-input-container-shared-input-style-padding, 0);
margin: 0;
width: var(--paper-input-container-shared-input-style-width, 100%);
max-width: 100%;
background: transparent;
border: none;
color: var(--paper-input-container-input-color, var(--primary-text-color));
-webkit-appearance: none;
text-align: inherit;
vertical-align: var(--paper-input-container-input-align, bottom);
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
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.tp-yt-paper-input::-webkit-outer-spin-button,input.tp-yt-paper-input::-webkit-inner-spin-button {
-webkit-appearance: var(--paper-input-container-input-webkit-spinner--webkit-appearance);
display: var(--paper-input-container-input-webkit-spinner-display);
}
input.tp-yt-paper-input::-webkit-input-placeholder {
color: var(--paper-input-container-color, var(--secondary-text-color));
}
input.tp-yt-paper-input:-moz-placeholder {
color: var(--paper-input-container-color, var(--secondary-text-color));
}
input.tp-yt-paper-input::-moz-placeholder {
color: var(--paper-input-container-color, var(--secondary-text-color));
}
input.tp-yt-paper-input::-ms-clear {
display: var(--paper-input-container-ms-clear-display);
}
input.tp-yt-paper-input:-ms-input-placeholder {
color: var(--paper-input-container-color, var(--secondary-text-color));
}
label.tp-yt-paper-input {
pointer-events: none;
}
tp-yt-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_-_text-align: initial;;
}
tp-yt-paper-dropdown-menu:focus {
outline: none;
}
[dir="rtl"] tp-yt-paper-dropdown-menu, tp-yt-paper-dropdown-menu[dir="rtl"] {
text-align: right;
}
tp-yt-paper-dropdown-menu[noink] paper-ripple.tp-yt-paper-dropdown-menu {
display: none;
}
tp-yt-paper-dropdown-menu[no-label-float] paper-ripple.tp-yt-paper-dropdown-menu {
top: 8px;
}
paper-ripple.tp-yt-paper-dropdown-menu {
top: 12px;
left: 0px;
bottom: 8px;
right: 0px;
}
tp-yt-paper-menu-button.tp-yt-paper-dropdown-menu {
display: block;
padding: 0;
}
tp-yt-iron-icon.tp-yt-paper-dropdown-menu {
color: var(--paper-dropdown-menu-icon-color, var(--disabled-text-color));
}
tp-yt-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;
}
tp-yt-paper-icon-button #ink.tp-yt-paper-icon-button {
color: var(--paper-icon-button-ink-color, var(--primary-text-color));
opacity: 0.6;
}
tp-yt-paper-icon-button[disabled] {
color: var(--paper-icon-button-disabled-text, var(--disabled-text-color));
pointer-events: none;
cursor: auto;
}
tp-yt-paper-icon-button[hidden] {
display: none !important;
}
tp-yt-paper-icon-button:hover {
-moz-transform: var(--paper-icon-button-hover-transform);
-webkit-transform: var(--paper-icon-button-hover-transform);
transform: var(--paper-icon-button-hover-transform);
color: var(--paper-icon-button-hover-color);
opacity: var(--paper-icon-button-hover-opacity);
}
tp-yt-iron-icon.tp-yt-paper-icon-button {
--iron-icon-width: 100%;
--iron-icon-height: 100%;
}
tp-yt-paper-textarea {
display: block;
}
tp-yt-paper-textarea[hidden] {
display: none !important;
}
label.tp-yt-paper-textarea {
pointer-events: none;
}
tp-yt-paper-icon-item,.tp-yt-paper-item.tp-yt-paper-icon-item {
display: block;
position: relative;
min-height: var(--paper-item-min-height, 48px);
padding: 0px 16px;
}
.tp-yt-paper-item.tp-yt-paper-icon-item {
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
border: none;
outline: none;
background: white;
width: 100%;
text-align: left;
}
tp-yt-paper-icon-item[hidden],.tp-yt-paper-item.tp-yt-paper-icon-item[hidden] {
display: none !important;
}
tp-yt-paper-icon-item.iron-selected,.tp-yt-paper-item.iron-selected.tp-yt-paper-icon-item {
font-weight: var(--paper-item-selected-weight, bold);
background: var(--paper-item-selected-background);
}
tp-yt-paper-icon-item[disabled],.tp-yt-paper-item.tp-yt-paper-icon-item[disabled] {
color: var(--paper-item-disabled-color, var(--disabled-text-color));
}
tp-yt-paper-icon-item:focus,.tp-yt-paper-item.tp-yt-paper-icon-item:focus {
position: relative;
outline: 0;
background-color: var(--paper-item-focused-background-color);
}
tp-yt-paper-icon-item:focus:before,.tp-yt-paper-item.tp-yt-paper-icon-item:focus:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: var(--paper-item-focused-before-background, currentColor);
border-radius: var(--paper-item-focused-before-border-radius, 0);
content: var(--paper-item-focused-before-content, "");
opacity: var(--paper-item-focused-before-opacity, var(--dark-divider-opacity, 0.12));
}
tp-yt-paper-icon-item {
display: -ms-flexbox;
display: -webkit-flex;
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-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
min-height: var(--paper-item-min-height, 48px);
}
.content-icon.tp-yt-paper-icon-item {
display: -ms-flexbox;
display: -webkit-flex;
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: var(--paper-item-icon-width, 56px);
margin-left: var(--paper-item-icon-margin-left);
margin-right: var(--paper-item-icon-margin-right);
}
tp-yt-paper-item-body {
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;
-ms-flex: 1 1 0.000000001px;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 0.000000001px;
flex-basis: 0.000000001px;
}
tp-yt-paper-item-body[two-line] {
min-height: var(--paper-item-body-two-line-min-height, 72px);
}
tp-yt-paper-item-body[three-line] {
min-height: var(--paper-item-body-three-line-min-height, 88px);
}
tp-yt-paper-item-body > * {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
tp-yt-paper-item-body > [secondary] {
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: var(--paper-item-body-secondary-color, var(--secondary-text-color));
}
tp-yt-paper-item,.tp-yt-paper-item.tp-yt-paper-item {
display: block;
position: relative;
min-height: var(--paper-item-min-height, 48px);
padding: 0px 16px;
}
.tp-yt-paper-item.tp-yt-paper-item {
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
border: none;
outline: none;
background: white;
width: 100%;
text-align: left;
}
tp-yt-paper-item[hidden],.tp-yt-paper-item.tp-yt-paper-item[hidden] {
display: none !important;
}
tp-yt-paper-item.iron-selected,.tp-yt-paper-item.iron-selected.tp-yt-paper-item {
font-weight: var(--paper-item-selected-weight, bold);
background: var(--paper-item-selected-background);
}
tp-yt-paper-item[disabled],.tp-yt-paper-item.tp-yt-paper-item[disabled] {
color: var(--paper-item-disabled-color, var(--disabled-text-color));
}
tp-yt-paper-item:focus,.tp-yt-paper-item.tp-yt-paper-item:focus {
position: relative;
outline: 0;
background-color: var(--paper-item-focused-background-color);
}
tp-yt-paper-item:focus:before,.tp-yt-paper-item.tp-yt-paper-item:focus:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: var(--paper-item-focused-before-background, currentColor);
border-radius: var(--paper-item-focused-before-border-radius, 0);
content: var(--paper-item-focused-before-content, "");
opacity: var(--paper-item-focused-before-opacity, var(--dark-divider-opacity, 0.12));
}
tp-yt-paper-item {
display: -ms-flexbox;
display: -webkit-flex;
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-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 400;
line-height: 24px;
min-height: var(--paper-item-min-height, 48px);
}
tp-yt-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));
border: var(--paper-listbox-border);
}
tp-yt-paper-material[animated] {
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
tp-yt-paper-material {
display: block;
position: relative;
}
tp-yt-paper-material[elevation="1"] {
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);
}
tp-yt-paper-material[elevation="2"] {
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);
}
tp-yt-paper-material[elevation="3"] {
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);
}
tp-yt-paper-material[elevation="4"] {
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);
}
tp-yt-paper-material[elevation="5"] {
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);
}
tp-yt-paper-progress {
display: block;
width: 200px;
position: relative;
overflow: hidden;
}
tp-yt-paper-progress[hidden],.tp-yt-paper-progress[hidden] {
display: none !important;
}
#progressContainer.tp-yt-paper-progress {
position: relative;
}
#progressContainer.tp-yt-paper-progress,.indeterminate.tp-yt-paper-progress::after {
height: var(--paper-progress-height, 4px);
border-radius: var(--paper-progress-container-border-radius, 0px);
overflow: var(--paper-progress-container-overflow, visible);
}
#primaryProgress.tp-yt-paper-progress,#secondaryProgress.tp-yt-paper-progress,.indeterminate.tp-yt-paper-progress::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#progressContainer.tp-yt-paper-progress,.indeterminate.tp-yt-paper-progress::after {
background: var(--paper-progress-container-color, #e0e0e0);
}
tp-yt-paper-progress.transiting #primaryProgress.tp-yt-paper-progress,tp-yt-paper-progress.transiting #secondaryProgress.tp-yt-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.tp-yt-paper-progress,#secondaryProgress.tp-yt-paper-progress {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scaleX(0);
transform: scaleX(0);
will-change: transform;
}
#primaryProgress.tp-yt-paper-progress {
background: var(--paper-progress-active-color, #0f9d58);
}
#secondaryProgress.tp-yt-paper-progress {
background: var(--paper-progress-secondary-color, #b7e1cd);
}
tp-yt-paper-progress[disabled] #primaryProgress.tp-yt-paper-progress {
background: var(--paper-progress-disabled-active-color, #9e9e9e);
}
tp-yt-paper-progress[disabled] #secondaryProgress.tp-yt-paper-progress {
background: var(--paper-progress-disabled-secondary-color, #e0e0e0);
}
tp-yt-paper-progress:not([disabled]) #primaryProgress.indeterminate.tp-yt-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;
}
tp-yt-paper-progress:not([disabled]) #primaryProgress.indeterminate.tp-yt-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(0.28, 0.62, 0.37, 0.91);
}
100% {
-webkit-transform: scaleX(0) translateX(0%);
}
}
@-webkit-keyframes indeterminate-splitter {
0% {
-webkit-transform: scaleX(0.75) translateX(-125%);
}
30% {
-webkit-transform: scaleX(0.75) translateX(-125%);
-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8);
}
90% {
-webkit-transform: scaleX(0.75) translateX(125%);
}
100% {
-webkit-transform: scaleX(0.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(0.28, 0.62, 0.37, 0.91);
}
100% {
transform: scaleX(0) translateX(0%);
}
}
@keyframes indeterminate-splitter {
0% {
transform: scaleX(0.75) translateX(-125%);
}
30% {
transform: scaleX(0.75) translateX(-125%);
animation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8);
}
90% {
transform: scaleX(0.75) translateX(125%);
}
100% {
transform: scaleX(0.75) translateX(125%);
}
}
tp-yt-paper-radio-button {
display: inline-block;
line-height: 0;
white-space: nowrap;
cursor: pointer;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
--calculated-paper-radio-button-size: var(--paper-radio-button-size, 16px);
--calculated-paper-radio-button-ink-size: var(
--paper-radio-button-ink-size,
-1px
);
}
tp-yt-paper-radio-button:focus {
outline: none;
}
tp-yt-paper-radio-button tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target=container],.tp-yt-paper-radio-button[style-target=container] {
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;
width: var(--calculated-paper-radio-button-size);
height: var(--calculated-paper-radio-button-size);
vertical-align: middle;
}
#ink.tp-yt-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.tp-yt-paper-radio-button[checked] {
color: var(--paper-radio-button-checked-ink-color, var(--primary-color));
}
#offRadio.tp-yt-paper-radio-button,#onRadio.tp-yt-paper-radio-button {
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
}
#offRadio.tp-yt-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.tp-yt-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;
}
tp-yt-paper-radio-button[checked] #offRadio.tp-yt-paper-radio-button {
border-color: var(--paper-radio-button-checked-color, var(--primary-color));
}
tp-yt-paper-radio-button[checked] #onRadio.tp-yt-paper-radio-button {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
tp-yt-paper-radio-button tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target=label],.tp-yt-paper-radio-button[style-target=label] {
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));
}
[dir="rtl"] tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target=label], tp-yt-paper-radio-button tp-yt-paper-radio-button[dir="rtl"] .tp-yt-paper-radio-button[style-target=label],[dir="rtl"] .tp-yt-paper-radio-button[style-target=label].tp-yt-paper-radio-button, .tp-yt-paper-radio-button[style-target=label].tp-yt-paper-radio-button[dir="rtl"] {
margin-left: 0;
margin-right: var(--paper-radio-button-label-spacing, 10px);
}
tp-yt-paper-radio-button tp-yt-paper-radio-button[hidden] .tp-yt-paper-radio-button[style-target=label],.tp-yt-paper-radio-button[style-target=label].tp-yt-paper-radio-button[hidden] {
display: none;
}
tp-yt-paper-radio-button tp-yt-paper-radio-button[hidden] .tp-yt-paper-radio-button[style-target=label] {
display: none;
}
tp-yt-paper-radio-button[disabled] #offRadio.tp-yt-paper-radio-button {
border-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color));
opacity: 0.5;
}
tp-yt-paper-radio-button[disabled][checked] #onRadio.tp-yt-paper-radio-button {
background-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color));
opacity: 0.5;
}
tp-yt-paper-radio-button tp-yt-paper-radio-button[disabled] .tp-yt-paper-radio-button[style-target=label],tp-yt-paper-radio-button[disabled] .tp-yt-paper-radio-button[style-target=label] {
opacity: 0.65;
}
tp-yt-paper-radio-group {
display: inline-block;
}
tp-yt-paper-radio-group > * {
padding: var(--paper-radio-group-item-padding, 12px);
}
tp-yt-paper-slider {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
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,
#3367d6
);
--paper-progress-secondary-color: var(
--paper-slider-secondary-color,
#7baaf7
);
--paper-progress-disabled-active-color: var(
--paper-slider-disabled-active-color,
#bdbdbd
);
--paper-progress-disabled-secondary-color: var(
--paper-slider-disabled-secondary-color,
#bdbdbd
);
--calculated-paper-slider-height: var(--paper-slider-height, 2px);
}
tp-yt-paper-slider:focus {
outline: none;
}
[dir="rtl"] .tp-yt-paper-slider #sliderContainer.tp-yt-paper-slider, .tp-yt-paper-slider[dir="rtl"] #sliderContainer.tp-yt-paper-slider {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
tp-yt-paper-slider[dir=rtl] #sliderContainer.tp-yt-paper-slider {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
tp-yt-paper-slider[dir=ltr] #sliderContainer.tp-yt-paper-slider {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#sliderContainer.tp-yt-paper-slider {
position: relative;
width: 100%;
height: calc(30px + var(--calculated-paper-slider-height));
margin-left: var(--paper-slider-container-margin, calc(15px + var(--calculated-paper-slider-height) / 2));
margin-right: var(--paper-slider-container-margin, calc(15px + var(--calculated-paper-slider-height) / 2));
padding: 0 var(--paper-slider-container-padding, 0);
}
#sliderContainer.tp-yt-paper-slider:focus {
outline: 0;
}
#sliderContainer.editable.tp-yt-paper-slider {
margin-top: 12px;
margin-bottom: 12px;
}
.bar-container.tp-yt-paper-slider {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.ring.tp-yt-paper-slider > .bar-container.tp-yt-paper-slider {
left: var(--paper-slider-bar-container-ring-left, calc(5px + var(--calculated-paper-slider-height) / 2));
transition: left 0.18s ease;
}
.ring.expand.dragging.tp-yt-paper-slider > .bar-container.tp-yt-paper-slider {
transition: none;
}
.ring.expand.tp-yt-paper-slider:not(.pin) > .bar-container.tp-yt-paper-slider {
left: var(--paper-slider-bar-container-ring-left, calc(8px + var(--calculated-paper-slider-height) / 2));
}
#sliderBar.tp-yt-paper-slider {
padding: 15px 0;
width: 100%;
background-color: var(--paper-slider-bar-color, transparent);
--paper-progress-container-color: var(
--paper-slider-container-color,
#bdbdbd
);
--paper-progress-height: var(--calculated-paper-slider-height);
--paper-progress-container-border-radius: var(
--paper-slider-progress-container-border-radius,
0
);
--paper-progress-container-overflow: var(
--paper-slider-progress-container-overflow,
visible
);
}
.slider-markers.tp-yt-paper-slider {
padding: inherit;
position: absolute;
top: 15px;
height: var(--calculated-paper-slider-height);
margin-top: var(--paper-slider-markers-margin, 0);
margin-left: var(--paper-slider-markers-margin, 0);
margin-right: 0;
left: 0;
right: -1px;
box-sizing: border-box;
pointer-events: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
.slider-marker.tp-yt-paper-slider {
-ms-flex: 1 1 0.000000001px;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 0.000000001px;
flex-basis: 0.000000001px;
}
.slider-markers.tp-yt-paper-slider::after,.slider-marker.tp-yt-paper-slider::after {
content: "";
display: block;
margin-left: var(--paper-slider-markers-margin-left, -1px);
width: var(--paper-slider-markers-width, 2px);
height: var(--paper-slider-markers-height, var(--calculated-paper-slider-height));
border-radius: 50%;
background-color: var(--paper-slider-markers-color, #000);
}
#sliderKnobContainer.tp-yt-paper-slider {
position: relative;
width: calc(100% - var(--paper-slider-container-padding, 0) * 2);
margin: auto;
}
.slider-knob.tp-yt-paper-slider {
position: absolute;
left: 0;
top: var(--paper-slider-knob-top, 0);
margin-left: calc(-15px - var(--calculated-paper-slider-height) / 2);
width: var(--paper-slider-knob-size, calc(30px + var(--calculated-paper-slider-height)));
height: var(--paper-slider-knob-size, calc(30px + var(--calculated-paper-slider-height)));
}
.transiting.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider {
transition: left 0.08s ease;
}
.slider-knob.tp-yt-paper-slider:focus {
outline: none;
}
.slider-knob.dragging.tp-yt-paper-slider {
transition: none;
}
.snaps.tp-yt-paper-slider > .slider-knob.dragging.tp-yt-paper-slider {
transition: -webkit-transform 0.08s ease;
transition: transform 0.08s ease;
}
.slider-knob-inner.tp-yt-paper-slider {
margin: 10px;
width: var(--paper-slider-knob-inner-size, calc(100% - 20px));
height: var(--paper-slider-knob-inner-size, calc(100% - 20px));
background-color: var(--paper-slider-knob-color, #3367d6);
border: var(--paper-slider-knob-border-style, 2px solid var(--paper-slider-knob-color, #3367d6));
border-radius: 50%;
box-shadow: var(--paper-slider-knob-box-shadow-style, none);
-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.tp-yt-paper-slider:not(.pin) > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.ring.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider {
background-color: var(--paper-slider-knob-start-color, transparent);
border: var(--paper-slider-knob-start-border-style, 2px solid var(--paper-slider-knob-start-border-color, #bdbdbd));
}
.slider-knob-inner.tp-yt-paper-slider::before {
background-color: var(--paper-slider-pin-color, #3367d6);
}
.pin.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-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.tp-yt-paper-slider::before,.slider-knob-inner.tp-yt-paper-slider::after {
transition: -webkit-transform 0.18s ease, background-color 0.18s ease;
transition: transform 0.18s ease, background-color 0.18s ease;
}
.pin.ring.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::before {
background-color: var(--paper-slider-pin-start-color, #bdbdbd);
}
.pin.expand.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::before {
-webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px);
transform: rotate(-45deg) scale(1) translate(17px, -17px);
}
.pin.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::after {
content: attr(value);
position: absolute;
top: 0;
left: 50%;
margin-left: -16px;
width: 32px;
height: 26px;
text-align: center;
tp-yt-color: var(--paper-slider-font-color, #fff);
font-size: 10px;
-webkit-transform: scale(0) translate(0);
transform: scale(0) translate(0);
}
.pin.expand.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::after {
-webkit-transform: scale(1) translate(0, -17px);
transform: scale(1) translate(0, -17px);
}
.slider-input.tp-yt-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;;
}
#sliderContainer.disabled.tp-yt-paper-slider {
pointer-events: none;
}
.disabled.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider {
background-color: var(--paper-slider-disabled-knob-color, #bdbdbd);
border: 2px solid var(--paper-slider-disabled-knob-color, #bdbdbd);
-webkit-transform: scale3d(0.75, 0.75, 1);
transform: scale3d(0.75, 0.75, 1);
}
.disabled.ring.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider {
background-color: var(--paper-slider-knob-start-color, transparent);
border: 2px solid var(--paper-slider-knob-start-border-color, #bdbdbd);
}
paper-ripple.tp-yt-paper-slider {
tp-yt-color: var(--paper-slider-knob-color, #3367d6);
}
tp-yt-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.tp-yt-paper-spinner-lite {
width: 100%;
height: 100%;
direction: ltr;
}
#spinnerContainer.active.tp-yt-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.tp-yt-paper-spinner-lite {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
white-space: nowrap;
color: var(--paper-spinner-color, #4285f4);
}
.layer-1.tp-yt-paper-spinner-lite {
color: var(--paper-spinner-layer-1-color, #4285f4);
}
.layer-2.tp-yt-paper-spinner-lite {
color: var(--paper-spinner-layer-2-color, #db4437);
}
.layer-3.tp-yt-paper-spinner-lite {
color: var(--paper-spinner-layer-3-color, #f4b400);
}
.layer-4.tp-yt-paper-spinner-lite {
color: var(--paper-spinner-layer-4-color, #0f9d58);
}
.active.tp-yt-paper-spinner-lite .spinner-layer.tp-yt-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.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.2, 1);
animation-iteration-count: infinite;
opacity: 1;
}
.active.tp-yt-paper-spinner-lite .spinner-layer.layer-1.tp-yt-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.tp-yt-paper-spinner-lite .spinner-layer.layer-2.tp-yt-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.tp-yt-paper-spinner-lite .spinner-layer.layer-3.tp-yt-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.tp-yt-paper-spinner-lite .spinner-layer.layer-4.tp-yt-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.tp-yt-paper-spinner-lite {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
}
.spinner-layer.tp-yt-paper-spinner-lite::after {
content: "";
left: 45%;
width: 10%;
border-top-style: solid;
}
.spinner-layer.tp-yt-paper-spinner-lite::after,.circle-clipper.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite {
box-sizing: border-box;
position: absolute;
top: 0;
border-width: var(--paper-spinner-stroke-width, 3px);
border-radius: 50%;
}
.circle-clipper.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite {
bottom: 0;
width: 200%;
border-style: solid;
border-bottom-color: transparent !important;
}
.circle-clipper.left.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite {
left: 0;
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg);
}
.circle-clipper.right.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg);
}
.active.tp-yt-paper-spinner-lite .gap-patch.tp-yt-paper-spinner-lite::after,.active.tp-yt-paper-spinner-lite .circle-clipper.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite {
-webkit-animation-duration: var(--paper-spinner-expand-contract-duration);
-webkit-animation-timing-function: cubic-bezier(0.4, 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.2, 1);
animation-iteration-count: infinite;
}
.active.tp-yt-paper-spinner-lite .circle-clipper.left.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite {
-webkit-animation-name: left-spin;
animation-name: left-spin;
}
.active.tp-yt-paper-spinner-lite .circle-clipper.right.tp-yt-paper-spinner-lite .circle.tp-yt-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.tp-yt-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.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.2, 1);
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
tp-yt-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.tp-yt-paper-spinner {
width: 100%;
height: 100%;
direction: ltr;
}
#spinnerContainer.active.tp-yt-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.tp-yt-paper-spinner {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
white-space: nowrap;
color: var(--paper-spinner-color, #4285f4);
}
.layer-1.tp-yt-paper-spinner {
color: var(--paper-spinner-layer-1-color, #4285f4);
}
.layer-2.tp-yt-paper-spinner {
color: var(--paper-spinner-layer-2-color, #db4437);
}
.layer-3.tp-yt-paper-spinner {
color: var(--paper-spinner-layer-3-color, #f4b400);
}
.layer-4.tp-yt-paper-spinner {
color: var(--paper-spinner-layer-4-color, #0f9d58);
}
.active.tp-yt-paper-spinner .spinner-layer.tp-yt-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.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.2, 1);
animation-iteration-count: infinite;
opacity: 1;
}
.active.tp-yt-paper-spinner .spinner-layer.layer-1.tp-yt-paper-spinner {
-webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out;
animation-name: fill-unfill-rotate, layer-1-fade-in-out;
}
.active.tp-yt-paper-spinner .spinner-layer.layer-2.tp-yt-paper-spinner {
-webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out;
animation-name: fill-unfill-rotate, layer-2-fade-in-out;
}
.active.tp-yt-paper-spinner .spinner-layer.layer-3.tp-yt-paper-spinner {
-webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out;
animation-name: fill-unfill-rotate, layer-3-fade-in-out;
}
.active.tp-yt-paper-spinner .spinner-layer.layer-4.tp-yt-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.tp-yt-paper-spinner {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
}
.spinner-layer.tp-yt-paper-spinner::after {
content: "";
left: 45%;
width: 10%;
border-top-style: solid;
}
.spinner-layer.tp-yt-paper-spinner::after,.circle-clipper.tp-yt-paper-spinner .circle.tp-yt-paper-spinner {
box-sizing: border-box;
position: absolute;
top: 0;
border-width: var(--paper-spinner-stroke-width, 3px);
border-radius: 50%;
}
.circle-clipper.tp-yt-paper-spinner .circle.tp-yt-paper-spinner {
bottom: 0;
width: 200%;
border-style: solid;
border-bottom-color: transparent !important;
}
.circle-clipper.left.tp-yt-paper-spinner .circle.tp-yt-paper-spinner {
left: 0;
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg);
}
.circle-clipper.right.tp-yt-paper-spinner .circle.tp-yt-paper-spinner {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg);
}
.active.tp-yt-paper-spinner .gap-patch.tp-yt-paper-spinner::after,.active.tp-yt-paper-spinner .circle-clipper.tp-yt-paper-spinner .circle.tp-yt-paper-spinner {
-webkit-animation-duration: var(--paper-spinner-expand-contract-duration);
-webkit-animation-timing-function: cubic-bezier(0.4, 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.2, 1);
animation-iteration-count: infinite;
}
.active.tp-yt-paper-spinner .circle-clipper.left.tp-yt-paper-spinner .circle.tp-yt-paper-spinner {
-webkit-animation-name: left-spin;
animation-name: left-spin;
}
.active.tp-yt-paper-spinner .circle-clipper.right.tp-yt-paper-spinner .circle.tp-yt-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.tp-yt-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.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.2, 1);
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
tp-yt-paper-tab {
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;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
padding: 0 12px;
overflow: hidden;
cursor: pointer;
vertical-align: middle;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
}
tp-yt-paper-tab:focus {
outline: none;
}
tp-yt-paper-tab[link] {
padding: 0;
}
tp-yt-paper-tab tp-yt-paper-tab .tp-yt-paper-tab[style-target=tab-content],.tp-yt-paper-tab[style-target=tab-content] {
height: 100%;
transform: translateZ(0);
-webkit-transform: translateZ(0);
transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1);
display: -ms-flexbox;
display: -webkit-flex;
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;
}
tp-yt-paper-tab:not(.iron-selected) .tp-yt-paper-tab[style-target=tab-content] {
opacity: 0.8;
}
tp-yt-paper-tab:focus .tp-yt-paper-tab[style-target=tab-content] {
opacity: 1;
}
tp-yt-paper-tab:focus:not([noBoldOnFocus]) .tp-yt-paper-tab[style-target=tab-content] {
font-weight: var(--paper-tab-content-focused-font-weight, 700);
}
paper-ripple.tp-yt-paper-tab {
color: var(--paper-tab-ink, #ffff8d);
}
.tab-content.tp-yt-paper-tab > a {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
height: 100%;
}
tp-yt-paper-tabs {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
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"] tp-yt-paper-tabs, tp-yt-paper-tabs[dir="rtl"] {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#tabsContainer.tp-yt-paper-tabs {
position: relative;
height: 100%;
white-space: nowrap;
overflow: hidden;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.tabs-content.tp-yt-paper-tabs {
height: 100%;
-moz-flex-basis: auto;
-ms-flex-basis: auto;
flex-basis: auto;
}
.tabs-content.scrollable.tp-yt-paper-tabs {
position: absolute;
white-space: nowrap;
}
.tabs-content.tp-yt-paper-tabs:not(.scrollable),.tabs-content.scrollable.fit-container.tp-yt-paper-tabs {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
.tabs-content.scrollable.fit-container.tp-yt-paper-tabs {
min-width: 100%;
}
#tabsContent.scrollable.fit-container.tp-yt-paper-tabs > * {
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
}
.hidden.tp-yt-paper-tabs {
display: none;
}
.not-visible.tp-yt-paper-tabs {
opacity: 0;
cursor: default;
}
tp-yt-paper-icon-button.tp-yt-paper-tabs {
width: 48px;
height: 48px;
padding: 12px;
margin: 0 4px;
}
.selection-bar.tp-yt-paper-tabs {
position: absolute;
height: 0;
bottom: 0;
left: 0;
right: 0;
border-bottom: 2px solid var(--paper-tabs-selection-bar-color, #ffff8d);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left center;
transform-origin: left center;
transition: -webkit-transform;
transition: transform;
}
.selection-bar.align-bottom.tp-yt-paper-tabs {
top: 0;
bottom: auto;
}
.selection-bar.expand.tp-yt-paper-tabs {
transition-duration: 0.15s;
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.selection-bar.contract.tp-yt-paper-tabs {
transition-duration: 0.18s;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
#tabsContent.tp-yt-paper-tabs > :not(#selectionBar) {
height: 100%;
}
tp-yt-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: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
}
tp-yt-paper-toast.capsule {
border-radius: 24px;
}
tp-yt-paper-toast.fit-bottom {
width: 100%;
min-width: 0;
border-radius: 0;
margin: 0;
}
tp-yt-paper-toast.paper-toast-open {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
tp-yt-paper-toggle-button {
display: inline-block;
display: -ms-flexbox;
display: -webkit-flex;
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-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
--transition-duration: var(--paper-toggle-button-transition-duration, 0.08s);
}
tp-yt-paper-toggle-button[disabled] {
pointer-events: none;
}
tp-yt-paper-toggle-button:focus {
outline: none;
}
.toggle-bar.tp-yt-paper-toggle-button {
position: absolute;
height: 100%;
width: 100%;
border-radius: 8px;
pointer-events: none;
transition: background-color linear var(--transition-duration);
background-color: var(--paper-toggle-button-unchecked-bar-color, #000);
opacity: var(--paper-toggle-button-unchecked-bar-opacity, 0.4);
}
.toggle-button.tp-yt-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 var(--transition-duration), background-color linear var(--transition-duration);
transition: transform linear var(--transition-duration), background-color linear var(--transition-duration);
will-change: transform;
background-color: var(--paper-toggle-button-unchecked-button-color, #fafafa);
}
[dir="rtl"] tp-yt-paper-toggle-button .toggle-button.tp-yt-paper-toggle-button, tp-yt-paper-toggle-button[dir="rtl"] .toggle-button.tp-yt-paper-toggle-button,tp-yt-paper-toggle-button[dir=rtl] .toggle-button.tp-yt-paper-toggle-button {
right: 0;
left: auto;
}
.toggle-button.dragging.tp-yt-paper-toggle-button {
-webkit-transition: none;
transition: none;
}
tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-bar.tp-yt-paper-toggle-button {
background-color: var(--paper-toggle-button-checked-bar-color, var(--primary-color));
opacity: var(--paper-toggle-button-checked-bar-opacity, 0.5);
}
tp-yt-paper-toggle-button[disabled] .toggle-bar.tp-yt-paper-toggle-button {
background-color: var(--paper-toggle-button-disabled-bar-color, #000);
opacity: 0.12;
}
tp-yt-paper-toggle-button[checked] .toggle-button.tp-yt-paper-toggle-button {
-webkit-transform: translate(16px, 0);
transform: translate(16px, 0);
}
[dir="rtl"] tp-yt-paper-toggle-button[checked] .toggle-button.tp-yt-paper-toggle-button, tp-yt-paper-toggle-button[checked][dir="rtl"] .toggle-button.tp-yt-paper-toggle-button,tp-yt-paper-toggle-button[dir=rtl][checked] .toggle-button.tp-yt-paper-toggle-button {
-webkit-transform: translate(-16px, 0);
transform: translate(-16px, 0);
}
tp-yt-paper-toggle-button[dir=rtl] {
-webkit-transform: unset;
transform: unset;
}
tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button {
background-color: var(--paper-toggle-button-checked-button-color, var(--primary-color));
}
tp-yt-paper-toggle-button[disabled] .toggle-button.tp-yt-paper-toggle-button {
background-color: var(--paper-toggle-button-disabled-button-color, #bdbdbd);
opacity: 1;
}
.toggle-ink.tp-yt-paper-toggle-button {
position: absolute;
top: -14px;
left: -14px;
right: auto;
bottom: auto;
width: 48px;
height: 48px;
opacity: 0.5;
pointer-events: none;
tp-yt-color: var(--paper-toggle-button-unchecked-ink-color, var(--primary-text-color));
}
tp-yt-paper-toggle-button[checked] .toggle-ink.tp-yt-paper-toggle-button {
tp-yt-color: var(--paper-toggle-button-checked-ink-color, var(--primary-color));
}
.toggle-container.tp-yt-paper-toggle-button {
display: inline-block;
position: relative;
width: 36px;
height: 14px;
margin: 4px 1px;
}
.toggle-label.tp-yt-paper-toggle-button {
position: relative;
display: inline-block;
vertical-align: middle;
padding-left: var(--paper-toggle-button-label-spacing, 8px);
pointer-events: none;
tp-yt-color: var(--paper-toggle-button-label-color, var(--primary-text-color));
}
tp-yt-paper-toggle-button[invalid] .toggle-bar.tp-yt-paper-toggle-button {
background-color: var(--paper-toggle-button-invalid-bar-color, var(--error-color));
}
tp-yt-paper-toggle-button[invalid] .toggle-button.tp-yt-paper-toggle-button {
background-color: var(--paper-toggle-button-invalid-button-color, var(--error-color));
}
tp-yt-paper-toggle-button[invalid] .toggle-ink.tp-yt-paper-toggle-button {
tp-yt-color: var(--paper-toggle-button-invalid-ink-color, var(--error-color));
}
tp-yt-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;
}
.tp-yt-paper-tooltip[style-target=tooltip] {
display: block;
outline: none;
font-family: "Roboto", "Noto", sans-serif;
-webkit-font-smoothing: antialiased;
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;
}
@keyframes keyFrameScaleUp {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes keyFrameScaleDown {
0% {
transform: scale(1);
}
100% {
transform: scale(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.tp-yt-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.tp-yt-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.tp-yt-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.tp-yt-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.tp-yt-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.2, 1);
animation-duration: var(--paper-tooltip-duration-out, 500ms);
animation-fill-mode: forwards;
}
.slide-down-animation-out.tp-yt-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, 1, 1);
animation-duration: var(--paper-tooltip-duration-out, 500ms);
animation-fill-mode: forwards;
}
.cancel-animation.tp-yt-paper-tooltip {
animation-delay: -30s !important;
}
.hidden.tp-yt-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);
}
.bold.strikethrough.yt-formatted-string {
font-weight: var(--yt-formatted-string-bold-font-weight,var(--yt-formatted-string-strikethrough-font-weight,500));
}
.bold.yt-formatted-string:not(a) {
color: var(--yt-formatted-string-bold-color,inherit);
}
.deemphasize.yt-formatted-string {
color: var(--yt-formatted-string-deemphasize-color,var(--yt-spec-text-secondary));
}
.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);
}
.bracket.yt-formatted-string {
padding: 2px;border-top: solid green 2px;border-bottom: solid green 2px;background: linear-gradient(135deg,green 3px,rgba(0,0,0,0) 3px),linear-gradient(315deg,green 3px,rgba(0,0,0,0) 3px);
}
yt-formatted-string > .emoji,yt-formatted-string > .small-emoji {
margin: -1px 2px 1px;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));display: var(--yt-endpoint-display,inline-block);-webkit-text-decoration: var(--yt-endpoint-text-regular-decoration,none);text-decoration: var(--yt-endpoint-text-regular-decoration,none);word-wrap: var(--yt-endpoint-word-wrap,none);word-break: var(--yt-endpoint-word-break,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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
a.yt-simple-endpoint.yt-formatted-string.yt-formatted-string:focus-visible {
outline-offset: 0px;
}
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(--yt-formatted-string-contenteditable-endpoint-background);border-radius: var(--yt-formatted-string-contenteditable-endpoint-border-radius);color: var(--yt-formatted-string-contenteditable-endpoint-color,var(--yt-endpoint-color,var(--yt-spec-call-to-action)));cursor: var(--yt-formatted-string-contenteditable-endpoint-cursor);max-width: var(--yt-formatted-string-contenteditable-endpoint-max-width);overflow: var(--yt-formatted-string-contenteditable-endpoint-overflow);pointer-events: var(--yt-formatted-string-contenteditable-endpoint-pointer-events);text-overflow: var(--yt-formatted-string-contenteditable-endpoint-text-overflow);vertical-align: var(--yt-formatted-string-contenteditable-endpoint-vertical-align);white-space: var(--yt-formatted-string-contenteditable-endpoint-white-space);
}
yt-formatted-string[split-lines] {
white-space: pre-wrap;
}
yt-formatted-string[ellipsis-truncate].complex-string {
white-space: pre;display: flex;flex-direction: row;
}
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;white-space: pre;
}
yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child,yt-formatted-string[ellipsis-truncate] span.yt-formatted-string:last-child {
overflow: hidden;text-overflow: ellipsis;
}
yt-formatted-string::-webkit-scrollbar-thumb {
height: 56px;background: var(--yt-spec-icon-disabled);
}
yt-formatted-string::-webkit-scrollbar {
width: var(--ytd-scrollbar-width);
}
#contenteditable-root.yt-formatted-string .emoji.yt-formatted-string {
height: var(--yt-formatted-string-contenteditable-emoji-height);margin: var(--yt-formatted-string-contenteditable-emoji-margin);padding-right: var(--yt-formatted-string-contenteditable-emoji-padding-right);vertical-align: var(--yt-formatted-string-contenteditable-emoji-vertical-align);width: var(--yt-formatted-string-contenteditable-emoji-width);
}
#contenteditable-root.yt-formatted-string .small-emoji.yt-formatted-string {
height: var(--yt-formatted-string-contenteditable-small-emoji-height);margin: var(--yt-formatted-string-contenteditable-small-emoji-margin);padding-right: var(--yt-formatted-string-contenteditable-small-emoji-padding-right);vertical-align: var(--yt-formatted-string-contenteditable-small-emoji-vertical-align);width: var(--yt-formatted-string-contenteditable-small-emoji-width);
}
#contenteditable-root.yt-formatted-string {
outline: var(--yt-formatted-string-contenteditable-root-style-outline);max-height: var(--yt-formatted-string-contenteditable-root-style-max-height);overflow: var(--yt-formatted-string-contenteditable-root-style-overflow);display: var(--yt-formatted-string-contenteditable-root-style-display,block);
}
#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: inline-flex;align-items: 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);-webkit-animation: var(--iron-icon-animation);animation: var(--iron-icon-animation);margin-top: var(--iron-icon-margin-top);margin-right: var(--iron-icon-margin-right);margin-bottom: var(--iron-icon-margin-bottom);margin-left: var(--iron-icon-margin-left);padding: var(--iron-icon-padding);
}
yt-icon.external-container {
display: none!important;
}
#container.yt-live-chat-paid-message-footer-renderer {
display: flex;flex-direction: row;
}
#icon.yt-live-chat-paid-message-footer-renderer {
min-width: 40px;margin-right: 16px;align-items: center;justify-content: center;flex: none;display: flex;
}
#text.yt-live-chat-paid-message-footer-renderer {
font-size: 12px;line-height: 16px;margin-bottom: 3px;align-items: center;display: flex;
}
tp-yt-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 tp-yt-paper-item.yt-live-chat-text-input-field-suggestion,yt-live-chat-text-input-field-suggestion[active] tp-yt-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;flex: none;
}
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-deprecated-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);line-height: 18px;padding: 2px 0;color: var(--yt-live-chat-text-input-field-color,inherit);text-shadow: var(--yt-live-chat-text-input-field-text-shadow);
}
#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-deprecated-blue));transform-origin: center center;transform: scale3d(0,1,1);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 {
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: 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);
}
#dropdown-content.yt-live-chat-text-input-field-renderer {
max-height: 200px;padding: 8px 0;
}
yt-interaction {
pointer-events: none;display: inline-block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
.fill.yt-interaction {
will-change: opacity;background-color: var(--yt-spec-touch-response);opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
yt-interaction.down .fill.yt-interaction {
opacity: 0.1;
}
yt-interaction[is-overlay] .fill.yt-interaction {
background-color: var(--yt-spec-static-overlay-text-primary);
}
.stroke.yt-interaction {
will-change: opacity;border: 1px solid var(--yt-spec-touch-response);opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
yt-interaction.circular .fill.yt-interaction,yt-interaction.circular .stroke.yt-interaction {
border-radius: 50%;
}
yt-interaction.extended {
margin: -4px;
}
yt-interaction.extended .fill.yt-interaction,yt-interaction.extended .stroke.yt-interaction {
border-radius: 4px;
}
yt-interaction[focused] .fill.yt-interaction {
opacity: 0.1;
}
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;
}
yt-button-renderer {
--paper-button-ink-color: var(--yt-spec-icon-disabled);--yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white);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 yt-formatted-string .yt-formatted-string[style-target=deemphasize] {
margin-left: var(--ytd-margin-base);
}
yt-button-renderer[disable-text-transform] {
text-transform: none;
}
yt-button-renderer[disabled][is-paper-button] a.yt-button-renderer {
cursor: initial;pointer-events: none;
}
yt-button-renderer[is-paper-button] yt-icon.yt-button-renderer {
flex: none;
}
yt-button-renderer yt-formatted-string.yt-button-renderer {
display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
tp-yt-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);
}
tp-yt-paper-button.keyboard-focus.yt-button-renderer {
font-weight: inherit;
}
tp-yt-paper-tooltip.yt-button-renderer {
z-index: var(--yt-button-tooltip-z-index);
}
yt-button-renderer[is-icon-button]:not([style-action-button]) {
-webkit-font-smoothing: var(--ytd-caption--webkit-font-smoothing);font-family: var(--ytd-caption-font-family);font-size: var(--ytd-caption-font-size);font-weight: var(--ytd-caption-font-weight);letter-spacing: var(--ytd-caption-letter-spacing);line-height: var(--ytd-caption-line-height);text-transform: var(--ytd-caption-text-transform);
}
yt-button-renderer.force-icon-button:not([has-no-text]) 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-button-icon-button-text-color,var(--yt-spec-text-secondary));
}
yt-button-renderer.style-black[is-icon-button] {
color: var(--yt-spec-text-primary);
}
yt-button-renderer.style-visibly-disabled[is-icon-button],yt-button-renderer.style-opacity[is-icon-button][disabled],yt-button-renderer.style-text[is-icon-button][disabled] #text.yt-button-renderer,yt-button-renderer.style-default[is-icon-button][disabled] #text.yt-button-renderer,yt-button-renderer.style-opacity[is-icon-button][disabled] #text.yt-button-renderer {
color: var(--yt-spec-text-disabled);
}
yt-button-renderer.style-blue-text[is-icon-button] {
color: var(--yt-spec-call-to-action);
}
tp-yt-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-badge-chip-background);color: var(--yt-spec-text-disabled);
}
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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer,yt-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary);padding: var(--yt-button-padding-minus-focus-outline);
}
yt-button-renderer.style-suggestive[is-paper-button] {
--yt-formatted-string-deemphasize-color: var(--yt-spec-call-to-action);background-color: transparent;color: var(--yt-spec-call-to-action);
}
yt-button-renderer.style-suggestive[is-paper-button] tp-yt-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][disabled] tp-yt-paper-button.yt-button-renderer {
border: 1px solid var(--yt-spec-text-disabled);
}
yt-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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] tp-yt-paper-button.yt-button-renderer {
border: 1px solid var(--yt-basic-border-color);padding: var(--yt-button-padding-minus-border);
}
yt-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-basic-border-color);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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded);padding: var(--yt-button-padding-minus-focus-outline);
}
yt-button-renderer.style-destructive[is-paper-button] {
background-color: var(--yt-spec-brand-button-background);color: var(--yt-spec-static-brand-white);
}
yt-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary);padding: var(--yt-button-padding-minus-focus-outline);
}
yt-button-renderer.style-destructive[disabled][is-paper-button] {
background-color: var(--yt-spec-icon-disabled);color: var(--yt-spec-text-primary-inverse);
}
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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-link-text-faded);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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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-inactive-outline[is-paper-button] {
color: var(--yt-spec-text-secondary);
}
yt-button-renderer.style-inactive-outline[is-paper-button] tp-yt-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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded);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] tp-yt-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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer,yt-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-icon-disabled);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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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]) tp-yt-paper-button.keyboard-focus.yt-button-renderer,yt-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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-spec-call-to-action);
}
yt-button-renderer.style-alert-info[is-paper-button]:hover {
color: var(--yt-spec-button-chip-background-hover);
}
yt-button-renderer.style-dark[is-paper-button] {
background-color: var(--yt-button-dark-background-color,var(--yt-spec-badge-chip-background));color: var(--yt-button-dark-text-color,var(--yt-spec-text-secondary));
}
yt-button-renderer.style-light[is-paper-button] {
background-color: var(--yt-spec-badge-chip-background);color: var(--yt-spec-text-secondary);
}
yt-button-renderer.style-light-text[is-paper-button] {
color: var(--yt-spec-static-overlay-text-primary);
}
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-spec-text-disabled);
}
yt-button-renderer.style-dark-on-black[is-paper-button] {
background-color: var(--yt-spec-static-overlay-button-secondary);border: none;color: var(--yt-spec-static-overlay-text-primary);
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
tp-yt-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: flex;flex-direction: row;align-items: 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: 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: var(--yt-spec-text-disabled);
}
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-icon-button][icon-align-by-text]:not(:empty) {
margin-left: -8px;
}
yt-button-renderer[is-paper-button][button-size=size-large] {
line-height: 24px;
}
tp-yt-paper-button.yt-button-renderer {
width: var(--yt-paper-button-width,auto);height: var(--yt-paper-button-height,auto);border-radius: inherit;margin: 0 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0);padding: var(--yt-button-padding,0.7em 0.57em);display: flex;flex-direction: row;align-items: center;justify-content: center;flex: 1 1 auto;
}
yt-button-renderer[start-justified] tp-yt-paper-button.yt-button-renderer {
justify-content: flex-start;
}
yt-button-renderer[vertically-aligned] tp-yt-paper-button.yt-button-renderer {
display: flex;flex-direction: column;
}
yt-button-renderer[vertically-aligned] tp-yt-paper-button.yt-button-renderer #text.yt-button-renderer {
overflow: hidden;text-align: center;text-overflow: ellipsis;width: inherit;
}
#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: var(--yt-button-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-deprecated-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);
}
yt-img-shadow {
display: inline-block;opacity: 0;transition: opacity 0.2s;flex: none;
}
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[fit-width] img.yt-img-shadow {
height: auto;width: 100%;
}
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);
}
#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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-paid-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-message-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-paid-message-renderer>*.yt-live-chat-paid-message-renderer {
background: var(--yt-deprecated-luna-black-opacity-lighten-1);
}
#inline-action-buttons.yt-live-chat-paid-message-renderer>.yt-live-chat-paid-message-renderer:hover {
background: var(--yt-deprecated-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-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: flex;flex-direction: column;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);
}
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: flex;flex-direction: row;align-items: center;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;z-index: 1;
}
yt-live-chat-paid-message-renderer[dashboard-money-feed] yt-icon#author-photo.yt-live-chat-paid-message-renderer {
display: block;
}
#overlay-image.yt-live-chat-paid-message-renderer {
position: absolute;top: 0px;right: 0px;--yt-img-border-radius: 0 4px 4px 0;z-index: 0;
}
[dir="rtl"] yt-live-chat-paid-message-renderer #overlay-image.yt-live-chat-paid-message-renderer, yt-live-chat-paid-message-renderer[dir="rtl"] #overlay-image.yt-live-chat-paid-message-renderer {
right: initial;left: 0px;transform: scaleX(-1);
}
#header-content.yt-live-chat-paid-message-renderer {
display: flex;flex-direction: row;justify-content: space-between;flex: 1;flex-basis: 0.000000001px;align-items: baseline;z-index: 1;
}
yt-live-chat-paid-message-renderer[dashboard-money-feed] #header-content.yt-live-chat-paid-message-renderer {
display: flex;flex-direction: column;
}
#header-content-primary-column.yt-live-chat-paid-message-renderer {
display: flex;flex-direction: column;justify-content: space-between;flex: 1;flex-basis: 0.000000001px;
}
yt-live-chat-paid-message-renderer[dashboard-money-feed] #header-content-primary-column.yt-live-chat-paid-message-renderer {
margin-bottom: 4px;display: flex;flex-direction: row;align-items: baseline;flex: none;
}
#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: flex;flex-direction: row;align-items: center;
}
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: inline-flex;align-items: center;justify-content: center;font-size: var(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);
}
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 {
flex: none;
}
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;background-color: #fff;--yt-button-color: #030303;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);
}
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: flex;flex-direction: column;align-items: center;justify-content: center;
}
#inner.yt-live-chat-dialog-renderer {
max-width: calc(100% - 32px);margin: 13px 16px;color: var(--yt-live-chat-primary-text-color);background-color: var(--yt-live-chat-dialog-background-color);border-radius: 4px;overflow-y: auto;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);
}
#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;
}
#buttons.yt-live-chat-dialog-renderer {
margin: 8px;display: flex;flex-direction: row;justify-content: flex-end;
}
#confirm_button.yt-live-chat-dialog-renderer,#cancel_button.yt-live-chat-dialog-renderer {
font-size: 15px;font-weight: 500;margin-left: 8px;
}
yt-live-chat-error-message-renderer {
color: var(--yt-live-chat-error-message-color,#f44336);display: flex;flex-direction: row;align-items: center;
}
yt-icon-button.yt-live-chat-error-message-renderer {
margin-right: 8px;flex: none;width: 40px;height: 40px;padding: 8px;
}
yt-formatted-string.yt-live-chat-error-message-renderer {
flex: 1;flex-basis: 0.000000001px;
}
yt-live-chat-icon-toggle-button-renderer {
display: inline-block;
}
#button.yt-live-chat-icon-toggle-button-renderer {
width: 40px;height: 40px;padding: 8px;position: relative;
}
#icon-badge-text.yt-live-chat-icon-toggle-button-renderer {
color: var(--yt-spec-static-brand-white);background-color: var(--yt-spec-call-to-action);position: absolute;top: 2px;left: 23px;width: 16px;height: 16px;line-height: 16px;border-radius: 50%;border: 2px solid var(--yt-spec-brand-background-primary);font-size: 10px;text-align: center;cursor: pointer;
}
#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);-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-iteration-count: 5;animation-iteration-count: 5;
}
yt-live-chat-icon-toggle-button-renderer[bubble] #bubble.yt-live-chat-icon-toggle-button-renderer {
-webkit-animation-name: bubble;animation-name: bubble;
}
@-webkit-keyframes bubble {
0% {
transform: scale(0);opacity: 100%;
}
70% {
opacity: 100%;
}
100% {
transform: scale(1);opacity: 0;
}
}
@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: inline-flex;align-items: baseline;
}
#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;
}
#author-name.single-line.yt-live-chat-author-chip {
-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;word-break: break-all;
}
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[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);
}
#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;
}
#chat-badges.yt-live-chat-author-chip {
white-space: nowrap;
}
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;
}
#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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-membership-item-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-membership-item-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-membership-item-renderer>*.yt-live-chat-membership-item-renderer {
background: var(--yt-deprecated-luna-black-opacity-lighten-1);
}
#inline-action-buttons.yt-live-chat-membership-item-renderer>.yt-live-chat-membership-item-renderer:hover {
background: var(--yt-deprecated-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-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 );--yt-live-chat-moderator-color: var(--yt-spec-static-overlay-text-secondary);--yt-live-chat-footer-button-text-color: #030303;--yt-live-chat-footer-button-text-background-color: #fff;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: flex;flex-direction: column;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);
}
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: flex;flex-direction: row;align-items: center;
}
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);align-items: flex-start;
}
#header-content.yt-live-chat-membership-item-renderer {
display: flex;flex-direction: row;justify-content: space-between;flex: 1;flex-basis: 0.000000001px;align-items: baseline;
}
yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-content.yt-live-chat-membership-item-renderer {
display: flex;flex-direction: column;
}
yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-content-inner-column.yt-live-chat-membership-item-renderer {
margin-bottom: 4px;display: flex;flex-direction: row;align-items: center;flex: none;
}
#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-spec-static-brand-white);display: inline-flex;align-items: center;justify-content: center;font-size: var(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);
}
#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%);
}
#footer-button.yt-live-chat-membership-item-renderer yt-button-renderer.yt-live-chat-membership-item-renderer {
width: 100%;text-align: center;margin-top: 12px;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);
}
yt-button-renderer.style-dark-on-white.yt-live-chat-membership-item-renderer {
color: var(--yt-live-chat-footer-button-text-color);background-color: var(--yt-live-chat-footer-button-text-background-color);
}
yt-checkbox-renderer {
display: inline-flex;align-items: center;box-sizing: border-box;color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
yt-checkbox-renderer:focus yt-icon.yt-checkbox-renderer {
outline: var(--yt-spec-text-primary) auto 2px;
}
yt-checkbox-renderer:not([disabled]):hover yt-icon.yt-checkbox-renderer {
background-color: var(--yt-spec-badge-chip-background);
}
yt-checkbox-renderer[disabled] yt-icon.yt-checkbox-renderer {
color: var(--yt-spec-text-disabled);
}
yt-icon.yt-checkbox-renderer {
flex-shrink: 0;
}
label.yt-checkbox-renderer {
margin-left: 12px;
}
ytd-pdg-banner-renderer {
display: block;background-image: linear-gradient(90deg,#065fd4,#0000b2);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#main.ytd-pdg-banner-renderer {
display: flex;align-items: center;padding: 8px 16px;box-sizing: border-box;
}
yt-checkbox-renderer.ytd-pdg-banner-renderer {
color: var(--yt-spec-white-1);
}
yt-formatted-string.ytd-pdg-banner-renderer {
color: var(--yt-spec-white-1);margin-left: 12px;display: block;
}
#secondary-text.ytd-pdg-banner-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-pdg-banner-renderer[has-checkbox] #secondary-text.ytd-pdg-banner-renderer {
margin-left: 52px;padding-bottom: 8px;
}
yt-emoji-multi-person-selector {
background-color: var(--yt-emoji-picker-variant-selector-bg-color);border-radius: 5px 5px 0 0;display: block;width: 175px;box-shadow: 0 -3px 3px rgba(125,125,125,0.1);visibility: hidden;
}
yt-emoji-multi-person-selector[is-positioned] {
visibility: visible;
}
img.yt-emoji-multi-person-selector {
border-radius: 2px;padding: 4px;cursor: pointer;
}
img.yt-emoji-multi-person-selector:hover,img.yt-emoji-multi-person-selector[aria-selected=true] {
background-color: var(--yt-spec-10-percent-layer);
}
#options.yt-emoji-multi-person-selector {
border-bottom: 1px solid grey;
}
img.yt-emoji-multi-person-selector[selection=user].yt-emoji-multi-person-selector:not([is-draft]).yt-emoji-multi-person-selector {
-webkit-filter: contrast(0) brightness(1.5);filter: contrast(0) brightness(1.5);
}
#options.yt-emoji-multi-person-selector,#selections.yt-emoji-multi-person-selector {
text-align: center;
}
.variant-thumbnail-row.yt-emoji-multi-person-selector {
max-height: 35px;overflow-y: hidden;
}
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-spec-icon-active-other)));
}
yt-emoji-picker-category-button-renderer[active] {
color: var(--yt-live-chat-primary-text-color,var(--yt-spec-icon-active-other));
}
yt-icon-button.yt-emoji-picker-category-button-renderer {
width: 18px;height: 18px;margin: 4px;
}
#button.yt-emoji-picker-category-button-renderer > tp-yt-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;
}
#title.yt-emoji-picker-category-renderer {
position: -webkit-sticky;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;
}
#emoji.yt-emoji-picker-category-renderer {
display: flex;flex-direction: row;flex-wrap: wrap;contain: content;
}
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: var(--yt-spec-10-percent-layer);
}
img.yt-emoji-picker-category-renderer[contains-variants] {
background-image: linear-gradient(to bottom right,transparent 90%,var(--yt-emoji-picker-base-with-variants-border) 10%);border-radius: 0;
}
img.yt-emoji-picker-category-renderer[is-active-emoji-with-variants] {
background-color: var(--yt-emoji-picker-variant-selector-bg-color);padding: 16px;box-sizing: border-box;background-image: none;
}
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: flex;flex-direction: row;flex-wrap: 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.1);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-variant-selector {
background: var(--yt-emoji-picker-variant-selector-bg-color);border-radius: 5px 5px 0 0;display: block;box-shadow: 0 -3px 3px rgba(125,125,125,0.1);visibility: hidden;
}
yt-emoji-variant-selector[is-positioned] {
visibility: visible;
}
img.yt-emoji-variant-selector {
border-radius: 2px;padding: 4px;cursor: pointer;
}
img.yt-emoji-variant-selector:hover,img.yt-emoji-variant-selector[aria-selected=true] {
background-color: var(--yt-spec-10-percent-layer);
}
#variants.yt-emoji-variant-selector {
max-width: 210px;
}
yt-emoji-variant-selector[is-family-selector] #variants.yt-emoji-variant-selector img.yt-emoji-variant-selector {
padding-left: 5px;padding-right: 5px;float: left;
}
yt-emoji-variant-selector[is-family-selector] #variants.yt-emoji-variant-selector img.yt-emoji-variant-selector:first-of-type {
margin-top: 128px;
}
yt-emoji-picker-renderer {
position: relative;display: flex;flex-direction: column;height: var(--yt-emoji-picker-renderer-height,220px);max-width: var(--yt-emoji-picker-renderer-max-width,none);--paper-input-container-color: var( --yt-emoji-picker-search-placeholder-color, var(--yt-deprecated-luna-black-opacity-lighten-3) );--paper-input-container-underline-focus-display: none;--paper-input-container-underline-disabled-display: none;--paper-input-container-underline-display: none;--paper-input-container-ms-clear-display: none;font-size: 13px;
}
yt-emoji-picker-renderer tp-yt-paper-input-container[style-target=host] {
padding: 0;height: 24px;
}
yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container>input,yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container>iron-input,yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container>textarea,yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container>iron-autogrow-textarea,yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container>.paper-input-input {
font-size: 13px;color: var(--yt-emoji-picker-search-color,var(--yt-deprecated-luna-black-opacity-lighten-1));height: 24px;
}
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;
}
yt-emoji-picker-renderer[disable-scroll] #categories.yt-emoji-picker-renderer {
overflow-y: hidden;padding-right: var(--scrollbar-width,15px);
}
#search-category.yt-emoji-picker-renderer {
margin-top: 8px;
}
#categories-wrapper.yt-emoji-picker-renderer {
margin-top: 8px;position: relative;min-height: 0;display: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;
}
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-deprecated-luna-black-opacity-lighten-3);display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;flex: none;
}
#search-panel.yt-emoji-picker-renderer {
background-color: var(--yt-emoji-picker-search-background-color,var(--yt-deprecated-white-opacity-lighten-2));padding: 4px 8px;border-radius: 4px;font-size: 12px;color: var(--yt-deprecated-luna-black-opacity-lighten-2);flex: none;display: flex;flex-direction: row;align-items: center;
}
#search.yt-emoji-picker-renderer {
flex: 1;flex-basis: 0.000000001px;
}
#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-spec-text-primary);
}
#skin-tone.yt-emoji-picker-renderer {
margin-left: 12px;position: relative;flex: none;
}
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;
}
#emoji-variant-selector.yt-emoji-picker-renderer {
position: absolute;
}
yt-emoji-picker-renderer[variant-selector-opened] #emoji-variant-selector.yt-emoji-picker-renderer,yt-emoji-picker-renderer[variant-selector-opened] #emoji-multi-person-selector.yt-emoji-picker-renderer {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;left: 8px;right: 8px;
}
yt-live-chat-message-buy-flow-renderer {
display: block;font-size: 15px;background-color: var(--yt-live-chat-action-panel-background-color,var(--yt-deprecated-opalescence-soft-grey));color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary));--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%, 0.7) );--yt-emoji-picker-category-button-color: var( --yt-live-chat-secondary-text-color, var(--yt-spec-text-secondary) );--yt-emoji-picker-category-margin-left: 16px;--yt-emoji-picker-renderer-content-margin: 0 16px;--yt-emoji-picker-renderer-height: 160px;
}
tp-yt-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: flex;flex-direction: column;
}
#loading.yt-live-chat-message-buy-flow-renderer {
display: flex;flex-direction: column;align-items: center;justify-content: center;
}
#header.yt-live-chat-message-buy-flow-renderer {
font-size: 16px;padding: 8px;display: flex;flex-direction: row;align-items: center;
}
#close-button.yt-live-chat-message-buy-flow-renderer {
margin-right: 16px;color: var(--yt-live-chat-icon-button-color);width: 40px;height: 40px;padding: 8px;
}
#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-spec-text-secondary));display: flex;flex-direction: column;
}
ytd-pdg-banner-renderer.yt-live-chat-message-buy-flow-renderer {
margin-bottom: 16px;
}
#info-content.yt-live-chat-message-buy-flow-renderer {
display: flex;flex-direction: row;align-items: center;justify-content: space-between;
}
#subtitle.yt-live-chat-message-buy-flow-renderer {
display: flex;flex-direction: row;align-items: center;
}
#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: flex;flex-direction: row;align-items: center;justify-content: center;flex: 1;flex-basis: 0.000000001px;
}
.dim.yt-live-chat-message-buy-flow-renderer {
color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary));
}
#price-input.yt-live-chat-message-buy-flow-renderer {
--paper-input-container-focus-color: var(--yt-live-chat-primary-text-color);--paper-input-container-underline-color: var( --yt-live-chat-secondary-text-color );margin: 0 4px;width: var(--price-input-width,64px);text-align: center;flex: none;
}
#price-input.yt-live-chat-message-buy-flow-renderer tp-yt-paper-input-container[style-target=host] {
height: 24px;
}
#price-input.yt-live-chat-message-buy-flow-renderer .input-content.tp-yt-paper-input-container>input,#price-input.yt-live-chat-message-buy-flow-renderer .input-content.tp-yt-paper-input-container>iron-input,#price-input.yt-live-chat-message-buy-flow-renderer .input-content.tp-yt-paper-input-container>textarea,#price-input.yt-live-chat-message-buy-flow-renderer .input-content.tp-yt-paper-input-container>iron-autogrow-textarea,#price-input.yt-live-chat-message-buy-flow-renderer .input-content.tp-yt-paper-input-container>.paper-input-input {
font-size: var(--yt-live-chat-buy-flow-price-input-font-size);color: var(--yt-live-chat-primary-text-color);
}
#button.yt-live-chat-message-buy-flow-renderer {
margin: 8px 16px 16px;border-radius: 2px;background-color: var(--yt-spec-call-to-action);color: var(--yt-spec-text-primary-inverse);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-deprecated-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: flex;flex-direction: row;
}
#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-spec-10-percent-layer);
}
#sticker.yt-live-chat-super-sticker-pack-item-button-renderer {
width: 96px;height: 96px;padding: 12px;padding-bottom: 24px;display: flex;flex-direction: column;align-items: center;
}
#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);font-weight: 500;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;align-items: center;justify-content: center;
}
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: flex;flex-wrap: wrap;
}
@supports(display:grid) {
#pack-stickers.yt-live-chat-super-sticker-pack-renderer {
display: grid;grid-template-columns: repeat(auto-fit,minmax(120px,1fr));flex-wrap: nowrap;
}
}
#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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-paid-sticker-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-sticker-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-paid-sticker-renderer>*.yt-live-chat-paid-sticker-renderer {
background: var(--yt-deprecated-luna-black-opacity-lighten-1);
}
#inline-action-buttons.yt-live-chat-paid-sticker-renderer>.yt-live-chat-paid-sticker-renderer:hover {
background: var(--yt-deprecated-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-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: flex;flex-direction: row;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);
}
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: vertical;text-overflow: ellipsis;white-space: normal;display: -webkit-box;
}
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: flex;flex-direction: row;align-items: flex-start;
}
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: flex;flex-direction: row;-ms-align-self: center;align-self: center;
}
#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(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);display: inline-flex;align-items: center;justify-content: center;
}
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: center;align-self: center;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: -webkit-box;
}
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: center;align-self: center;
}
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);flex: 1;flex-basis: 0.000000001px;justify-content: space-between;display: flex;flex-direction: column-reverse;align-items: baseline;
}
#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: flex;flex-direction: row;align-items: baseline;
}
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;
}
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: flex;flex-direction: row;align-items: center;
}
#preview.yt-live-chat-super-sticker-preview-renderer {
display: flex;flex-direction: column;
}
#loading.yt-live-chat-super-sticker-preview-renderer {
display: flex;flex-direction: column;align-items: center;justify-content: center;
}
#right.yt-live-chat-super-sticker-preview-renderer {
font-size: 12px;color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary));display: inline-block;display: flex;flex-direction: row;align-items: center;
}
#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: flex;flex-direction: row;align-items: center;justify-content: space-between;
}
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;align-items: center;justify-content: space-between;
}
#buy-button.yt-live-chat-super-sticker-preview-renderer {
width: 100%;margin: 0;border-radius: 2px;background-color: var(--yt-deprecated-blue);color: var(--yt-spec-static-brand-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-deprecated-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-deprecated-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: flex;justify-content: space-between;align-items: center;
}
#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: flex;align-items: center;
}
#header-bottom.yt-live-chat-paid-sticker-panel-renderer {
display: flex;flex-direction: row;align-items: center;
}
#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;flex-wrap: wrap;
}
#stickers-container.yt-live-chat-paid-sticker-panel-renderer:focus {
outline: none;
}
ytd-pdg-banner-renderer.yt-live-chat-paid-sticker-panel-renderer {
margin-bottom: 16px;
}
#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,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.2,1),width 0.2s cubic-bezier(0.4,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: flex;flex-direction: row;align-items: center;
}
#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;
}
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,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.2,1),width 0.2s cubic-bezier(0.4,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: flex;flex-direction: row;align-items: center;
}
#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;
}
#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-poll-choice {
display: block;position: relative;
}
#text-container.yt-live-chat-poll-choice {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: row;align-items: center;justify-content: space-between;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 {
-webkit-animation: border-and-text-highlight var(--yt-live-chat-universal-motion-curve) forwards;animation: border-and-text-highlight var(--yt-live-chat-universal-motion-curve) forwards;-webkit-animation-duration: var(--yt-live-chat-poll-choice-animation-duration);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: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#vote-percentage-bar.yt-live-chat-poll-choice {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;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,tp-yt-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] tp-yt-paper-spinner-lite.yt-live-chat-poll-choice {
display: inline;position: absolute;right: 16px;--iron-icon-width: 20px;--iron-icon-height: 20px;
}
tp-yt-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);
}
@-webkit-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);
}
}
@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: flex;flex-direction: column;
}
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: flex;flex-direction: row;align-items: center;
}
.metadata.yt-live-chat-poll-header-renderer {
flex: 1;flex-basis: 0.000000001px;
}
#menu.yt-live-chat-poll-header-renderer {
flex: none;
}
#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: flex;flex-direction: row;
}
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: flex;flex-direction: column;
}
#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: flex;flex-direction: column;
}
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: flex;justify-content: flex-end;
}
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: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-text-message-renderer>*.yt-live-chat-text-message-renderer {
background: var(--yt-deprecated-luna-black-opacity-lighten-1);
}
#inline-action-buttons.yt-live-chat-text-message-renderer>.yt-live-chat-text-message-renderer:hover {
background: var(--yt-deprecated-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-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-deprecated-luna-black) );--yt-endpoint-hover-color: var( --yt-live-chat-primary-text-color, var(--yt-endpoint-color) );display: flex;flex-direction: row;align-items: flex-start;
}
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);
}
yt-live-chat-text-message-renderer[in-banner] {
padding: 4px 32px 4px 0;
}
#content.yt-live-chat-text-message-renderer {
-ms-align-self: center;align-self: center;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-spec-text-primary));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-spec-static-brand-white)) 100%);
}
#menu-button.yt-live-chat-text-message-renderer {
width: 32px;height: 32px;padding: 4px;
}
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-deprecated-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-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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-auto-mod-message-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-auto-mod-message-renderer>*.yt-live-chat-auto-mod-message-renderer {
background: var(--yt-deprecated-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-deprecated-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-auto-mod-message-renderer {
display: flex;flex-direction: column;font-size: 13px;padding: 0 0 4px;position: relative;--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;
}
yt-live-chat-auto-mod-message-renderer tp-yt-paper-button[style-target=host] {
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;
}
yt-live-chat-banner-header-renderer {
display: flex;flex-direction: row;align-items: center;justify-content: space-between;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 {
flex: 1;flex-basis: 0.000000001px;font-size: 13px;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 {
flex: none;
}
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-banner-poll-choice {
display: block;position: relative;color: var(--yt-live-chat-poll-choice-text-color);
}
#text-container.yt-live-chat-banner-poll-choice {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: var(--yt-live-chat-poll-choice-text-padding);
}
#content.yt-live-chat-banner-poll-choice {
min-height: var(--yt-live-chat-poll-choice-min-height);padding: 4px 16px;position: relative;font-size: 13px;
}
#label-text.yt-live-chat-banner-poll-choice,#vote-percentage-text.yt-live-chat-banner-poll-choice {
font-weight: 500;
}
#label-text.yt-live-chat-banner-poll-choice {
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
#percentage-container.yt-live-chat-banner-poll-choice {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 4px;overflow: hidden;
}
#vote-percentage-bar.yt-live-chat-banner-poll-choice {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;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);background-color: var(--yt-live-chat-poll-choice-vote-bar-background-color);border-radius: 4px;
}
yt-live-chat-banner-poll-renderer {
display: block;padding: 12px 0 4px 16px;font-size: 13px;display: flex;flex-direction: column;
}
yt-live-chat-banner-poll-renderer[in-collapsed-banner] {
padding-top: 8px;padding-bottom: 4px;
}
#content-top.yt-live-chat-banner-poll-renderer {
display: flex;flex-direction: row;align-items: center;
}
.metadata.yt-live-chat-banner-poll-renderer {
flex: 1;flex-basis: 0.000000001px;
}
#poll-question.yt-live-chat-banner-poll-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;text-overflow: ellipsis;line-height: 17px;
}
#poll-choice-container.yt-live-chat-banner-poll-renderer {
position: relative;box-sizing: border-box;padding: 0 8px 10px 0;display: flex;flex-direction: column;
}
#creator-photo.yt-live-chat-banner-poll-renderer {
overflow: hidden;border-radius: 50%;margin-right: 12px;
}
#main-content.yt-live-chat-banner-poll-renderer {
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);padding: 14px 8px 4px 0;color: var(--yt-live-chat-primary-text-color);display: flex;flex-direction: column;
}
yt-live-chat-banner-poll-renderer[in-collapsed-banner] #main-content.yt-live-chat-banner-poll-renderer {
height: 0;padding-top: 0;padding-bottom: 0;
}
.metadata.yt-live-chat-banner-poll-renderer {
color: var(--yt-live-chat-poll-secondary-text-color);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
#content-top.yt-live-chat-banner-poll-renderer,#main-content.yt-live-chat-banner-poll-renderer {
z-index: 1;
}
yt-live-chat-banner-poll-choice.yt-live-chat-banner-poll-renderer:not(:first-of-type) {
margin-top: 8px;
}
#menu.yt-live-chat-banner-poll-renderer {
--yt-button-icon-size: 24px;--yt-button-icon-padding: 0;
}
yt-live-chat-banner-redirect-renderer {
display: block;padding: 12px 0 4px 12px;
}
yt-live-chat-banner-redirect-renderer[in-collapsed-banner] {
padding-top: 0;padding-bottom: 0;
}
#content-top.yt-live-chat-banner-redirect-renderer {
display: flex;flex-direction: row;align-items: center;padding-bottom: 4px;
}
yt-live-chat-banner-redirect-renderer[in-collapsed-banner] #content-top.yt-live-chat-banner-redirect-renderer {
padding-top: 0;padding-bottom: 0;
}
#banner-text.yt-live-chat-banner-redirect-renderer {
flex: 1;flex-basis: 0.000000001px;color: var(--yt-live-chat-poll-primary-text-color);z-index: 1;
}
yt-live-chat-banner-redirect-renderer[in-collapsed-banner] #banner-text.yt-live-chat-banner-redirect-renderer {
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
#creator-photo.yt-live-chat-banner-redirect-renderer {
margin-right: 12px;overflow: hidden;border-radius: 50%;z-index: 1;
}
#inline-button.yt-live-chat-banner-redirect-renderer {
display: flex;flex-direction: row;justify-content: flex-end;margin-right: 16px;
}
#inline-button.yt-live-chat-banner-redirect-renderer yt-button-renderer.yt-live-chat-banner-redirect-renderer {
color: var(--yt-live-chat-poll-primary-text-color);background-color: transparent;
}
yt-live-chat-call-for-questions-renderer {
display: block;margin: 0 -8px -8px 0;padding: 0 8px 0 16px;
}
yt-live-chat-call-for-questions-renderer[in-collapsed-banner] {
margin: 0 -8px -4px 0;
}
#content-top.yt-live-chat-call-for-questions-renderer {
align-items: center;display: flex;flex-direction: row;position: relative;margin: 12px 0;
}
#content-top.yt-live-chat-call-for-questions-renderer #creator-avatar.yt-live-chat-call-for-questions-renderer {
overflow: hidden;border-radius: 50%;margin-right: 8px;
}
#content-top.yt-live-chat-call-for-questions-renderer #metadata-text.yt-live-chat-call-for-questions-renderer {
flex: 1;flex-basis: 0.000000001px;color: var(--yt-live-chat-call-for-questions-secondary-text-color);
}
#content-top.yt-live-chat-call-for-questions-renderer #metadata-text.yt-live-chat-call-for-questions-renderer #collapsed-call-for-questions-text.yt-live-chat-call-for-questions-renderer {
color: var(--yt-live-chat-call-for-questions-primary-text-color);
}
#content-top.yt-live-chat-call-for-questions-renderer #menu.yt-live-chat-call-for-questions-renderer {
--yt-button-icon-size: 24px;--yt-button-icon-padding: 0;
}
#content-top.yt-live-chat-call-for-questions-renderer #menu.yt-live-chat-call-for-questions-renderer yt-button-renderer.yt-live-chat-call-for-questions-renderer {
color: var(--yt-live-chat-call-for-questions-secondary-text-color);
}
#main-content.yt-live-chat-call-for-questions-renderer {
display: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;
}
#main-content.yt-live-chat-call-for-questions-renderer #call-for-questions-text.yt-live-chat-call-for-questions-renderer {
color: var(--yt-live-chat-call-for-questions-primary-text-color);
}
#main-content.yt-live-chat-call-for-questions-renderer #ask-question.yt-live-chat-call-for-questions-renderer {
display: flex;justify-content: flex-end;margin: 8px 0;
}
#main-content.yt-live-chat-call-for-questions-renderer #ask-question.yt-live-chat-call-for-questions-renderer yt-button-renderer.yt-live-chat-call-for-questions-renderer {
color: var(--yt-live-chat-call-for-questions-ask-question-button-color);
}
yt-live-chat-creator-answers-questions-banner-renderer {
display: block;margin: 0 -8px -8px 0;padding: 0 8px 0 16px;
}
yt-live-chat-creator-answers-questions-banner-renderer[in-collapsed-banner] {
margin: 0 -8px -4px 0;
}
#content-top.yt-live-chat-creator-answers-questions-banner-renderer {
align-items: center;display: flex;flex-direction: row;position: relative;margin: 12px 0;color: var(--yt-live-chat-call-for-questions-secondary-text-color);
}
#content-top.yt-live-chat-creator-answers-questions-banner-renderer #question-label.yt-live-chat-creator-answers-questions-banner-renderer,#content-top.yt-live-chat-creator-answers-questions-banner-renderer #collapsed-question-text.yt-live-chat-creator-answers-questions-banner-renderer {
flex: 1;flex-basis: 0.000000001px;
}
#content-top.yt-live-chat-creator-answers-questions-banner-renderer #question-icon.yt-live-chat-creator-answers-questions-banner-renderer {
padding: 0 8px 0 0;
}
#content-top.yt-live-chat-creator-answers-questions-banner-renderer #menu.yt-live-chat-creator-answers-questions-banner-renderer {
--yt-button-icon-size: 24px;--yt-button-icon-padding: 0;
}
#content-top.yt-live-chat-creator-answers-questions-banner-renderer #menu.yt-live-chat-creator-answers-questions-banner-renderer yt-button-renderer.yt-live-chat-creator-answers-questions-banner-renderer {
color: var(--yt-live-chat-call-for-questions-secondary-text-color);
}
#main-content.yt-live-chat-creator-answers-questions-banner-renderer {
display: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;color: var(--yt-live-chat-call-for-questions-primary-text-color);
}
#main-content.yt-live-chat-creator-answers-questions-banner-renderer #ask-question.yt-live-chat-creator-answers-questions-banner-renderer {
margin: 8px 0;display: flex;justify-content: flex-end;
}
#main-content.yt-live-chat-creator-answers-questions-banner-renderer yt-button-renderer.yt-live-chat-creator-answers-questions-banner-renderer {
color: var(--yt-live-chat-call-for-questions-ask-question-button-color);
}
ytd-button-renderer {
--paper-button-ink-color: var(--yt-spec-icon-disabled);--yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white);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 yt-formatted-string .yt-formatted-string[style-target=deemphasize] {
margin-left: var(--ytd-margin-base);
}
ytd-button-renderer[disable-text-transform] {
text-transform: none;
}
ytd-button-renderer[disabled][is-paper-button] a.ytd-button-renderer {
cursor: initial;pointer-events: none;
}
ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer {
flex: none;
}
ytd-button-renderer yt-formatted-string.ytd-button-renderer {
display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
tp-yt-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);
}
tp-yt-paper-button.keyboard-focus.ytd-button-renderer {
font-weight: inherit;
}
tp-yt-paper-tooltip.ytd-button-renderer {
z-index: var(--yt-button-tooltip-z-index);
}
ytd-button-renderer[is-icon-button]:not([style-action-button]) {
-webkit-font-smoothing: var(--ytd-caption--webkit-font-smoothing);font-family: var(--ytd-caption-font-family);font-size: var(--ytd-caption-font-size);font-weight: var(--ytd-caption-font-weight);letter-spacing: var(--ytd-caption-letter-spacing);line-height: var(--ytd-caption-line-height);text-transform: var(--ytd-caption-text-transform);
}
ytd-button-renderer.force-icon-button:not([has-no-text]) 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-button-icon-button-text-color,var(--yt-spec-text-secondary));
}
ytd-button-renderer.style-black[is-icon-button] {
color: var(--yt-spec-text-primary);
}
ytd-button-renderer.style-visibly-disabled[is-icon-button],ytd-button-renderer.style-opacity[is-icon-button][disabled],ytd-button-renderer.style-text[is-icon-button][disabled] #text.ytd-button-renderer,ytd-button-renderer.style-default[is-icon-button][disabled] #text.ytd-button-renderer,ytd-button-renderer.style-opacity[is-icon-button][disabled] #text.ytd-button-renderer {
color: var(--yt-spec-text-disabled);
}
ytd-button-renderer.style-blue-text[is-icon-button] {
color: var(--yt-spec-call-to-action);
}
tp-yt-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-badge-chip-background);color: var(--yt-spec-text-disabled);
}
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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer,ytd-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-button-renderer.style-suggestive[is-paper-button] {
--yt-formatted-string-deemphasize-color: var(--yt-spec-call-to-action);background-color: transparent;color: var(--yt-spec-call-to-action);
}
ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-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][disabled] tp-yt-paper-button.ytd-button-renderer {
border: 1px solid var(--yt-spec-text-disabled);
}
ytd-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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] tp-yt-paper-button.ytd-button-renderer {
border: 1px solid var(--yt-basic-border-color);padding: var(--yt-button-padding-minus-border);
}
ytd-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-basic-border-color);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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-button-renderer.style-destructive[is-paper-button] {
background-color: var(--yt-spec-brand-button-background);color: var(--yt-spec-static-brand-white);
}
ytd-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-button-renderer.style-destructive[disabled][is-paper-button] {
background-color: var(--yt-spec-icon-disabled);color: var(--yt-spec-text-primary-inverse);
}
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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-link-text-faded);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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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-inactive-outline[is-paper-button] {
color: var(--yt-spec-text-secondary);
}
ytd-button-renderer.style-inactive-outline[is-paper-button] tp-yt-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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded);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] tp-yt-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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer,ytd-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-icon-disabled);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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer,ytd-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-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-spec-call-to-action);
}
ytd-button-renderer.style-alert-info[is-paper-button]:hover {
color: var(--yt-spec-button-chip-background-hover);
}
ytd-button-renderer.style-dark[is-paper-button] {
background-color: var(--yt-button-dark-background-color,var(--yt-spec-badge-chip-background));color: var(--yt-button-dark-text-color,var(--yt-spec-text-secondary));
}
ytd-button-renderer.style-light[is-paper-button] {
background-color: var(--yt-spec-badge-chip-background);color: var(--yt-spec-text-secondary);
}
ytd-button-renderer.style-light-text[is-paper-button] {
color: var(--yt-spec-static-overlay-text-primary);
}
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-spec-text-disabled);
}
ytd-button-renderer.style-dark-on-black[is-paper-button] {
background-color: var(--yt-spec-static-overlay-button-secondary);border: none;color: var(--yt-spec-static-overlay-text-primary);
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
tp-yt-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: flex;flex-direction: row;align-items: 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: 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: var(--yt-spec-text-disabled);
}
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-icon-button][icon-align-by-text]:not(:empty) {
margin-left: -8px;
}
ytd-button-renderer[is-paper-button][button-size=size-large] {
line-height: 24px;
}
tp-yt-paper-button.ytd-button-renderer {
width: var(--yt-paper-button-width,auto);height: var(--yt-paper-button-height,auto);border-radius: inherit;margin: 0 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0);padding: var(--yt-button-padding,0.7em 0.57em);display: flex;flex-direction: row;align-items: center;justify-content: center;flex: 1 1 auto;
}
ytd-button-renderer[start-justified] tp-yt-paper-button.ytd-button-renderer {
justify-content: flex-start;
}
ytd-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-button-renderer {
display: flex;flex-direction: column;
}
ytd-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-button-renderer #text.ytd-button-renderer {
overflow: hidden;text-align: center;text-overflow: ellipsis;width: inherit;
}
#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: var(--yt-button-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-deprecated-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);
}
yt-live-chat-donations-progress-bar-renderer {
display: block;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;color: rgba(255,255,255,0.7);padding-top: 8px;
}
yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner]:not([no-goal]) {
margin: 2px 8px 0 0;padding: 1px 8px 0 0;
}
yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner][no-goal] {
margin: 0 8px 0 0;padding: 6px 8px 0 0;
}
#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: flex;flex-direction: row;align-items: flex-start;align-items: center;
}
#title-row.yt-live-chat-donations-progress-bar-renderer {
margin-right: 16px;
}
#raised-amount.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 {
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
#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 {
-webkit-padding-end: 5px;padding-inline-end: 5px;
}
yt-live-chat-donations-progress-bar-renderer yt-formatted-string#target-amount .yt-formatted-string[style-target=bold] {
font-size: var(--ytd-navbar-title-font-size);font-weight: var(--ytd-navbar-title-font-weight);line-height: var(--ytd-navbar-title-line-height);
}
yt-live-chat-donations-progress-bar-renderer yt-formatted-string#raised-amount .yt-formatted-string[style-target=bold] {
font-size: var(--ytd-navbar-title-font-size);font-weight: var(--ytd-navbar-title-font-weight);line-height: var(--ytd-navbar-title-line-height);
}
#raised-amount.yt-live-chat-donations-progress-bar-renderer {
--yt-formatted-string-bold-color: var(--yt-spec-static-brand-white);
}
yt-live-chat-donations-progress-bar-renderer[in-collapsed-banner] yt-formatted-string#raised-amount .yt-formatted-string[style-target=bold] {
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);
}
#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 0;
}
#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: 8px;display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;
}
#goal-reached.yt-live-chat-donations-progress-bar-renderer {
display: flex;flex-direction: row;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-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;
}
ytd-ad-hover-text-button-renderer:not([modern-update]) #info-button.ytd-ad-hover-text-button-renderer {
position: relative;vertical-align: top;width: 16px;height: 16px;--yt-button-icon-padding: 1px;--yt-button-icon-size: 16px;-ms-align-self: center;align-self: center;
}
ytd-ad-hover-text-button-renderer:not([modern-update]) #info-button.ytd-ad-hover-text-button-renderer > a {
cursor: pointer;position: absolute;top: 0;right: 0;
}
ytd-ad-hover-text-button-renderer[modern-update] #info-button.ytd-ad-hover-text-button-renderer {
width: 40px;height: 40px;margin: 8px;
}
ytd-live-chat-product-item-renderer {
--yt-live-chat-primary-text-color: var(--yt-spec-static-overlay-text-primary);display: block;padding-top: 4px;padding-bottom: 4px;width: calc(100% - 32px);
}
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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);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;margin-left: 36px;
}
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: var(--yt-spec-static-overlay-background-medium-light);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: flex;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: flex;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: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;
}
#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: flex;flex-direction: row;flex: 1;flex-basis: 0.000000001px;
}
#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] .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] yt-live-chat-author-chip.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: flex;flex-direction: row;
}
#creator-message-content.ytd-live-chat-product-item-renderer {
font-size: 13px;font-weight: 400;line-height: 18px;-ms-align-self: center;align-self: center;
}
.message.ytd-live-chat-product-item-renderer {
overflow-wrap: break-word;overflow: hidden;padding-left: 2px;word-break: break-word;word-wrap: break-word;-ms-align-self: center;align-self: center;
}
#creator-message.ytd-live-chat-product-item-renderer {
color: var(--yt-spec-static-overlay-text-secondary);
}
#creator-custom-message.ytd-live-chat-product-item-renderer {
color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary));
}
#creator-custom-message.ytd-live-chat-product-item-renderer>.emoji.ytd-live-chat-product-item-renderer {
width: 10px;height: 10px;margin: -1px 2px 1px;vertical-align: middle;
}
yt-live-chat-author-chip.ytd-live-chat-product-item-renderer {
margin-right: 8px;
}
#creator-photo.ytd-live-chat-product-item-renderer {
border-radius: 50%;height: 24px;margin-right: 12px;overflow: hidden;width: 24px;flex: none;
}
#creator-message-container.ytd-live-chat-product-item-renderer {
padding-bottom: 12px;display: flex;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-button-icon-padding: 1px;--yt-button-icon-size: 15px;color: var(--yt-spec-static-overlay-icon-inactive);
}
ytd-sponsorships-avatar-renderer {
position: relative;display: block;background-color: transparent;
}
.avatar.ytd-sponsorships-avatar-renderer {
position: relative;
}
.background-image.ytd-sponsorships-avatar-renderer {
position: absolute;
}
.channel-image.ytd-sponsorships-avatar-renderer {
position: absolute;--yt-img-border-radius: 50%;
}
.badge-icon.ytd-sponsorships-avatar-renderer {
background: black;color: white;position: absolute;bottom: 4px;right: 4px;width: 24px;height: 24px;border-radius: 2px;
}
ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
display: inline-block;width: 100%;max-width: 100%;position: relative;
}
#header.ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
display: flex;flex-direction: row;align-items: center;color: white;margin: 4px 0;
}
#header-text.ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;opacity: 70%;
}
#gifter-photo.ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
border-radius: 50%;width: 24px;height: 24px;margin-right: 8px;overflow: hidden;
}
#attachment.ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
display: flex;flex-direction: row;margin: 12px 8px 8px 0;border-radius: 4px;overflow: hidden;
}
#message.ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
width: 100%;color: white;background: rgba(0,0,0,0.3);min-height: 76px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;
}
#message-text.ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;padding: 8px 12px 0;
}
#action-button.ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
margin: 0 0 -4px -4px;color: var(--yt-spec-light-blue);position: absolute;bottom: 8px;
}
#menu.ytd-sponsorships-live-chat-gift-redemption-banner-renderer {
background: linear-gradient(to right,transparent,var(--yt-live-chat-sponsor-header-color) 100%);border-radius: 0 4px 4px 0;opacity: 70%;margin-left: auto;
}
yt-live-chat-banner-renderer {
display: block;padding: 4px 8px 4px 16px;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;
}
yt-live-chat-banner-renderer[is-call-for-questions] {
padding-left: 0;padding-top: 0;
}
yt-live-chat-banner-renderer[is-creator-answers-questions-banner] {
padding-left: 0;padding-top: 0;
}
yt-live-chat-banner-renderer[is-redirect-banner] {
padding-left: 0;padding-top: 0;
}
#contents.yt-live-chat-banner-renderer {
padding-bottom: 4px;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[collapsed] #contents.yt-live-chat-banner-renderer {
padding-bottom: 0;
}
yt-live-chat-banner-renderer[collapsed]:not([has-custom-collapsed-state]) #contents.yt-live-chat-banner-renderer {
pointer-events: none;
}
.background.yt-live-chat-banner-renderer {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#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;-webkit-animation: slide-horizontal infinite linear;animation: slide-horizontal infinite linear;-webkit-animation-duration: var(--yt-live-chat-banner-bar-animation-duration);animation-duration: var(--yt-live-chat-banner-bar-animation-duration);
}
@-webkit-keyframes slide-horizontal {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-9px);
}
}
@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-active-banner] {
background: var(--yt-live-chat-banner-gradient-scrim);
}
yt-live-chat-banner-manager[has-active-banner] yt-live-chat-banner-renderer.yt-live-chat-banner-manager {
-webkit-animation: slideDown var(--yt-live-chat-universal-motion-curve) forwards;animation: slideDown var(--yt-live-chat-universal-motion-curve) forwards;-webkit-animation-duration: var(--yt-live-chat-banner-animation-duration);animation-duration: var(--yt-live-chat-banner-animation-duration);
}
@-webkit-keyframes slideDown {
0% {
transform: translateY(-15%);opacity: 0;
}
100% {
transform: translateY(0);opacity: 1;
}
}
@keyframes slideDown {
0% {
transform: translateY(-15%);opacity: 0;
}
100% {
transform: translateY(0);opacity: 1;
}
}
yt-live-chat-channel-guidelines-dialog-renderer {
padding: 24px 40px;display: flex;flex-direction: column;justify-content: center;
}
#card.yt-live-chat-channel-guidelines-dialog-renderer {
overflow: hidden;background: var(--yt-spec-brand-background-primary);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);
}
#header.yt-live-chat-channel-guidelines-dialog-renderer {
position: relative;
}
#context-menu.yt-live-chat-channel-guidelines-dialog-renderer {
position: absolute;right: -8px;top: 0px;color: var(--yt-live-chat-secondary-text-color);background: linear-gradient(to right,transparent 0%,var(--yt-live-chat-background-color,var(--yt-spec-static-brand-white)) 100%);
}
#context-menu-button.yt-live-chat-channel-guidelines-dialog-renderer {
width: 32px;height: 32px;padding: 4px;
}
#content.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;flex-direction: column;padding: 20px 12px;overflow-y: scroll;max-height: 300px;
}
yt-formatted-string.yt-live-chat-channel-guidelines-dialog-renderer {
display: block;
}
#channel-guidelines-dialog-intro.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;flex-direction: column;align-items: center;
}
#channel-guidelines-dialog-owner-name.yt-live-chat-channel-guidelines-dialog-renderer {
margin-bottom: 4px;color: var(--yt-live-chat-primary-text-color);font-size: 20px;font-weight: 500;line-height: 28px;
}
#channel-guidelines-dialog-title.yt-live-chat-channel-guidelines-dialog-renderer {
margin-bottom: 4px;color: var(--yt-live-chat-secondary-text-color);font-size: 12px;line-height: 16px;
}
#channel-guidelines-dialog-owner-avatar.yt-live-chat-channel-guidelines-dialog-renderer {
margin: 8px 0px;overflow: hidden;border-radius: 50%;height: 64px;width: 64px;
}
#channel-guidelines-dialog-welcome-message.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;flex-direction: column;align-items: center;margin-bottom: 16px;
}
#channel-guidelines-dialog-welcome-message.yt-live-chat-channel-guidelines-dialog-renderer #triangle.yt-live-chat-channel-guidelines-dialog-renderer {
display: block;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid var(--yt-spec-general-background-b);
}
#channel-guidelines-dialog-welcome-message.yt-live-chat-channel-guidelines-dialog-renderer #message-box.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;background: var(--yt-spec-general-background-b);padding: 8px 12px;border-radius: 8px;text-align: center;
}
#channel-guidelines-dialog-welcome-message-text.yt-live-chat-channel-guidelines-dialog-renderer {
margin-top: 4px;color: var(--yt-live-chat-primary-text-color);font-size: 14px;line-height: 20px;font-weight: 400;
}
#channel-guidelines-list.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;flex-direction: column;display: block;margin-bottom: 8px;
}
#channel-guidelines-list-item.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;flex-direction: row;margin-bottom: 12px;
}
#channel-guidelines-list-item.yt-live-chat-channel-guidelines-dialog-renderer #list-item-index.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;flex-direction: column;align-items: center;justify-content: center;background: var(--yt-spec-general-background-b);color: var(--yt-live-chat-primary-text-color);border-radius: 20px;height: 36px;width: 36px;min-width: 36px;font-size: 18px;line-height: 20px;
}
#channel-guidelines-list-item-text.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;flex-direction: column;align-items: center;justify-content: center;padding-left: 12px;color: var(--yt-live-chat-primary-text-color);font-size: 14px;line-height: 18px;
}
#channel-guidelines-dialog-community-guidelines.yt-live-chat-channel-guidelines-dialog-renderer {
color: var(--yt-live-chat-secondary-text-color);font-size: 12px;line-height: 16px;
}
#button-container.yt-live-chat-channel-guidelines-dialog-renderer {
display: flex;flex-direction: row;justify-content: flex-end;border-top: 1px solid var(--yt-spec-10-percent-layer);padding: 8px 8px 8px 24px;
}
yt-button-renderer.yt-live-chat-channel-guidelines-dialog-renderer {
font-size: 14px;text-transform: uppercase;
}
yt-live-chat-docked-message {
display: block;overflow: hidden;
}
yt-live-chat-docked-message[is-undocking] #undocking-item.yt-live-chat-docked-message yt-live-chat-text-message-renderer.yt-live-chat-docked-message {
-webkit-animation: fadeOut ease-out 0.5s forwards;animation: fadeOut ease-out 0.5s forwards;
}
#container.yt-live-chat-docked-message {
z-index: 0;
}
#undocking-item.yt-live-chat-docked-message {
z-index: 1;
}
#docked-item.yt-live-chat-docked-message,#undocking-item.yt-live-chat-docked-message {
margin: 8px 24px 0 8px;
}
#docked-item.yt-live-chat-docked-message yt-live-chat-text-message-renderer.yt-live-chat-docked-message,#undocking-item.yt-live-chat-docked-message yt-live-chat-text-message-renderer.yt-live-chat-docked-message {
border-radius: 4px;padding-left: 16px;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
#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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-donation-announcement-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-donation-announcement-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-donation-announcement-renderer>*.yt-live-chat-donation-announcement-renderer {
background: var(--yt-deprecated-luna-black-opacity-lighten-1);
}
#inline-action-buttons.yt-live-chat-donation-announcement-renderer>.yt-live-chat-donation-announcement-renderer:hover {
background: var(--yt-deprecated-luna-black);
}
#additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer>*.yt-live-chat-donation-announcement-renderer {
color: var(--yt-live-chat-additional-inline-action-button-color);background: var(--yt-live-chat-additional-inline-action-button-background-color);
}
#additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer>.yt-live-chat-donation-announcement-renderer:hover {
background: var(--yt-live-chat-additional-inline-action-button-background-color-hover);
}
#additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer:not(:empty) {
margin-left: 32px;
}
#inline-action-buttons.yt-live-chat-donation-announcement-renderer>*.yt-live-chat-donation-announcement-renderer:not(:first-child),#additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer>*.yt-live-chat-donation-announcement-renderer:not(:first-child) {
margin-left: 8px;
}
yt-live-chat-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: flex;flex-direction: row;
}
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: flex;flex-direction: row;align-items: baseline;
}
#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: vertical;text-overflow: ellipsis;white-space: normal;display: -webkit-box;align-items: center;
}
#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(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);display: inline-flex;align-items: center;justify-content: center;
}
#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);
}
yt-dropdown-menu {
display: inline-block;max-width: 100%;
}
tp-yt-paper-button.yt-dropdown-menu {
display: inline-block;text-align: center;font-family: inherit;width: var(--yt-dropdown-menu-button-width,auto);height: var(--yt-dropdown-menu-button-height,auto);
}
tp-yt-paper-menu-button.yt-dropdown-menu {
color: var(--yt-spec-text-secondary);--paper-menu-button-dropdown-background: transparent;
}
tp-yt-paper-menu-button.yt-dropdown-menu,yt-dropdown-menu yt-dropdown-menu .yt-dropdown-menu[style-target=label-text],.yt-dropdown-menu[style-target=label-text] {
max-width: 100%;
}
tp-yt-paper-menu-button.yt-dropdown-menu {
padding: 0;
}
tp-yt-paper-listbox.yt-dropdown-menu {
background-color: var(--yt-spec-brand-background-primary);
}
tp-yt-paper-listbox.yt-dropdown-menu tp-yt-paper-item.yt-dropdown-menu:hover {
background-color: var(--yt-spec-10-percent-layer);
}
tp-yt-paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu {
font-weight: inherit;background-color: var(--yt-spec-10-percent-layer);
}
#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: flex;flex-direction: row;align-items: center;
}
yt-dropdown-menu yt-dropdown-menu .yt-dropdown-menu[style-target=label-text],.yt-dropdown-menu[style-target=label-text] {
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--yt-spec-text-primary);
}
#icon-label.yt-dropdown-menu {
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.yt-dropdown-menu #icon-label.yt-dropdown-menu {
font-weight: 700;
}
#label.keyboard-focus.yt-dropdown-menu .yt-dropdown-menu[style-target=label-text] {
font-weight: 500;
}
#label-icon.yt-dropdown-menu {
flex-shrink: 0;color: var(--yt-spec-text-primary);
}
yt-dropdown-menu[icon-label] #label-icon.yt-dropdown-menu {
margin-right: var(--ytd-margin-2x);
}
.item.yt-dropdown-menu {
font-size: var(--ytd-user-comment-font-size);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-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color,var(--yt-spec-text-primary));
}
#subtitle.yt-dropdown-menu {
color: var(--yt-spec-text-secondary);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: inline-block;cursor: pointer;text-decoration: none;color: var(--yt-endpoint-color,var(--yt-spec-text-primary));outline: none;
}
.yt-simple-endpoint.yt-dropdown-menu:hover {
color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
a.yt-simple-endpoint.yt-dropdown-menu {
display: block;color: var(--yt-spec-text-primary);
}
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;
}
tp-yt-paper-item-body.yt-dropdown-menu {
max-width: 100%;flex: none;
}
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-deprecated-opalescence-soft-grey-opacity-lighten-3));color: var(--yt-live-chat-header-text-color,var(--yt-live-chat-primary-text-color));display: flex;flex-direction: row;align-items: center;display: var(--yt-live-chat-header-renderer-display,flex);
}
#overflow.yt-live-chat-header-renderer {
width: 40px;height: 40px;padding: 8px;
}
#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 {
flex: 1;flex-basis: 0.000000001px;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);
}
#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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-legacy-paid-message-renderer>*.yt-live-chat-legacy-paid-message-renderer {
background: var(--yt-deprecated-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-deprecated-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-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: flex;flex-direction: row;align-items: center;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);
}
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: flex-start;align-self: flex-start;
}
#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 {
flex: 1;flex-basis: 0.000000001px;
}
yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #content.yt-live-chat-legacy-paid-message-renderer {
display: flex;flex-direction: column;
}
yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #content-primary-column.yt-live-chat-legacy-paid-message-renderer {
display: flex;flex-direction: row;align-items: baseline;
}
#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-spec-static-brand-white);display: inline-flex;align-items: center;justify-content: center;font-size: var(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);
}
#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%);
}
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-spec-text-primary));background: var(--yt-live-chat-action-panel-background-color,var(--yt-deprecated-opalescence-soft-grey-opacity-lighten-3));display: flex;flex-direction: column;align-items: center;justify-content: center;--yt-paper-button-width: 100%;
}
#subtext.yt-live-chat-message-renderer {
color: var(--yt-live-chat-secondary-text-color,var(--yt-deprecated-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: center;align-self: center;
}
#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: flex;flex-direction: column;
}
#button.yt-live-chat-message-renderer>*.yt-live-chat-message-renderer {
display: flex;flex-direction: column;
}
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-spec-text-primary));font-size: 13px;
}
#contents.yt-live-chat-mode-change-message-renderer {
display: flex;flex-direction: column;align-items: center;padding: 16px 30px;border-radius: 4px;background: var(--yt-live-chat-mode-change-background-color,var(--yt-deprecated-opalescence-soft-grey));
}
#text-container.yt-live-chat-mode-change-message-renderer {
display: flex;flex-direction: column;align-items: center;
}
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-spec-text-secondary));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;
}
#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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-moderation-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-moderation-message-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-moderation-message-renderer>*.yt-live-chat-moderation-message-renderer {
background: var(--yt-deprecated-luna-black-opacity-lighten-1);
}
#inline-action-buttons.yt-live-chat-moderation-message-renderer>.yt-live-chat-moderation-message-renderer:hover {
background: var(--yt-deprecated-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-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-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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-server-error-message[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-server-error-message {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-server-error-message>*.yt-live-chat-server-error-message {
background: var(--yt-deprecated-luna-black-opacity-lighten-1);
}
#inline-action-buttons.yt-live-chat-server-error-message>.yt-live-chat-server-error-message:hover {
background: var(--yt-deprecated-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-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);
}
yt-live-chat-toast-renderer {
position: absolute;box-sizing: border-box;right: 0;bottom: 0;left: 0;padding: 16px;transition-duration: 0.2s;transition-property: transform,background-color;transform: translateY(100%);border-radius: 2px;font-size: 14px;color: var(--yt-live-chat-toast-text-color);word-break: break-word;align-items: center;display: flex;flex-direction: row;justify-content: space-between;
}
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;
}
#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%;flex: none;
}
#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;align-items: center;justify-content: center;
}
yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer {
display: flex;flex-direction: row;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-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer>*.yt-live-chat-viewer-engagement-message-renderer {
background: var(--yt-deprecated-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-deprecated-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;
}
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: flex;flex-direction: row;
}
#icon.yt-live-chat-viewer-engagement-message-renderer {
color: var(--yt-spec-static-brand-red);margin-right: 16px;flex: none;
}
#content.yt-live-chat-viewer-engagement-message-renderer {
flex: 1;flex-basis: 0.000000001px;-ms-align-self: center;align-self: center;
}
#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-spec-static-brand-white)) 100%);
}
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: flex;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: flex;align-items: center;flex: none;
}
#product-info.ytd-live-chat-purchased-product-message-renderer {
min-width: 0;padding-right: 20px;justify-content: center;flex: 1 1 auto;display: flex;flex-direction: column;
}
#product-title-container.ytd-live-chat-purchased-product-message-renderer {
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;
}
ytd-sponsorships-live-chat-header-renderer {
--yt-live-chat-sponsor-color: #0f9d58;
}
#header.ytd-sponsorships-live-chat-header-renderer {
overflow: hidden;border-radius: 4px;position: relative;background-color: var(--yt-live-chat-sponsor-color);color: #fff;min-height: 20px;display: flex;flex-direction: row;align-items: flex-start;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);
}
#content.ytd-sponsorships-live-chat-header-renderer {
padding-top: 8px;padding-bottom: 8px;padding-left: 16px;display: flex;flex-direction: row;margin-right: auto;
}
#header-content.ytd-sponsorships-live-chat-header-renderer {
display: flex;flex-direction: row;justify-content: space-between;flex: 1;flex-basis: 0.000000001px;align-items: baseline;
}
#author-photo.ytd-sponsorships-live-chat-header-renderer {
width: 40px;height: 40px;margin-right: 8px;--yt-img-border-radius: 50%;
}
yt-live-chat-author-chip.ytd-sponsorships-live-chat-header-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;--yt-live-chat-sponsor-color: rgba(255, 255, 255, 0.7);--yt-live-chat-moderator-color: rgba(255, 255, 255, 0.7);--yt-live-chat-secondary-text-color: rgba(255, 255, 255, 0.7);margin-bottom: 4px;
}
#secondary-text.ytd-sponsorships-live-chat-header-renderer {
margin-top: 2px;color: rgba(255,255,255,0.7);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#secondary-text.ytd-sponsorships-live-chat-header-renderer:empty {
display: none;
}
#primary-text.ytd-sponsorships-live-chat-header-renderer,#deleted-primary-text.ytd-sponsorships-live-chat-header-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;max-height: 8.8rem;overflow: hidden;display: block;-webkit-line-clamp: 4;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;font-size: 14px;line-height: 1.8rem;word-wrap: break-word;word-break: break-word;color: white;
}
#primary-text.ytd-sponsorships-live-chat-header-renderer:empty {
display: none;
}
#deleted-primary-text.ytd-sponsorships-live-chat-header-renderer {
font-style: italic;opacity: 0.7;
}
#deleted-primary-text.ytd-sponsorships-live-chat-header-renderer:empty {
display: none;
}
#header-content-deleted-state.ytd-sponsorships-live-chat-header-renderer {
height: 100%;display: flex;flex-direction: column;justify-content: center;
}
#menu.ytd-sponsorships-live-chat-header-renderer {
opacity: 0%;position: absolute;right: 0px;width: 52px;height: 100%;background: linear-gradient(to right,transparent,var(--yt-live-chat-sponsor-color) 100%);border-radius: 0 4px 4px 0;
}
#header.ytd-sponsorships-live-chat-header-renderer:hover #menu.ytd-sponsorships-live-chat-header-renderer {
opacity: 100%;transition: 0.2s;
}
#menu-button.ytd-sponsorships-live-chat-header-renderer {
position: absolute;right: 8px;top: 8px;
}
.rhs-image.ytd-sponsorships-live-chat-header-renderer {
margin-left: auto;align-self: end;
}
ytd-sponsorships-live-chat-gift-purchase-announcement-renderer {
display: block;padding: 4px 24px;
}
#opt-in-prompt.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer {
margin-top: 8px;
}
yt-live-chat-viewer-engagement-message-renderer.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer {
padding: 0;border-radius: 4px;
}
yt-button-renderer.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer {
background: white;--yt-button-color: rgba(19, 19, 19);display: block;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);
}
#timestamp.ytd-sponsorships-live-chat-gift-redemption-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.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
display: block;margin-right: 16px;overflow: hidden;border-radius: 50%;flex: none;
}
#menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
position: absolute;top: 0;bottom: 0;right: 0;transform: translateX(100px);
}
ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:hover #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer,ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[menu-visible] #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
transform: none;
}
ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:focus-within #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
transform: none;
}
#inline-action-button-container.ytd-sponsorships-live-chat-gift-redemption-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;align-items: center;justify-content: center;
}
ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[has-inline-action-buttons]:hover #inline-action-button-container.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
display: flex;flex-direction: row;display: var(--yt-live-chat-inline-action-button-container-display,none);
}
ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
display: none;
}
ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[has-inline-action-buttons]:hover #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block);
}
#inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer>*.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer,#additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer>*.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
--yt-button-icon-size: 36px;--yt-button-icon-padding: 6px;color: var(--yt-spec-static-brand-white);border-radius: 2px;
}
#inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer>*.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
background: var(--yt-deprecated-luna-black-opacity-lighten-1);
}
#inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer>.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:hover {
background: var(--yt-deprecated-luna-black);
}
#additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer>*.ytd-sponsorships-live-chat-gift-redemption-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.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer>.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:hover {
background: var(--yt-live-chat-additional-inline-action-button-background-color-hover);
}
#additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not(:empty) {
margin-left: 32px;
}
#inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer>*.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not(:first-child),#additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer>*.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not(:first-child) {
margin-left: 8px;
}
ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
display: block;padding: 4px 24px;contain: content;display: flex;flex-direction: row;
}
#content.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
display: flex;flex-direction: row;flex: 1;flex-basis: 0.000000001px;align-items: baseline;color: var(--yt-live-chat-secondary-text-color);display: inline-block;
}
#author-photo.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
width: 24px;height: 24px;margin-right: 16px;--yt-img-border-radius: 50%;
}
#author-photo.no-photo.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
color: var(--yt-live-chat-deleted-message-color);
}
#gift-icon.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
width: 16px;height: 16px;bottom: 2px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
yt-live-chat-author-chip.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
--yt-live-chat-secondary-text-color: var(--yt-live-chat-sponsor-color);
}
#message.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer,#deleted-message.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
word-wrap: break-word;
}
#deleted-message.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
font-style: italic;color: var(--yt-live-chat-deleted-message-color);height: 100%;display: inline-flex;flex-direction: column;justify-content: center;
}
#menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
color: var(--yt-live-chat-secondary-text-color);background: linear-gradient(to right,transparent 0%,var(--yt-live-chat-background-color,var(--yt-spec-static-brand-white)) 100%);
}
#menu-button.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer {
width: 32px;height: 32px;padding: 4px;
}
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: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;
}
#empty-state-message.yt-live-chat-item-list-renderer {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: center;
}
#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: 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);
}
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 {
flex: 1;flex-basis: 0.000000001px;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 {
flex: 1;flex-basis: 0.000000001px;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-message-input-prompt-header-renderer {
height: 30px;padding: 0;box-sizing: border-box;background-color: var(--yt-live-chat-header-background-color,var(--yt-deprecated-opalescence-soft-grey-opacity-lighten-3));color: var(--yt-live-chat-header-text-color,var(--yt-live-chat-primary-text-color));
}
#primary-content.yt-live-chat-message-input-prompt-header-renderer {
display: flex;flex-direction: row;align-items: center;padding: 1px;color: var(--yt-spec-text-secondary);
}
#close-button.yt-live-chat-message-input-prompt-header-renderer,#help-button.yt-live-chat-message-input-prompt-header-renderer {
flex: none;margin: 0px;
}
#label-text.yt-live-chat-message-input-prompt-header-renderer {
flex: 1;flex-basis: 0.000000001px;font-size: 13px;margin-left: 8px;
}
#underline.yt-live-chat-message-input-prompt-header-renderer {
height: 13px;border-top: 1px solid var(--yt-live-chat-text-input-field-inactive-underline-color,#b8b8b8);
}
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: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#panel-header.yt-live-chat-poll-editor-panel-renderer,#poll-editor-header.yt-live-chat-poll-editor-panel-renderer {
display: flex;flex-direction: row;align-items: center;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 {
flex: 1;flex-basis: 0.000000001px;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: flex;flex-direction: row;justify-content: flex-end;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;flex: 1;flex-basis: 0.000000001px;
}
#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 {
flex: none;
}
#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: flex;justify-content: flex-end;
}
#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 {
flex: none;
}
#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: flex;flex-direction: column;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-editor-start-button-color-disabled);
}
#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: flex;position: absolute;top: 0;right: 0;bottom: 0;left: 0;align-items: center;justify-content: center;
}
#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;
}
tp-yt-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-spec-text-primary);align-items: flex-start;
}
#subtext.yt-live-chat-product-button-renderer {
font-size: 12px;line-height: 16px;color: var(--yt-live-chat-secondary-text-color);white-space: normal;
}
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 {
flex-shrink: 0;padding-right: 32px;color: var(--yt-live-chat-product-picker-icon-color);position: relative;
}
yt-live-chat-product-button-renderer[system-icons] #icon.yt-live-chat-product-button-renderer {
color: var(--yt-spec-text-primary);
}
#icon-badge-text.yt-live-chat-product-button-renderer {
color: var(--yt-swatch-important-text,var(--yt-spec-static-brand-white));background-color: var(--yt-spec-call-to-action);position: absolute;top: -7px;left: 13px;width: 16px;height: 16px;line-height: 16px;border-radius: 50%;border: 2px solid var(--yt-spec-brand-background-primary);font-size: 10px;text-align: center;cursor: pointer;
}
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-button-renderer[disabled][system-icons] #icon.yt-live-chat-product-button-renderer {
color: var(--yt-live-chat-tertiary-text-color);
}
yt-live-chat-product-picker-renderer {
margin: 8px -8px;display: flex;flex-direction: column;
}
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-qna-start-panel-renderer {
display: block;background-color: var(--yt-live-chat-action-panel-background-color);padding: 4px 0;
}
.background.yt-live-chat-qna-start-panel-renderer {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#panel-header.yt-live-chat-qna-start-panel-renderer {
display: flex;flex-direction: row;align-items: center;padding-left: 13px;
}
#panel-header.yt-live-chat-qna-start-panel-renderer {
color: var(--yt-spec-text-secondary);border-bottom: 1px solid var(--yt-live-chat-qna-start-panel-header-border-color);
}
#panel-title.yt-live-chat-qna-start-panel-renderer {
flex: 1;flex-basis: 0.000000001px;font-size: 13px;margin-left: 8px;
}
#creator-message-text.yt-live-chat-qna-start-panel-renderer {
display: flex;flex-direction: row;align-items: center;padding: 4px 8px;color: var(--yt-spec-text-secondary);
}
#call_for_questions_banner.yt-live-chat-qna-start-panel-renderer {
overflow: hidden;padding: 4px 8px;margin: 8px 0;border-radius: 4px;position: relative;color: var(--yt-live-chat-qna-primary-text-color);
}
#panel-contents.yt-live-chat-qna-start-panel-renderer {
padding: 4px 13px;
}
#close-button.yt-live-chat-qna-start-panel-renderer {
flex: none;
}
#start-button.yt-live-chat-qna-start-panel-renderer {
padding: 4px 0;
}
#start-button.yt-live-chat-qna-start-panel-renderer yt-button-renderer.yt-live-chat-qna-start-panel-renderer {
display: flex;flex-direction: column;background-color: var(--yt-live-chat-qna-panel-start-button-background-color);color: var(--yt-live-chat-qna-panel-start-button-color);
}
#start-button.yt-live-chat-qna-start-panel-renderer yt-button-renderer.yt-live-chat-qna-start-panel-renderer[disabled] {
background-color: var(--yt-live-chat-qna-start-panel-button-background-color-disabled);color: var(--yt-live-chat-qna-panel-start-button-color-disabled);
}
#creator-avatar.yt-live-chat-qna-start-panel-renderer {
overflow: hidden;border-radius: 50%;margin-right: 12px;
}
#banner-content.yt-live-chat-qna-start-panel-renderer {
position: relative;
}
#banner-content-top.yt-live-chat-qna-start-panel-renderer {
align-items: center;display: flex;flex-direction: row;position: relative;padding: 4px 8px;
}
#metadata-text.yt-live-chat-qna-start-panel-renderer {
flex: 1;flex-basis: 0.000000001px;font-size: 13px;color: var(--yt-live-chat-call-for-questions-secondary-text-color);
}
#menu.yt-live-chat-qna-start-panel-renderer {
flex: none;--yt-button-icon-size: 24px;--yt-button-icon-padding: 0;
}
#banner-main-content.yt-live-chat-qna-start-panel-renderer {
display: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;padding: 4px 8px;margin: 8px 0 0;
}
yt-live-chat-text-input-field-renderer.yt-live-chat-qna-start-panel-renderer {
padding: 8px 0 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 );
}
#input.yt-live-chat-qna-start-panel-renderer {
padding: 4px 8px 24px 0px;
}
#input-sub-content.yt-live-chat-qna-start-panel-renderer {
display: flex;flex-direction: row;justify-content: flex-end;padding-bottom: 4px;
}
#qna-error-message.yt-live-chat-qna-start-panel-renderer {
display: none;font-size: 12px;line-height: 14px;color: var(--yt-live-chat-poll-secondary-text-color);
}
yt-live-chat-qna-start-panel-renderer[show-input-error-message] #qna-error-message.yt-live-chat-qna-start-panel-renderer {
display: unset;flex: 1;flex-basis: 0.000000001px;
}
#qna-character-count.yt-live-chat-qna-start-panel-renderer {
display: none;font-size: 12px;line-height: 14px;padding-left: 8px;text-align: end;
}
yt-live-chat-qna-start-panel-renderer[show-input-error-message] #qna-character-count.yt-live-chat-qna-start-panel-renderer {
flex: none;
}
#input-container.yt-live-chat-qna-start-panel-renderer:focus-within+#input-sub-content.yt-live-chat-qna-start-panel-renderer>#qna-character-count.yt-live-chat-qna-start-panel-renderer {
display: block;
}
#spinner-container.yt-live-chat-qna-start-panel-renderer {
background-color: var(--yt-live-chat-action-panel-background-color);display: flex;position: absolute;top: 0;right: 0;bottom: 0;left: 0;align-items: center;justify-content: center;
}
yt-live-chat-text-actions-error-message-renderer {
color: var(--yt-live-chat-error-message-color,#f44336);display: flex;flex-direction: row;align-items: center;
}
yt-icon-button.yt-live-chat-text-actions-error-message-renderer {
margin-right: 8px;flex: none;width: 40px;height: 40px;padding: 8px;
}
error-text.yt-live-chat-text-actions-error-message-renderer {
flex: 1;flex-basis: 0.000000001px;
}
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%;
}
#picker-buttons.yt-live-chat-message-input-renderer {
display: flex;flex-direction: row;align-items: center;
}
#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-message-input-renderer[system-icons] #picker-buttons.yt-live-chat-message-input-renderer>*.yt-live-chat-message-input-renderer {
color: var(--yt-spec-text-primary);
}
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-deprecated-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%;flex: none;
}
#top.yt-live-chat-message-input-renderer {
display: flex;flex-direction: row;align-items: flex-start;
}
#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],yt-live-chat-message-input-renderer[engage-with-audience-picker-open] {
padding: 0;overflow-y: hidden;
}
yt-live-chat-message-input-renderer[poll-editor-picker-open],yt-live-chat-message-input-renderer[qna-start-panel-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,yt-live-chat-message-input-renderer[qna-start-panel-open] #top.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[qna-start-panel-open] #buttons.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[engage-with-audience-picker-open] #top.yt-live-chat-message-input-renderer,yt-live-chat-message-input-renderer[engage-with-audience-picker-open] #buttons.yt-live-chat-message-input-renderer {
display: none;
}
#input-container.yt-live-chat-message-input-renderer {
flex: 1;flex-basis: 0.000000001px;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: absolute;top: 0;right: 0;bottom: 0;left: 0;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: flex;flex-direction: row;justify-content: space-between;margin: 4px 0 -8px;
}
#message-buttons.yt-live-chat-message-input-renderer {
display: flex;flex-direction: row;align-items: center;
}
#count.yt-live-chat-message-input-renderer {
margin-right: 8px;color: var(--yt-live-chat-secondary-text-color,var(--yt-deprecated-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);
}
yt-live-chat-message-input-renderer[system-icons] #send-button.yt-live-chat-message-input-renderer>*.yt-live-chat-message-input-renderer {
color: var(--yt-spec-text-primary);
}
#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,yt-live-chat-qna-start-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;
}
#tooltip-accessibility-text.yt-live-chat-message-input-renderer {
display: inline-block;position: fixed;clip: rect(0px,0px,0px,0px);
}
yt-live-chat-ninja-message-renderer {
background: var(--yt-spec-general-background-a);display: flex;flex-direction: column;align-items: center;justify-content: center;
}
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;align-items: center;display: flex;flex-direction: row;
}
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-spec-text-primary));z-index: 0;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#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-deprecated-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: flex;flex-direction: row;align-items: center;flex: none;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-deprecated-luna-black-opacity-lighten-3) );
}
#participants.yt-live-chat-participant-list-renderer {
overflow-y: auto;flex: 1;flex-basis: 0.000000001px;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-spec-brand-background-primary);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);
}
#picker-buttons.yt-live-chat-restricted-participation-renderer {
display: flex;flex-direction: row;align-items: center;
}
#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-restricted-participation-renderer[system-icons] #picker-buttons.yt-live-chat-restricted-participation-renderer>*.yt-live-chat-restricted-participation-renderer {
color: var(--yt-spec-text-primary);
}
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-deprecated-opalescence-soft-grey-opacity-lighten-3));color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary));font-size: 14px;
}
#explanation.yt-live-chat-restricted-participation-renderer {
display: flex;flex-direction: row;align-items: center;justify-content: space-between;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));flex: none;
}
#body.yt-live-chat-restricted-participation-renderer {
padding: 11px 0 10px;flex: 1 1 auto;
}
#message.yt-live-chat-restricted-participation-renderer {
display: inline;
}
#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;
}
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,1,1);
}
yt-live-chat-ticker-sponsor-item-renderer.collapsing {
margin-right: 0;transition: margin-right 0.2s cubic-bezier(0.4,0,0.2,1),width 0.2s cubic-bezier(0.4,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: flex;flex-direction: row;align-items: center;
}
#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;
}
#detail-icon.yt-live-chat-ticker-sponsor-item-renderer {
width: 18px;height: 18px;
}
#icon-spacer.yt-live-chat-ticker-sponsor-item-renderer {
margin-left: 5px;margin-right: -8px;
}
yt-live-chat-ticker-renderer {
display: block;background-color: var(--yt-live-chat-header-background-color);
}
#container.yt-live-chat-ticker-renderer {
position: relative;
}
#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: flex;flex-direction: column;justify-content: center;
}
#card.yt-live-chat-upsell-dialog-renderer {
overflow-y: auto;background: var(--yt-spec-brand-background-primary);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: 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(--live-chat-upsell-dialog-renderer-title-margin-bottom,var(--ytd-margin-4x));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));letter-spacing: var(--ytd-subheadline-letter-spacing);
}
#upsell-dialog-text.yt-live-chat-upsell-dialog-renderer {
margin-top: 4px;color: var(--yt-live-chat-secondary-text-color);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 {
display: flex;flex-direction: row;justify-content: flex-end;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;
}
ytd-expander {
display: block;
}
tp-yt-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: flex;display: flex;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;
}
tp-yt-paper-button.ytd-expander {
margin: var(--ytd-expander-button-margin,0);padding: 0;-ms-align-self: flex-start;align-self: flex-start;
}
ytd-expander[align-auto] tp-yt-paper-button.ytd-expander {
-ms-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;
}
ytd-donation-amount-picker-renderer[live-chat] #container.ytd-donation-amount-picker-renderer {
background-color: var(--yt-live-chat-action-panel-background-color);
}
ytd-donation-amount-picker-renderer:not([live-chat]) #container.ytd-donation-amount-picker-renderer {
width: 548px;
}
#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: flex;flex-direction: row;align-items: flex-start;
}
#title.ytd-donation-amount-picker-renderer {
color: var(--yt-spec-text-primary);margin-bottom: 16px;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: row;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;
}
ytd-donation-amount-picker-renderer[live-chat] #title.ytd-donation-amount-picker-renderer {
display: flex;flex-direction: row-reverse;
}
.title-text.ytd-donation-amount-picker-renderer {
flex-grow: 1;align-items: center;display: flex;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: flex;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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
#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 {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-donation-amount-picker-renderer:not([live-chat]) .campaign-description.ytd-donation-amount-picker-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;overflow-wrap: break-word;
}
ytd-donation-amount-picker-renderer[live-chat] .campaign-description.ytd-donation-amount-picker-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
.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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#nonprofit-subtitle.ytd-donation-amount-picker-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#button-row.ytd-donation-amount-picker-renderer {
margin-top: 16px;display: flex;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: flex;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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
#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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.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: flex;flex-direction: row;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;margin-top: 32px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-donation-amount-picker-renderer tp-yt-paper-checkbox#privacy-checkbox .tp-yt-paper-checkbox[style-target=label] {
margin-right: 20px;
}
ytd-donation-amount-picker-renderer[live-chat] #privacy-checkbox.ytd-donation-amount-picker-renderer {
margin-top: 8px;margin-bottom: 16px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-offer-content-renderer {
align-items: center;justify-content: center;display: flex;flex-direction: row;cursor: pointer;padding: 8px 16px 8px 24px;
}
.offer-content.ytd-offer-content-renderer {
display: flex;flex-direction: row;width: 100%;
}
#thumbnail.ytd-offer-content-renderer yt-img-shadow.ytd-offer-content-renderer {
height: 32px;margin: 0 12px;width: 32px;
}
.text.ytd-offer-content-renderer {
flex-grow: 1;justify-content: center;align-items: flex-start;display: flex;flex-direction: column;
}
.title.ytd-offer-content-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;
}
.description.ytd-offer-content-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
yt-button-renderer.ytd-offer-content-renderer[is-icon-button] {
margin-right: 8px;
}
ytd-offer-section-renderer {
display: flex;flex-direction: column;border-bottom: 1px solid var(--yt-spec-10-percent-layer);padding: 4px 0;
}
.heading.ytd-offer-section-renderer {
padding: 8px 24px;display: flex;flex-direction: column;
}
.title.ytd-offer-section-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
.description.ytd-offer-section-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-sponsorships-gift-offer-body-renderer {
display: flex;flex-direction: column;display: block;position: relative;background-color: var(--yt-spec-brand-background-primary);color: var(--yt-spec-text-primary);
}
#info.ytd-sponsorships-gift-offer-body-renderer {
display: flex;flex-direction: row;
}
#details.ytd-sponsorships-gift-offer-body-renderer {
display: flex;flex-direction: column;margin: 16px 8px 12px 12px;
}
#avatar.ytd-sponsorships-gift-offer-body-renderer {
width: 100px;height: 100px;margin: 16px 0 12px 12px;
}
#title.ytd-sponsorships-gift-offer-body-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#subtitle.ytd-sponsorships-gift-offer-body-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;color: var(--yt-spec-text-secondary);align-self: stretch;margin-top: 2px;
}
#offer-section.ytd-sponsorships-gift-offer-body-renderer {
margin: 8px -28px 0 -12px;
}
hr.solid.ytd-sponsorships-gift-offer-body-renderer {
border-top: 1px solid;color: var(--yt-spec-text-primary);opacity: 0.1;
}
ytd-sponsorships-gift-offer-header-renderer {
display: block;background-color: var(--yt-spec-brand-background-primary);color: var(--yt-spec-text-primary);
}
#header.ytd-sponsorships-gift-offer-header-renderer {
align-items: center;width: 100%;padding: 2px 0 2px 12px;display: flex;flex-direction: row;
}
#close-button.ytd-sponsorships-gift-offer-header-renderer {
color: var(--yt-live-chat-icon-button-color);width: var(--yt-button-icon-size,40px);height: var(--yt-button-icon-size,40px);padding: var(--yt-button-icon-padding,8px);
}
#details.ytd-sponsorships-gift-offer-header-renderer {
width: 100%;padding: 0 12px 0 20px;display: flex;flex-direction: column;
}
#title.ytd-sponsorships-gift-offer-header-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;color: var(--yt-spec-text-primary);
}
ytd-sponsorships-gift-offer-renderer {
display: block;max-height: 400px;overflow-y: auto;overflow-x: hidden;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
yt-tooltip-renderer[rounded-container] {
border-radius: 12px;overflow: hidden;
}
#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: flex;flex-direction: row;justify-content: flex-end;
}
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 {
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);
}
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: flex;flex-direction: column;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: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;
}
#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: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;
}
#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: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;
}
#chat.yt-live-chat-renderer::after {
content: "";display: none;-webkit-animation: gradient-slide 1.2s ease infinite;animation: gradient-slide 1.2s ease infinite;-webkit-animation-name: gradient-slide;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: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
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 {
flex: 1;flex-basis: 0.000000001px;
}
#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 {
-webkit-animation: slideUp var(--yt-live-chat-universal-motion-curve) forwards;animation: slideUp var(--yt-live-chat-universal-motion-curve) forwards;-webkit-animation-duration: var(--yt-live-chat-panel-animation-duration);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 {
-webkit-animation: slideDownFadeOut var(--yt-live-chat-universal-motion-curve) forwards;animation: slideDownFadeOut var(--yt-live-chat-universal-motion-curve) forwards;-webkit-animation-duration: var(--yt-live-chat-panel-animation-duration);animation-duration: var(--yt-live-chat-panel-animation-duration);
}
#input-panel.yt-live-chat-renderer {
flex: none;
}
#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,yt-live-chat-restricted-participation-renderer.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: flex;flex-direction: column;align-items: center;justify-content: center;
}
#loading.yt-live-chat-renderer>tp-yt-paper-spinner-lite.yt-live-chat-renderer {
--paper-spinner-color: var(--yt-live-chat-primary-text-color);
}
#overlay-dialog.yt-live-chat-renderer>*.yt-live-chat-renderer {
background: var(--yt-live-chat-overlay-color);z-index: 3;position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
#channel-guidelines.yt-live-chat-renderer>*.yt-live-chat-renderer {
background: var(--yt-live-chat-overlay-color);z-index: 3;position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
@-webkit-keyframes gradient-slide {
0% {
background-position: 100% 100%;
}
to {
background-position: 0% 0%;
}
}
@keyframes gradient-slide {
0% {
background-position: 100% 100%;
}
to {
background-position: 0% 0%;
}
}
@-webkit-keyframes slideUp {
0% {
transform: translateY(15%);opacity: 0;
}
100% {
transform: translateY(0);opacity: 1;
}
}
@keyframes slideUp {
0% {
transform: translateY(15%);opacity: 0;
}
100% {
transform: translateY(0);opacity: 1;
}
}
@-webkit-keyframes slideDownFadeOut {
0% {
transform: translateY(0);opacity: 1;
}
100% {
transform: translateY(15%);opacity: 0;
}
}
@keyframes slideDownFadeOut {
0% {
transform: translateY(0);opacity: 1;
}
100% {
transform: translateY(15%);opacity: 0;
}
}
@-webkit-keyframes fadeIn {
0% {
background-color: transparent;
}
100% {
background-color: var(--yt-spec-static-overlay-background-medium);
}
}
@keyframes fadeIn {
0% {
background-color: transparent;
}
100% {
background-color: var(--yt-spec-static-overlay-background-medium);
}
}
ytd-message-renderer {
padding: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;
}
ytd-message-renderer[shelf] {
padding: 0 0 24px;align-items: flex-start;
}
ytd-message-renderer[panel] {
padding: 8px 24px;align-items: flex-start;
}
#message.ytd-message-renderer {
color: var(--yt-message-renderer-text-color,var(--yt-spec-text-primary));text-align: var(--yt-message-renderer-text-align,initial);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#submessage.ytd-message-renderer {
color: var(--yt-spec-text-secondary);text-align: var(--yt-message-renderer-text-align,initial);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#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-family: "Roboto","Arial",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 400;
}
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-message-renderer[component-style=RENDER_STYLE_DIALOG] {
max-width: 400px;margin-left: 16px;margin-right: 16px;
}
ytd-message-renderer[component-style=RENDER_STYLE_SIMPLE_HEADER] {
padding: 8px 12px;align-items: flex-start;
}
ytd-message-renderer[component-style=RENDER_STYLE_SIMPLE_HEADER] #message.ytd-message-renderer:not([hidden]).ytd-message-renderer+#submessage.ytd-message-renderer {
margin-top: 4px;font-size: 1.2rem;font-weight: 400;line-height: 1.6rem;
}
ytd-message-renderer[component-style=RENDER_STYLE_BANNER_PANEL] {
background-color: var(--yt-spec-general-background-a);display: flex;flex-direction: row;align-items: center;justify-content: center;
}
ytd-message-renderer[component-style=RENDER_STYLE_BANNER_PANEL] #message.ytd-message-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-message-renderer[component-style=RENDER_STYLE_BANNER_PANEL] yt-icon.ytd-message-renderer {
width: 12px;height: 12px;margin-right: 16px;
}
ytd-message-renderer[component-style=RENDER_STYLE_NO_PADDING] {
padding: 0;margin-top: 16px;
}
tp-yt-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: flex;flex-direction: row;align-items: 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: 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: var(--yt-spec-text-disabled);
}
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-icon-button][icon-align-by-text]:not(:empty) {
margin-left: -8px;
}
ytd-toggle-button-renderer[is-paper-button][button-size=size-large] {
line-height: 24px;
}
tp-yt-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 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0);padding: var(--yt-button-padding,0.7em 0.57em);display: flex;flex-direction: row;align-items: center;justify-content: center;flex: 1 1 auto;
}
ytd-toggle-button-renderer[start-justified] tp-yt-paper-button.ytd-toggle-button-renderer {
justify-content: flex-start;
}
ytd-toggle-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-toggle-button-renderer {
display: flex;flex-direction: column;
}
ytd-toggle-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-toggle-button-renderer #text.ytd-toggle-button-renderer {
overflow: hidden;text-align: center;text-overflow: ellipsis;width: inherit;
}
#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: var(--yt-button-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-deprecated-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);
}
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]) {
text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
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-spec-badge-chip-background));color: var(--yt-button-default-text-color,var(--yt-spec-text-secondary));
}
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-button-icon-button-text-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-icon-button][system-icons] {
color: var(--yt-spec-text-primary);
}
ytd-toggle-button-renderer.style-default-active[is-paper-button] {
color: var(--yt-spec-call-to-action);
}
ytd-toggle-button-renderer.style-default-active[is-paper-button][system-icons] {
color: var(--yt-spec-text-primary);
}
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-spec-badge-chip-background));color: var(--yt-button-compact-text-color,var(--yt-spec-text-secondary));
}
ytd-toggle-button-renderer.style-compact-gray[is-paper-button] tp-yt-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-spec-icon-disabled);color: var(--yt-spec-text-primary-inverse);
}
ytd-toggle-button-renderer.style-primary[disabled][is-paper-button]:hover {
color: var(--yt-spec-text-primary-inverse);
}
ytd-toggle-button-renderer.style-suggestive[is-paper-button] {
--yt-formatted-string-deemphasize-color: var(--yt-spec-call-to-action);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] tp-yt-paper-button.ytd-toggle-button-renderer,ytd-toggle-button-renderer.style-inactive-outline[is-paper-button] tp-yt-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);
}
ytd-toggle-button-renderer[is-paper-button-with-icon] tp-yt-paper-button.ytd-toggle-button-renderer {
min-width: var(--yt-paper-button-min-width,5.14em);
}
ytd-toggle-button-renderer[disable-text-transform] {
text-transform: none;
}
a.yt-simple-endpoint.ytd-toggle-button-renderer {
flex: 1 1 auto;
}
tp-yt-paper-tooltip.ytd-toggle-button-renderer {
white-space: nowrap;
}
ytd-toggle-button-renderer[rounded-container] tp-yt-paper-tooltip .tp-yt-paper-tooltip[style-target=tooltip] {
border-radius: 4px;
}
tp-yt-iron-icon.ytd-toggle-button-renderer {
margin-right: 8px;
}
tp-yt-paper-tooltip.ytd-toggle-button-renderer.ytd-toggle-button-renderer {
z-index: var(--ytd-z-index-toggle-button-tooltip);
}
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-account-link-button-renderer {
display: inline-block;
}
ytd-button-renderer.ytd-account-link-button-renderer {
min-width: var(--ytd-account-link-button-min-width,inherit);
}
ytd-playlist-loop-button-renderer {
display: inline-block;
}
ytd-download-button-renderer[is-download-complete] {
--yt-button-color: var(--yt-spec-text-primary);
}
ytd-download-button-renderer[is-hidden] {
display: none;
}
ytd-segmented-like-dislike-button-renderer {
display: flex;
}
ytd-menu-renderer {
display: flex;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,#flexible-item-buttons.ytd-menu-renderer:not(:empty)>.ytd-menu-renderer[button-renderer],#top-level-buttons-computed.ytd-menu-renderer:not(:empty)+#flexible-item-buttons.ytd-menu-renderer+#button.ytd-menu-renderer {
margin-left: 8px;
}
ytd-menu-renderer ytd-menu-renderer .ytd-menu-renderer[style-target=button],.ytd-menu-renderer[style-target=button] {
--yt-icon-button-icon-width: 24px;--yt-icon-button-icon-height: 24px;width: var(--yt-icon-width);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);
}
ytd-menu-renderer[has-custom-icon-color] .ytd-menu-renderer[button-renderer].ytd-menu-renderer:hover yt-icon.ytd-menu-renderer,ytd-menu-renderer[has-custom-icon-color] #button.ytd-menu-renderer:hover yt-icon.ytd-menu-renderer {
color: var(--ytd-menu-renderer-button-color,var(--yt-spec-icon-active-other));
}
#items.ytd-menu-renderer::after {
display: none;
}
.top-level-buttons.ytd-menu-renderer {
display: flex;flex-direction: row;
}
ytd-menu-renderer[has-flexible-items] {
width: 100%;max-height: var(--yt-icon-height);overflow-y: hidden;flex-wrap: wrap;
}
ytd-menu-renderer[has-items] yt-button-shape.ytd-menu-renderer {
margin-left: 8px;
}
ytd-menu-renderer[tonal-override] ytd-account-link-button-renderer.ytd-menu-renderer {
margin: 0 8px;
}
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;
}
#image-container.ytd-backstage-image-renderer {
position: relative;
}
.image-icon-container.ytd-backstage-image-renderer {
position: absolute;bottom: 8px;right: 8px;background: rgba(0,0,0,0.8);border-radius: 2px;
}
yt-icon.ytd-backstage-image-renderer {
color: var(--yt-spec-static-brand-white);
}
ytd-backstage-image-renderer[rounded] #image-container.ytd-backstage-image-renderer {
border-radius: 12px;overflow: hidden;
}
ytd-post-multi-image-renderer {
--yt-img-max-height: var(--yt-post-multi-image-attachment-size, 638px);display: block;position: relative;width: var(--yt-post-multi-image-attachment-size,638px);
}
#shelf-container.ytd-post-multi-image-renderer {
display: flex;flex-direction: row;margin-top: 8px;
}
#scroll-container.ytd-post-multi-image-renderer {
overflow: hidden;
}
#items.ytd-post-multi-image-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-post-multi-image-renderer>*.ytd-post-multi-image-renderer {
display: inline-block;vertical-align: top;white-space: normal;
}
.arrow-container.ytd-post-multi-image-renderer {
position: absolute;top: 0;bottom: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;
}
#left-arrow-container.ytd-post-multi-image-renderer {
left: -20px;
}
#right-arrow-container.ytd-post-multi-image-renderer {
right: -20px;
}
.arrow-container.ytd-post-multi-image-renderer {
z-index: 200;
}
.arrow.ytd-post-multi-image-renderer {
justify-content: center;align-items: center;display: flex;flex-direction: column;background-color: var(--yt-spec-brand-background-solid);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;
}
.center-aligned.ytd-post-multi-image-renderer {
display: flex;flex-direction: column;align-items: center;justify-content: center;
}
ytd-backstage-image-renderer.ytd-post-multi-image-renderer {
width: var(--yt-post-multi-image-attachment-size,638px);
}
ytd-badge-supported-renderer {
display: flex;flex-direction: row;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: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);
}
.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));
}
ytd-badge-supported-renderer[system-icons] yt-icon.ytd-badge-supported-renderer {
width: 16px;height: 16px;
}
.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-stark.ytd-badge-supported-renderer {
color: var(--yt-spec-text-primary);white-space: nowrap;display: flex;padding-right: 0px;padding-left: 0px;font-weight: 700;
}
.badge-style-type-ad-stark.ytd-badge-supported-renderer:after {
content: "·";-webkit-padding-end: 4px;padding-inline-end: 4px;-webkit-padding-start: 5px;padding-inline-start: 5px;
}
ytd-badge-supported-renderer[large-font-ad-badge] .badge-style-type-ad-stark.ytd-badge-supported-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;font-weight: 700;
}
ytd-badge-supported-renderer[medium-font-ad-badge] .badge-style-type-ad-stark.ytd-badge-supported-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;font-weight: 700;
}
ytd-badge-supported-renderer[overlay-ad] .badge-style-type-ad-stark.ytd-badge-supported-renderer {
color: var(--yt-spec-static-brand-white);text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.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-shorts-player.ytd-badge-supported-renderer {
background: var(--yt-spec-static-overlay-background-medium-light);color: var(--yt-spec-static-overlay-text-primary);
}
.badge-style-type-members-only.ytd-badge-supported-renderer {
background: var(--yt-spec-badge-chip-background);color: var(--yt-spec-text-secondary);padding: 0;
}
.badge-style-type-members-only.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer {
color: var(--yt-spec-themed-green);padding-top: 1px;padding-left: 4px;padding-right: 2px;vertical-align: top;
}
.badge-style-type-members-only.ytd-badge-supported-renderer span.ytd-badge-supported-renderer {
padding-top: 3px;padding-bottom: 2px;padding-right: 4px;display: inline-block;
}
.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);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.badge-style-type-ypc-green.ytd-badge-supported-renderer {
background: var(--yt-spec-commerce-badge-background);color: var(--yt-spec-themed-green);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.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;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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
.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,.badge-style-type-starting-soon.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-live-now-alternate.ytd-badge-supported-renderer {
background: var(--yt-spec-static-overlay-background-brand);color: var(--yt-spec-static-brand-white);padding-top: 0;padding-bottom: 0;
}
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer span.ytd-badge-supported-renderer {
vertical-align: middle;
}
.badge-style-type-live-now-alternate.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer {
color: var(--yt-spec-static-brand-white);
}
ytd-badge-supported-renderer[animated] .badge-style-type-live-now-alternate.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer {
-webkit-animation: 1s infinite icon-mask;animation: 1s infinite icon-mask;
}
@-webkit-keyframes icon-mask {
from {
-webkit-clip-path: circle(2px);clip-path: circle(2px);opacity: 50%;
}
to {
-webkit-clip-path: circle(16px);clip-path: circle(16px);opacity: 100%;
}
}
@keyframes icon-mask {
from {
-webkit-clip-path: circle(2px);clip-path: circle(2px);opacity: 50%;
}
to {
-webkit-clip-path: circle(16px);clip-path: circle(16px);opacity: 100%;
}
}
.badge-style-type-black.ytd-badge-supported-renderer {
color: var(--yt-spec-static-brand-white);
}
.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-style-type-nz-rating-red-square.ytd-badge-supported-renderer {
color: #000;white-space: nowrap;overflow: hidden;text-overflow: clip;height: 2.2rem;width: 2.2rem;line-height: 2.2rem;padding: 0;display: inline-block;text-align: center;background: #f03936;border-radius: 0;
}
.badge-style-type-nz-rating-yellow-circle.ytd-badge-supported-renderer {
color: #000;white-space: nowrap;overflow: hidden;text-overflow: clip;height: 2.2rem;width: 2.2rem;line-height: 2.2rem;padding: 0;display: inline-block;text-align: center;background: #ffef00;border-radius: 50%;
}
.badge-style-type-nz-rating-green-circle.ytd-badge-supported-renderer {
color: #000;white-space: nowrap;overflow: hidden;text-overflow: clip;height: 2.2rem;width: 2.2rem;line-height: 2.2rem;padding: 0;display: inline-block;text-align: center;background: #42c758;border-radius: 50%;
}
.badge.ytd-badge-supported-renderer:not(:first-of-type) {
margin-left: 4px;
}
ytd-badge-supported-renderer[system-icons] .badge-style-type-verified.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer,ytd-badge-supported-renderer[system-icons] .badge-style-type-verified-artist.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer,ytd-badge-supported-renderer[system-icons] .badge-style-type-collection.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer,ytd-badge-supported-renderer[system-icons] .badge-style-type-ypc-transparent.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer {
width: 14px;height: 14px;
}
ytd-channel-name {
z-index: 300;display: flex;-ms-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;max-width: 100%;
}
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);word-break: break-word;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;
}
tp-yt-paper-tooltip.ytd-channel-name {
display: var(--yt-paper-tooltip-display);
}
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: flex;flex-direction: row;align-items: center;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:not([creator]) #icon.ytd-author-comment-badge-renderer {
height: 13px;width: 13px;margin-left: 4px;margin-bottom: 1px;fill: var(--yt-spec-icon-active-other);
}
ytd-author-comment-badge-renderer[standardize-icon-size]:not([creator]) #icon.ytd-author-comment-badge-renderer {
height: 12px;width: 12px;
}
#icon.ytd-author-comment-badge-renderer {
color: var(--ytd-author-comment-badge-icon-color);background-color: var(--ytd-author-comment-badge-icon-background-color);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);
}
#channel-name.ytd-author-comment-badge-renderer {
--ytd-channel-name-text-container-display: flex;
}
ytd-backstage-poll-renderer {
--ytd-backstage-poll-choice-height: 36px;--ytd-backstage-image-poll-choice-image-size: 125px;--ytd-backstage-image-poll-choice-height: 125px;display: block;
}
tp-yt-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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#poll-votes.ytd-backstage-poll-renderer {
--paper-listbox-background-color: 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%;
}
ytd-backstage-poll-renderer[is-image-poll] .vote-choice.ytd-backstage-poll-renderer {
border: 2px solid var(--yt-spec-10-percent-layer);border-radius: 4px;height: var(--ytd-backstage-image-poll-choice-height);min-height: var(--ytd-backstage-image-poll-choice-height);min-width: 150px;width: 100%;
}
ytd-backstage-poll-renderer[is-image-poll] tp-yt-paper-item.ytd-backstage-poll-renderer[selected].vote-choice.ytd-backstage-poll-renderer {
border: 2px solid var(--yt-spec-call-to-action);
}
#sign-in.yt-simple-endpoint.ytd-backstage-poll-renderer {
outline: none;width: auto;height: var(--ytd-backstage-poll-choice-height);padding-bottom: 12px;display: flex;flex-direction: row;
}
ytd-backstage-poll-renderer[is-image-poll] #sign-in.yt-simple-endpoint.ytd-backstage-poll-renderer {
height: var(--ytd-backstage-image-poll-choice-height);
}
.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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-backstage-poll-renderer:not([is-image-poll]) .choice-info.ytd-backstage-poll-renderer {
border-radius: 4px;border: 1px solid var(--yt-spec-icon-inactive);
}
ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer[show-percentage] .choice-info.ytd-backstage-poll-renderer {
border: 1px solid var(--yt-spec-10-percent-layer);
}
ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .choice-info.ytd-backstage-poll-renderer {
border: 1px solid var(--yt-spec-themed-blue);
}
ytd-backstage-poll-renderer[is-image-poll] .choice-info.ytd-backstage-poll-renderer {
height: var(--ytd-backstage-image-poll-choice-height);
}
.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;
}
tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer {
background-color: var(--yt-spec-suggested-action);
}
ytd-backstage-poll-renderer[is-image-poll] .progress-bar.ytd-backstage-poll-renderer {
height: var(--ytd-backstage-image-poll-choice-height);
}
ytd-backstage-poll-renderer[is-image-poll] tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer {
height: var(--ytd-backstage-image-poll-choice-height);
}
.text-area.ytd-backstage-poll-renderer {
color: var(--yt-spec-text-primary);margin: 8px 0;position: absolute;z-index: 1;display: inline-flex;justify-content: space-between;
}
ytd-backstage-poll-renderer[is-image-poll] .text-area.ytd-backstage-poll-renderer {
align-items: center;height: var(--ytd-backstage-image-poll-choice-height);margin: 0;width: 100%;
}
.vote-percentage.ytd-backstage-poll-renderer,.choice-text.ytd-backstage-poll-renderer {
z-index: 1;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
.vote-percentage.ytd-backstage-poll-renderer {
margin-right: 8px;
}
ytd-backstage-poll-renderer[is-image-poll] .vote-percentage.ytd-backstage-poll-renderer {
color: var(--yt-spec-text-primary);margin: 10px;padding: 10px;right: 0px;width: 5%;
}
ytd-backstage-poll-renderer[is-image-poll] tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .vote-percentage.ytd-backstage-poll-renderer {
color: var(--yt-spec-call-to-action);
}
.choice-text.ytd-backstage-poll-renderer {
margin: 0 8px;
}
ytd-backstage-poll-renderer[is-image-poll] .choice-text.ytd-backstage-poll-renderer {
color: var(--yt-spec-text-primary);padding: 10px;width: 95%;
}
ytd-backstage-poll-renderer[is-image-poll] tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .choice-text.ytd-backstage-poll-renderer {
color: var(--yt-spec-call-to-action);
}
.owner-no-vote.ytd-backstage-poll-renderer .choice-text.ytd-backstage-poll-renderer {
margin-left: 0;
}
ytd-backstage-poll-renderer[show-poll-choice-border] .owner-no-vote.ytd-backstage-poll-renderer .choice-text.ytd-backstage-poll-renderer {
margin-left: 8px;
}
.choice-image.ytd-backstage-poll-renderer {
height: var(--ytd-backstage-image-poll-choice-image-size);width: var(--ytd-backstage-image-poll-choice-image-size);
}
ytd-backstage-quiz-renderer {
--ytd-backstage-quiz-choice-height: 36px;display: block;
}
tp-yt-paper-button.ytd-backstage-quiz-renderer {
display: inline-block;text-align: center;font-family: inherit;
}
#vote-info.ytd-backstage-quiz-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;display: block;color: var(--yt-spec-text-secondary);
}
#quiz-votes.ytd-backstage-quiz-renderer {
--paper-listbox-background-color: transparent;--paper-listbox-disabled-color: currentColor;--disabled-text-color: currentColor;padding: 12px 0 0 0;
}
.vote-choice.ytd-backstage-quiz-renderer {
--paper-item-focused-background-color: transparent;--paper-item-focused-before-background: transparent;height: var(--ytd-backstage-quiz-choice-height);min-height: var(--ytd-backstage-quiz-choice-height);padding: 0;width: 100%;
}
#sign-in.yt-simple-endpoint.ytd-backstage-quiz-renderer {
display: flex;flex-direction: row;outline: none;width: auto;height: var(--ytd-backstage-quiz-choice-height);padding-bottom: 12px;
}
.check-icons.ytd-backstage-quiz-renderer {
min-width: 36px;padding: 0;margin: 0;margin-left: -10px;border-radius: 18px;
}
yt-icon.ytd-backstage-quiz-renderer {
--iron-icon-width: 16px;--iron-icon-height: 16px;padding: 10px;color: var(--yt-spec-icon-inactive);
}
yt-icon.checked.ytd-backstage-quiz-renderer {
color: var(--yt-spec-call-to-action);
}
.choice-info.ytd-backstage-quiz-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;display: inline-block;position: relative;width: 100%;height: var(--ytd-backstage-quiz-choice-height);
}
.choice-info.ytd-backstage-quiz-renderer {
border-radius: 4px;border: 1px solid var(--yt-spec-icon-inactive);
}
tp-yt-paper-item.ytd-backstage-quiz-renderer[confirmed] .choice-info.ytd-backstage-quiz-renderer {
border: 1px solid var(--yt-spec-10-percent-layer);
}
tp-yt-paper-item.ytd-backstage-quiz-renderer[selected] .choice-info.ytd-backstage-quiz-renderer {
border: 1px solid var(--yt-spec-themed-blue);
}
.progress-bar.ytd-backstage-quiz-renderer {
border-radius: 4px;height: var(--ytd-backstage-quiz-choice-height);display: inline-block;
}
tp-yt-paper-item.ytd-backstage-quiz-renderer[selected] .progress-bar.ytd-backstage-quiz-renderer {
background-color: var(--yt-spec-suggested-action);
}
.text-area.ytd-backstage-quiz-renderer {
display: inline-flex;justify-content: space-between;color: var(--yt-spec-text-primary);margin: 8px 0;position: absolute;z-index: 1;
}
.vote-percentage.ytd-backstage-quiz-renderer,.choice-text.ytd-backstage-quiz-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;z-index: 1;
}
.vote-percentage.ytd-backstage-quiz-renderer {
margin-right: 8px;
}
.explanation-box.ytd-backstage-quiz-renderer {
background: var(--yt-spec-brand-link-text-faded);display: flex;flex-direction: column;gap: 10px;padding: 12px 8px;
}
div.ytd-backstage-quiz-renderer[correct].explanation-box.ytd-backstage-quiz-renderer {
background: #f2ffee;
}
.choice-explanation.ytd-backstage-quiz-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
.explanation-header.ytd-backstage-quiz-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;color: var(--yt-spec-brand-link-text);
}
yt-formatted-string.ytd-backstage-quiz-renderer[correct].explanation-header.ytd-backstage-quiz-renderer {
color: var(--yt-spec-themed-green);
}
.button-text.ytd-backstage-quiz-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;background-color: var(--yt-spec-themed-blue);border-radius: 4px;color: white;height: var(--ytd-backstage-quiz-choice-height);margin: 0;width: 100%;
}
.choice-text.ytd-backstage-quiz-renderer {
margin: 0 8px;
}
.owner-no-vote.ytd-backstage-quiz-renderer .choice-text.ytd-backstage-quiz-renderer {
margin-left: 0;
}
ytd-backstage-quiz-renderer[show-quiz-choice-border] .owner-no-vote.ytd-backstage-quiz-renderer .choice-text.ytd-backstage-quiz-renderer {
margin-left: 8px;
}
ytd-sponsors-only-badge-renderer {
background-color: var(--yt-spec-badge-chip-background);border-radius: 2px;height: 18px;margin-top: 1px;margin-left: 4px;padding-right: 4px;display: flex;flex-direction: row;align-items: center;display: inline-flex;
}
#icon.ytd-sponsors-only-badge-renderer {
color: var(--yt-spec-themed-green);width: 16px;height: 16px;padding-right: 4px;padding-left: 4px;
}
#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: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);
}
ytd-child-video-renderer {
display: block;display: flex;flex-direction: row;
}
#title.ytd-child-video-renderer {
overflow: hidden;display: flex;
}
#video-title.ytd-child-video-renderer,#length.ytd-child-video-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#length.ytd-child-video-renderer:before {
content: "•";margin: 4px 4px 0;
}
ytd-playlist-custom-thumbnail-renderer {
display: block;
}
ytd-playlist-custom-thumbnail-renderer yt-image.ytd-playlist-custom-thumbnail-renderer {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
ytd-playlist-custom-thumbnail-renderer[watch-feed-thumbnail] {
height: 100%;width: 67%;background-color: #000;display: flex;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-custom-thumbnail-renderer[watch-feed-thumbnail] yt-image.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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;display: flex;flex-direction: row;justify-content: center;align-items: center;
}
ytd-thumbnail-overlay-bottom-panel-renderer[overlay-style] {
padding-right: 8px;padding-left: 8px;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: flex;flex-direction: row;align-items: center;justify-content: center;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
ytd-thumbnail-overlay-equalizer {
display: inline-flex;
}
#equalizer.ytd-thumbnail-overlay-equalizer {
width: 100%;height: 100%;transform: rotate(180deg);
}
.bar.ytd-thumbnail-overlay-equalizer {
fill: #fff;height: 70px;width: 15px;
}
ytd-thumbnail-overlay-equalizer:not([animate-equalizer]) .bar.ytd-thumbnail-overlay-equalizer {
transform: scaleY(0.08);
}
ytd-thumbnail-overlay-equalizer[animate-equalizer] .bar.ytd-thumbnail-overlay-equalizer:nth-child(1) {
-webkit-animation: equalize-bar1 2s ease-in-out infinite;animation: equalize-bar1 2s ease-in-out infinite;-webkit-animation-direction: alternate;animation-direction: alternate;
}
ytd-thumbnail-overlay-equalizer[animate-equalizer] .bar.ytd-thumbnail-overlay-equalizer:nth-child(2) {
-webkit-animation: equalize-bar2 2s ease-in-out infinite;animation: equalize-bar2 2s ease-in-out infinite;-webkit-animation-direction: alternate;animation-direction: alternate;
}
ytd-thumbnail-overlay-equalizer[animate-equalizer] .bar.ytd-thumbnail-overlay-equalizer:nth-child(3) {
-webkit-animation: equalize-bar3 2s ease-in-out infinite;animation: equalize-bar3 2s ease-in-out infinite;-webkit-animation-direction: alternate;animation-direction: alternate;
}
@-webkit-keyframes equalize-bar1 {
0% {
transform: scaleY(0.2);
}
17% {
transform: scaleY(0.31);
}
25% {
transform: scaleY(0.3);
}
34% {
transform: scaleY(0.24);
}
50% {
transform: scaleY(0.12);
}
58% {
transform: scaleY(0.52);
}
67% {
transform: scaleY(0.48);
}
83% {
transform: scaleY(0.31);
}
100% {
transform: scaleY(0.2);
}
}
@keyframes equalize-bar1 {
0% {
transform: scaleY(0.2);
}
17% {
transform: scaleY(0.31);
}
25% {
transform: scaleY(0.3);
}
34% {
transform: scaleY(0.24);
}
50% {
transform: scaleY(0.12);
}
58% {
transform: scaleY(0.52);
}
67% {
transform: scaleY(0.48);
}
83% {
transform: scaleY(0.31);
}
100% {
transform: scaleY(0.2);
}
}
@-webkit-keyframes equalize-bar2 {
0% {
transform: scaleY(0.43);
}
17% {
transform: scaleY(0.62);
}
34% {
transform: scaleY(0.24);
}
50% {
transform: scaleY(0.2);
}
58% {
transform: scaleY(0.26);
}
67% {
transform: scaleY(0.53);
}
75% {
transform: scaleY(0.24);
}
83% {
transform: scaleY(0.63);
}
100% {
transform: scaleY(0.43);
}
}
@keyframes equalize-bar2 {
0% {
transform: scaleY(0.43);
}
17% {
transform: scaleY(0.62);
}
34% {
transform: scaleY(0.24);
}
50% {
transform: scaleY(0.2);
}
58% {
transform: scaleY(0.26);
}
67% {
transform: scaleY(0.53);
}
75% {
transform: scaleY(0.24);
}
83% {
transform: scaleY(0.63);
}
100% {
transform: scaleY(0.43);
}
}
@-webkit-keyframes equalize-bar3 {
0% {
transform: scaleY(0.25);
}
17% {
transform: scaleY(0.43);
}
25% {
transform: scaleY(0.46);
}
34% {
transform: scaleY(0.43);
}
50% {
transform: scaleY(0.33);
}
58% {
transform: scaleY(0.57);
}
67% {
transform: scaleY(0.24);
}
83% {
transform: scaleY(0);
}
100% {
transform: scaleY(0.25);
}
}
@keyframes equalize-bar3 {
0% {
transform: scaleY(0.25);
}
17% {
transform: scaleY(0.43);
}
25% {
transform: scaleY(0.46);
}
34% {
transform: scaleY(0.43);
}
50% {
transform: scaleY(0.33);
}
58% {
transform: scaleY(0.57);
}
67% {
transform: scaleY(0.24);
}
83% {
transform: scaleY(0);
}
100% {
transform: scaleY(0.25);
}
}
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: flex;flex-direction: row;align-items: center;justify-content: center;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
ytd-thumbnail-overlay-now-playing-renderer[equalizer-only] {
background-color: unset;
}
ytd-thumbnail-overlay-equalizer.ytd-thumbnail-overlay-now-playing-renderer {
position: absolute;bottom: 0;right: 0;margin: 6px;height: 28px;width: 16px;
}
ytd-thumbnail-overlay-playback-status-renderer {
position: absolute;bottom: 0;left: 0;display: flex;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;font-size: var(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);letter-spacing: var(--yt-badge-letter-spacing,0.5px);display: flex;flex-direction: row;align-items: center;display: inline-flex;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-text-disabled);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-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;display: flex;flex-direction: column;align-items: center;justify-content: center;
}
ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] {
bottom: 0;height: 40px;top: auto;width: 100%;display: flex;flex-direction: row-reverse;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
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;font-size: var(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);letter-spacing: var(--yt-badge-letter-spacing,0.5px);display: flex;flex-direction: row;align-items: center;display: inline-flex;
}
#text.ytd-thumbnail-overlay-time-status-renderer {
max-height: 1.2rem;overflow: hidden;
}
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=SHORTS] {
background-color: var(--yt-spec-static-brand-white);color: var(--yt-spec-static-brand-black);z-index: 1;
}
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-thumbnail-overlay-time-status-renderer[overlay-style=LIVE][animated] yt-icon.ytd-thumbnail-overlay-time-status-renderer {
-webkit-animation: 1s infinite icon-mask;animation: 1s infinite icon-mask;
}
ytd-thumbnail-overlay-time-status-renderer[overlay-style=SHORTS] yt-icon.ytd-thumbnail-overlay-time-status-renderer {
color: var(--yt-spec-static-brand-red);margin-right: 0;
}
ytd-thumbnail-overlay-time-status-renderer[overlay-style=SHORTS] #text.ytd-thumbnail-overlay-time-status-renderer {
display: var(--yt-shorts-compact-label-text-hidden);margin-left: 4px;
}
@-webkit-keyframes icon-mask {
from {
-webkit-clip-path: circle(2px);clip-path: circle(2px);opacity: 50%;
}
to {
-webkit-clip-path: circle(16px);clip-path: circle(16px);opacity: 100%;
}
}
@keyframes icon-mask {
from {
-webkit-clip-path: circle(2px);clip-path: circle(2px);opacity: 50%;
}
to {
-webkit-clip-path: circle(16px);clip-path: circle(16px);opacity: 100%;
}
}
ytd-tvfilm-show-watch-forward-overlay-renderer {
position: absolute;width: 100%;height: 100%;background-color: var(--yt-spec-static-overlay-background-medium);display: flex;flex-direction: column;justify-content: flex-end;
}
#content-container.ytd-tvfilm-show-watch-forward-overlay-renderer {
margin-left: 24px;margin-bottom: 25px;display: flex;flex-direction: column;
}
#header.ytd-tvfilm-show-watch-forward-overlay-renderer {
color: var(--yt-spec-static-overlay-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
#title.ytd-tvfilm-show-watch-forward-overlay-renderer {
color: var(--yt-spec-static-overlay-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 400;
}
#subtitle.ytd-tvfilm-show-watch-forward-overlay-renderer {
color: var(--yt-spec-static-overlay-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#button-container.ytd-tvfilm-show-watch-forward-overlay-renderer {
margin-top: 16px;display: flex;flex-direction: row;
}
#secondary-action-button.ytd-tvfilm-show-watch-forward-overlay-renderer {
margin-left: 8px;color: var(--yt-spec-static-brand-white);
}
#secondary-action-button.ytd-tvfilm-show-watch-forward-overlay-renderer>ytd-button-renderer.ytd-tvfilm-show-watch-forward-overlay-renderer {
color: var(--yt-spec-static-brand-white);
}
#primary-action-button-container.ytd-tvfilm-show-watch-forward-overlay-renderer {
display: flex;flex-direction: column;
}
ytd-tvfilm-show-watch-forward-overlay-renderer[has-playback-progress-bar] #primary-action-button.ytd-tvfilm-show-watch-forward-overlay-renderer>ytd-button-renderer.ytd-tvfilm-show-watch-forward-overlay-renderer {
border-radius: 2px 2px 0px 0px;border-width: 1px 1px 0px;
}
ytd-tvfilm-show-watch-forward-overlay-renderer:not([has-playback-progress-bar]) #primary-action-button.ytd-tvfilm-show-watch-forward-overlay-renderer>ytd-button-renderer.ytd-tvfilm-show-watch-forward-overlay-renderer {
border-radius: 2px;
}
ytd-thumbnail-overlay-resume-playback-renderer.ytd-tvfilm-show-watch-forward-overlay-renderer {
position: static;background-color: var(--yt-spec-static-brand-white);border-radius: 0px 0px 2px 2px;
}
ytd-playlist-thumbnail {
display: block;position: relative;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;font-size: var(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);letter-spacing: var(--yt-badge-letter-spacing,0.5px);
}
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[size=small] a.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=small]:before {
border-radius: 4px;
}
ytd-playlist-thumbnail[size=small] ytd-thumbnail-overlay-time-status-renderer.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=small] ytd-thumbnail-overlay-button-renderer.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=small] ytd-thumbnail-overlay-toggle-button-renderer.ytd-playlist-thumbnail {
margin: 2px;
}
ytd-playlist-thumbnail[size=medium] a.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=medium]:before {
border-radius: 8px;
}
ytd-playlist-thumbnail[size=medium] ytd-thumbnail-overlay-time-status-renderer.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=medium] ytd-thumbnail-overlay-button-renderer.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=medium] ytd-thumbnail-overlay-toggle-button-renderer.ytd-playlist-thumbnail {
margin: 4px;
}
ytd-playlist-thumbnail[size=large] a.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=large]:before {
border-radius: 12px;
}
ytd-playlist-thumbnail[size=large] ytd-thumbnail-overlay-time-status-renderer.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=large] ytd-thumbnail-overlay-button-renderer.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size=large] ytd-thumbnail-overlay-toggle-button-renderer.ytd-playlist-thumbnail {
border-radius: 8px;
}
ytd-playlist-thumbnail[size] ytd-thumbnail-overlay-time-status-renderer.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size] ytd-thumbnail-overlay-button-renderer.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size] ytd-thumbnail-overlay-toggle-button-renderer.ytd-playlist-thumbnail {
border-radius: 4px;
}
ytd-playlist-thumbnail[size][has-clip] a.ytd-playlist-thumbnail,ytd-playlist-thumbnail[size][has-clip]:before {
border-radius: 0;
}
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: flex;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: flex;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: flex;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: flex;flex-direction: row;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: flex;flex-wrap: wrap;
}
ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: flex;
}
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 {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-video-meta-block:not([rich-meta]) #byline-container.ytd-video-meta-block {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: flex;
}
#byline-container.ytd-video-meta-block {
max-width: 100%;flex-wrap: wrap;display: flex;flex-direction: row;align-items: center;
}
ytd-video-meta-block[radio-meta]:not([rich-meta]) #byline-container.ytd-video-meta-block {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: flex;
}
ytd-video-meta-block[rich-meta] #byline-container.ytd-video-meta-block {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-video-meta-block[rich-meta][radio-meta] #byline-container.ytd-video-meta-block {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: flex;
}
ytd-video-meta-block[rich-meta][mini-mode] #byline-container.ytd-video-meta-block {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-video-meta-block[rich-meta][mini-mode] #metadata-line.ytd-video-meta-block {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: flex;
}
#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: flex;flex-direction: row;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);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#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-meta-block[is-slim-short] #metadata-line.ytd-video-meta-block {
color: var(--yt-spec-static-overlay-text-primary);
}
ytd-playlist-renderer {
position: relative;display: flex;flex-direction: row;
}
ytd-playlist-renderer:not([is-search]) 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;flex: 1;flex-basis: 0.000000001px;
}
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;
}
@media(max-width:656px) {
#list.ytd-playlist-renderer li.ytd-playlist-renderer:not(:first-child) {
display: none;
}
}
#view-more.ytd-playlist-renderer {
--yt-endpoint-color: var(--yt-spec-text-secondary);--yt-endpoint-visited-color: var(--yt-spec-text-secondary);text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
ytd-playlist-renderer[is-post-compact-playlist] #view-more.ytd-playlist-renderer {
display: none;
}
#video-title.ytd-playlist-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-playlist-renderer[is-post-compact-playlist] #video-title.ytd-playlist-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
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;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: -webkit-box;
}
.allowlisted-metadata-badges.ytd-playlist-renderer {
padding-top: 8px;
}
ytd-playlist-renderer[is-search] ytd-playlist-thumbnail.ytd-playlist-renderer:before {
display: block;content: "";padding-top: 56.11%;
}
ytd-playlist-renderer[is-search] ytd-playlist-thumbnail.ytd-playlist-renderer {
margin-right: 16px;max-width: 360px;min-width: 240px;flex: 1;flex-basis: 0.000000001px;
}
ytd-playlist-renderer[use-bigger-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer {
max-width: 420px;min-width: 240px;
}
ytd-playlist-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-playlist-thumbnail.ytd-playlist-renderer {
max-width: 500px;min-width: 240px;
}
ytd-playlist-renderer[use-bigger-thumbs][bigger-thumbs-style=MASSIVE] ytd-playlist-thumbnail.ytd-playlist-renderer {
max-width: 600px;min-width: 240px;
}
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;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
#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: flex;flex-direction: row;align-items: center;
}
#card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
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;
}
ytd-search-refinement-card-renderer[round-container] a.ytd-search-refinement-card-renderer {
border-radius: 8px;
}
ytd-game-details-renderer {
display: inline-block;color: var(--yt-spec-text-primary);
}
.yt-simple-endpoint.ytd-game-details-renderer {
display: flex;flex-direction: column;align-items: flex-start;
}
yt-formatted-string.ytd-game-details-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-game-details-renderer:not([is-rich-grid]) yt-img-shadow.ytd-game-details-renderer {
width: 210px;height: 290px;
}
ytd-game-details-renderer[is-rich-grid] {
width: 100%;
}
ytd-game-details-renderer[is-rich-grid] yt-img-shadow.ytd-game-details-renderer {
width: 100%;
}
#title.ytd-game-details-renderer {
margin: 8px 0 4px 0;
}
ytd-game-details-renderer[is-rich-grid]:not([mini-mode]) #title.ytd-game-details-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;max-height: 4.4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#auto-generated.ytd-game-details-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-game-details-renderer[is-rich-grid]:not([mini-mode]) #auto-generated.ytd-game-details-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#live-viewers-count.ytd-game-details-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
ytd-game-details-renderer[is-rich-grid]:not([mini-mode]) #live-viewers-count.ytd-game-details-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
ytd-game-details-renderer[rounded] yt-img-shadow.ytd-game-details-renderer {
border-radius: 8px;overflow: hidden;
}
ytd-subscription-notification-toggle-button-renderer {
--paper-button-ink-color: var(--yt-spec-icon-disabled);--yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white);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 yt-formatted-string .yt-formatted-string[style-target=deemphasize] {
margin-left: var(--ytd-margin-base);
}
ytd-subscription-notification-toggle-button-renderer[disable-text-transform] {
text-transform: none;
}
ytd-subscription-notification-toggle-button-renderer[disabled][is-paper-button] a.ytd-subscription-notification-toggle-button-renderer {
cursor: initial;pointer-events: none;
}
ytd-subscription-notification-toggle-button-renderer[is-paper-button] yt-icon.ytd-subscription-notification-toggle-button-renderer {
flex: none;
}
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;
}
tp-yt-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);
}
tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer {
font-weight: inherit;
}
tp-yt-paper-tooltip.ytd-subscription-notification-toggle-button-renderer {
z-index: var(--yt-button-tooltip-z-index);
}
ytd-subscription-notification-toggle-button-renderer[is-icon-button]:not([style-action-button]) {
-webkit-font-smoothing: var(--ytd-caption--webkit-font-smoothing);font-family: var(--ytd-caption-font-family);font-size: var(--ytd-caption-font-size);font-weight: var(--ytd-caption-font-weight);letter-spacing: var(--ytd-caption-letter-spacing);line-height: var(--ytd-caption-line-height);text-transform: var(--ytd-caption-text-transform);
}
ytd-subscription-notification-toggle-button-renderer.force-icon-button:not([has-no-text]) 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-button-icon-button-text-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-visibly-disabled[is-icon-button],ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button][disabled],ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button][disabled] #text.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-default[is-icon-button][disabled] #text.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button][disabled] #text.ytd-subscription-notification-toggle-button-renderer {
color: var(--yt-spec-text-disabled);
}
ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-icon-button] {
color: var(--yt-spec-call-to-action);
}
tp-yt-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-badge-chip-background);color: var(--yt-spec-text-disabled);
}
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]) tp-yt-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]) tp-yt-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] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary);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-spec-call-to-action);background-color: transparent;color: var(--yt-spec-call-to-action);
}
ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button] tp-yt-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][disabled] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: 1px solid var(--yt-spec-text-disabled);
}
ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) tp-yt-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] tp-yt-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] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: 1px solid var(--yt-basic-border-color);padding: var(--yt-button-padding-minus-border);
}
ytd-subscription-notification-toggle-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-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] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-basic-border-color);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]) tp-yt-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] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded);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-button-background);color: var(--yt-spec-static-brand-white);
}
ytd-subscription-notification-toggle-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) tp-yt-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] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-subscription-notification-toggle-button-renderer.style-destructive[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-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]) tp-yt-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] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-link-text-faded);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]) tp-yt-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] tp-yt-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-inactive-outline[is-paper-button] {
color: var(--yt-spec-text-secondary);
}
ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button] tp-yt-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]) tp-yt-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] tp-yt-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]) tp-yt-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] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded);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] tp-yt-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]) tp-yt-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]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer,ytd-subscription-notification-toggle-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-icon-disabled);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]) tp-yt-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] tp-yt-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]) tp-yt-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] tp-yt-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-spec-call-to-action);
}
ytd-subscription-notification-toggle-button-renderer.style-alert-info[is-paper-button]:hover {
color: var(--yt-spec-button-chip-background-hover);
}
ytd-subscription-notification-toggle-button-renderer.style-dark[is-paper-button] {
background-color: var(--yt-button-dark-background-color,var(--yt-spec-badge-chip-background));color: var(--yt-button-dark-text-color,var(--yt-spec-text-secondary));
}
ytd-subscription-notification-toggle-button-renderer.style-light[is-paper-button] {
background-color: var(--yt-spec-badge-chip-background);color: var(--yt-spec-text-secondary);
}
ytd-subscription-notification-toggle-button-renderer.style-light-text[is-paper-button] {
color: var(--yt-spec-static-overlay-text-primary);
}
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-spec-text-disabled);
}
ytd-subscription-notification-toggle-button-renderer.style-dark-on-black[is-paper-button] {
background-color: var(--yt-spec-static-overlay-button-secondary);border: none;color: var(--yt-spec-static-overlay-text-primary);
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
tp-yt-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: flex;flex-direction: row;align-items: 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: 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: var(--yt-spec-text-disabled);
}
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-icon-button][icon-align-by-text]:not(:empty) {
margin-left: -8px;
}
ytd-subscription-notification-toggle-button-renderer[is-paper-button][button-size=size-large] {
line-height: 24px;
}
tp-yt-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 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0);padding: var(--yt-button-padding,0.7em 0.57em);display: flex;flex-direction: row;align-items: center;justify-content: center;flex: 1 1 auto;
}
ytd-subscription-notification-toggle-button-renderer[start-justified] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
justify-content: flex-start;
}
ytd-subscription-notification-toggle-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer {
display: flex;flex-direction: column;
}
ytd-subscription-notification-toggle-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer #text.ytd-subscription-notification-toggle-button-renderer {
overflow: hidden;text-align: center;text-overflow: ellipsis;width: inherit;
}
#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: var(--yt-button-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-deprecated-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-subscription-notification-toggle-button-renderer.style-text[is-icon-button] {
color: var(--yt-spec-icon-inactive);
}
ytd-subscribe-button-renderer {
--yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white);display: flex;flex-direction: row;
}
ytd-subscribe-button-renderer[modern] {
align-items: center;
}
ytd-subscribe-button-renderer yt-formatted-string .yt-formatted-string[style-target=deemphasize] {
margin-left: 4px;
}
tp-yt-paper-button.ytd-subscribe-button-renderer {
background-color: var(--yt-spec-brand-button-background);--paper-button-flat-keyboard-focus-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: flex;flex-direction: row;
}
tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[use-keyboard-focus][keyboard-focused] tp-yt-paper-button.ytd-subscribe-button-renderer {
border: 2px solid var(--yt-spec-text-primary);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]) tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer {
border: none;padding: 10px 16px;
}
tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] {
background-color: var(--yt-spec-badge-chip-background);color: var(--yt-spec-text-secondary);
}
tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed].keyboard-focus.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[use-keyboard-focus][keyboard-focused] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] {
border: 2px solid var(--yt-spec-text-secondary);
}
tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer {
--yt-formatted-string-deemphasize-color: var(--yt-spec-text-secondary);
}
tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string .yt-formatted-string[style-target=deemphasize] {
margin-left: 4px;
}
ytd-subscribe-button-renderer[overlay-button] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] {
background-color: var(--yt-spec-static-overlay-button-secondary);color: var(--yt-spec-static-overlay-text-primary);
}
ytd-subscribe-button-renderer[overlay-button] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed].keyboard-focus.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[overlay-button][use-keyboard-focus][keyboard-focused] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] {
border: 2px solid var(--yt-spec-static-overlay-text-secondary);
}
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] tp-yt-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] tp-yt-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] tp-yt-paper-button.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[button-style=COMPACT_RED] tp-yt-paper-button.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[button-style=COMPACT_GRAY][use-keyboard-focused]:not([keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer,ytd-subscribe-button-renderer[button-style=COMPACT_RED][use-keyboard-focused]:not([keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer {
padding: 4px 8px;margin: 0;
}
ytd-subscribe-button-renderer[button-style=COMPACT_RED] tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer {
padding: 2px 6px;border: 2px solid var(--yt-spec-text-primary);
}
ytd-subscribe-button-renderer[button-style=COMPACT_GRAY] tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer {
padding: 2px 6px;border: 2px solid var(--yt-spec-text-secondary);
}
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] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string .yt-formatted-string[style-target=deemphasize] {
display: none;
}
ytd-subscribe-button-renderer[button-style=VISIBLY_DISABLED] tp-yt-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);
}
yt-button-shape.ytd-subscribe-button-renderer {
flex: none;
}
ytd-game-card-renderer {
display: block;vertical-align: top;display: flex;flex-direction: column;
}
ytd-game-card-renderer[is-rich-grid] {
width: 100%;
}
#game.ytd-game-card-renderer {
padding-bottom: 4px;flex: 1;flex-basis: 0.000000001px;
}
ytd-upcoming-event-reminder-button-renderer {
--yt-button-tooltip-z-index: 2300;display: block;
}
ytd-notification-multi-action-renderer {
display: block;text-align: center;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#text.ytd-notification-multi-action-renderer {
color: var(--yt-spec-text-secondary);display: block;margin: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-notification-multi-action-renderer[shelf-dismissal] {
display: flex;flex-direction: row;align-items: center;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#buttons.ytd-notification-multi-action-renderer {
display: flex;flex-direction: column;align-items: center;
}
ytd-button-renderer.ytd-notification-multi-action-renderer {
max-width: 100%;
}
ytd-notification-text-renderer {
align-items: center;justify-content: center;display: flex;flex-direction: column;
}
yt-formatted-string.ytd-notification-text-renderer {
color: var(--yt-spec-text-secondary);display: block;padding: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#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;
}
#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: flex;flex-direction: row;align-items: center;justify-content: center;
}
ytd-thumbnail-overlay-button-renderer:focus yt-icon.ytd-thumbnail-overlay-button-renderer {
outline: #5b9dd9 auto 5px;
}
ytd-thumbnail-overlay-downloading-renderer {
background-color: var(--yt-spec-themed-overlay-background);display: flex;flex-direction: row;justify-content: center;align-items: center;position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
tp-yt-paper-spinner-lite.ytd-thumbnail-overlay-downloading-renderer {
--paper-spinner-color: var(--yt-spec-static-brand-black);opacity: 0.8;
}
yt-icon.ytd-thumbnail-overlay-downloading-renderer {
position: absolute;transform: scale(2);
}
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: flex;flex-direction: row;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#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-icon-renderer:not([icon-position]) {
text-align: center;z-index: 1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: row;align-items: center;justify-content: center;
}
ytd-thumbnail-overlay-icon-renderer:not([icon-style]) {
color: var(--yt-spec-static-overlay-icon-active-other);background-color: var(--yt-spec-static-overlay-background-medium-light);
}
ytd-thumbnail-overlay-icon-renderer[icon-position=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_UNKNOWN] {
text-align: center;z-index: 1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: row;align-items: center;justify-content: center;
}
ytd-thumbnail-overlay-icon-renderer[icon-style=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_UNKNOWN] {
color: var(--yt-spec-static-overlay-icon-active-other);background-color: var(--yt-spec-static-overlay-background-medium-light);
}
ytd-thumbnail-overlay-icon-renderer[icon-position=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_BOTTOM_LEFT_CORNER] {
position: absolute;z-index: 1;bottom: 0;left: 0;display: flex;flex-direction: row;
}
ytd-thumbnail-overlay-icon-renderer[icon-style=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED] {
background-color: var(--yt-spec-static-overlay-icon-active-other);border-radius: 50%;margin: 4px;padding: 3px;
}
ytd-thumbnail-overlay-icon-renderer[icon-style=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED] yt-icon.ytd-thumbnail-overlay-icon-renderer {
fill: var(--yt-spec-static-overlay-background-solid);--iron-icon-height: 12px;--iron-icon-width: 12px;
}
ytd-thumbnail-overlay-inline-unplayable-renderer {
position: absolute;top: 4px;left: 4px;border-radius: 2px;color: var(--yt-spec-static-brand-white);max-width: 70%;background: var(--yt-spec-static-overlay-background-solid);padding-left: 4px;display: flex;align-items: center;justify-content: center;
}
yt-icon.ytd-thumbnail-overlay-inline-unplayable-renderer {
width: 20px;height: 20px;min-width: 20px;min-height: 20px;
}
span.ytd-thumbnail-overlay-inline-unplayable-renderer {
padding: 4px 8px 4px 0;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-thumbnail-overlay-loading-preview-renderer {
position: absolute;bottom: 0;right: 0;color: var(--yt-spec-static-brand-white);padding: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;display: flex;align-items: center;justify-content: center;
}
span.ytd-thumbnail-overlay-loading-preview-renderer {
background: var(--yt-spec-static-overlay-background-solid);border-radius: 2px;padding: 4px 8px;
}
ytd-thumbnail-overlay-loading-preview-renderer:not([is-preview-loading]) {
display: none;
}
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-a));
}
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: flex;flex-direction: row;align-items: 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);text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;display: flex;flex-direction: row;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);z-index: 1;
}
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][toggled][system-icons] yt-icon.ytd-thumbnail-overlay-toggle-button-renderer,ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][toggled][system-icons] #label.ytd-thumbnail-overlay-toggle-button-renderer {
color: var(--yt-spec-static-overlay-text-primary);
}
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] tp-yt-paper-tooltip.ytd-thumbnail-overlay-toggle-button-renderer {
display: none;
}
ytd-thumbnail {
display: block;position: relative;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;font-size: var(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);letter-spacing: var(--yt-badge-letter-spacing,0.5px);
}
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[size=small] a.ytd-thumbnail,ytd-thumbnail[size=small]:before {
border-radius: 4px;
}
ytd-thumbnail[size=small] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail,ytd-thumbnail[size=small] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail,ytd-thumbnail[size=small] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail {
margin: 2px;
}
ytd-thumbnail[size=medium] a.ytd-thumbnail,ytd-thumbnail[size=medium]:before {
border-radius: 8px;
}
ytd-thumbnail[size=medium] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail,ytd-thumbnail[size=medium] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail,ytd-thumbnail[size=medium] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail {
margin: 4px;
}
ytd-thumbnail[size=large] a.ytd-thumbnail,ytd-thumbnail[size=large]:before {
border-radius: 12px;
}
ytd-thumbnail[size=large] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail,ytd-thumbnail[size=large] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail,ytd-thumbnail[size=large] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail {
border-radius: 8px;
}
ytd-thumbnail[size] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail,ytd-thumbnail[size] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail,ytd-thumbnail[size] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail {
border-radius: 4px;
}
ytd-thumbnail[size][has-clip] a.ytd-thumbnail,ytd-thumbnail[size][has-clip]:before {
border-radius: 0;
}
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[hide-playback-status] ytd-thumbnail-overlay-playback-status-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;
}
ytd-thumbnail[now-playing] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail,ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail,ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail,ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-endorsement-renderer.ytd-thumbnail,ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail,ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-hover-text-renderer.ytd-thumbnail {
display: none;
}
ytd-thumbnail-overlay-loading-preview-renderer.ytd-thumbnail+ytd-thumbnail-overlay-endorsement-renderer.ytd-thumbnail {
display: none;
}
ytd-thumbnail[object-fit=CONTAIN] yt-img-shadow.ytd-thumbnail {
width: 100%;height: 100%;
}
ytd-thumbnail[is-original-aspect-ratio] yt-img-shadow.ytd-thumbnail {
width: 100%;height: 100%;
}
ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail {
background-color: var(--yt-spec-badge-chip-background);
}
#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-thumbnail[loaded] #overlays.ytd-thumbnail {
display: block;
}
ytd-grid-video-renderer,.ytd-grid-video-renderer[meta-block] {
display: flex;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: flex;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: flex;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: flex;flex-direction: row;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: flex;flex-wrap: wrap;
}
ytd-grid-video-renderer:not([rich-meta]) #metadata-line.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: flex;
}
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 {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-grid-video-renderer:not([rich-meta]) #byline-container.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: flex;
}
#byline-container.ytd-grid-video-renderer {
max-width: 100%;flex-wrap: wrap;display: flex;flex-direction: row;align-items: center;
}
ytd-grid-video-renderer[radio-meta]:not([rich-meta]) #byline-container.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: flex;
}
ytd-grid-video-renderer[rich-meta] #byline-container.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-grid-video-renderer[rich-meta][radio-meta] #byline-container.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-grid-video-renderer[rich-meta] #metadata-line.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: flex;
}
ytd-grid-video-renderer[rich-meta][mini-mode] #byline-container.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-grid-video-renderer[rich-meta][mini-mode] #metadata-line.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: flex;
}
#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: flex;flex-direction: row;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);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#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[is-slim-short] #metadata-line.ytd-grid-video-renderer {
color: var(--yt-spec-static-overlay-text-primary);
}
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);--yt-shorts-compact-label-text-hidden: none;display: inline-block;width: 210px;position: relative;
}
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] #dismissible.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;
}
ytd-grid-video-renderer[is-disabled] ytd-thumbnail.ytd-grid-video-renderer {
pointer-events: none;
}
ytd-grid-video-renderer[is-disabled] #details.ytd-grid-video-renderer {
pointer-events: none;
}
ytd-grid-video-renderer[is-disabled] #menu.ytd-grid-video-renderer {
pointer-events: auto;
}
ytd-grid-video-renderer[is-disabled] #meta.ytd-grid-video-renderer {
cursor: default;
}
ytd-grid-video-renderer[is-disabled] #video-title.ytd-grid-video-renderer {
opacity: 0.25;cursor: default;
}
ytd-grid-video-renderer[is-disabled] #channel-name.ytd-grid-video-renderer {
opacity: 0.6;
}
ytd-grid-video-renderer[is-disabled] #metadata-line.ytd-grid-video-renderer {
color: var(--yt-spec-call-to-action);max-height: none;
}
#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: flex;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 {
position: absolute;top: -4px;right: -8px;
}
#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);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: 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;
}
.content.ytd-info-panel-content-renderer {
padding: 12px 16px 16px 16px;cursor: pointer;flex: 1;flex-basis: 0.000000001px;display: flex;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[background=OVERLAY_BLACK] {
background: var(--yt-spec-static-overlay-background-medium);--ytd-menu-renderer-button-color: var(--yt-spec-static-brand-white);--yt-spec-icon-active-other: var(--yt-spec-static-brand-white);
}
ytd-info-panel-content-renderer[has-menu][background=OVERLAY_BLACK] {
background: var(--yt-spec-static-overlay-background-medium);border: none;
}
ytd-info-panel-content-renderer[background=OVERLAY_BLACK] .paragraphs.ytd-info-panel-content-renderer {
color: var(--yt-spec-static-overlay-text-primary);
}
ytd-info-panel-content-renderer[background=OVERLAY_BLACK] .inline-source.ytd-info-panel-content-renderer {
color: var(--yt-spec-static-overlay-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
ytd-info-panel-content-renderer[background=OVERLAY_BLACK] .inline-icon.ytd-info-panel-content-renderer {
color: var(--yt-spec-static-overlay-text-primary);
}
ytd-info-panel-content-renderer[has-menu] .content.ytd-info-panel-content-renderer {
padding-top: 16px;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 {
flex: 1;flex-basis: 0.000000001px;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
.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: flex;flex-direction: column;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
.disclaimer.ytd-info-panel-content-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;color: var(--yt-spec-text-secondary);
}
.disclaimer.ytd-info-panel-content-renderer>a.ytd-info-panel-content-renderer {
color: var(--yt-spec-call-to-action);
}
ytd-info-panel-content-renderer[truncate-paragraphs] .paragraph.ytd-info-panel-content-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 6rem;overflow: hidden;display: block;-webkit-line-clamp: 3;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
.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;
}
ytd-info-panel-content-renderer[has-menu] {
background: var(--yt-spec-suggested-action);border: 1px solid var(--yt-spec-10-percent-layer);display: flex;flex-direction: row;
}
.inline-icon.ytd-info-panel-content-renderer {
width: 24px;height: 24px;margin-right: 16px;color: var(--yt-spec-text-primary);
}
.inline-disclaimer-icon.ytd-info-panel-content-renderer {
color: var(--yt-spec-text-secondary);
}
.disclaimer-container.ytd-info-panel-content-renderer {
margin-top: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-info-panel-content-renderer[has-menu] #menu.ytd-info-panel-content-renderer {
margin-top: 6.5px;
}
ytd-info-panel-content-renderer[rounded-container] .content.ytd-info-panel-content-renderer {
border-radius: 12px;
}
ytd-info-panel-content-renderer[rounded-container][skip-rounding-top] .content.ytd-info-panel-content-renderer {
border-top-left-radius: 0;border-top-right-radius: 0;
}
yt-channel-thumbnail-with-link-renderer {
display: inline-block;
}
#avatar.yt-channel-thumbnail-with-link-renderer {
width: 32px;height: 32px;border-radius: 50%;background-color: transparent;overflow: hidden;
}
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;
}
yt-channel-thumbnail-with-link-renderer[style_=CHANNEL_THUMBNAIL_STYLE_BOXART_ROUNDED] #avatar.yt-channel-thumbnail-with-link-renderer {
width: 29px;height: 40px;border-radius: 4px;background-color: transparent;overflow: hidden;
}
ytd-rich-list-header-renderer {
display: inline-block;
}
#title.ytd-rich-list-header-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#subtitle.ytd-rich-list-header-renderer {
display: block;color: var(--yt-spec-text-secondary);margin-top: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#title-annotation.ytd-rich-list-header-renderer {
color: var(--yt-spec-text-secondary);margin-left: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
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);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-rich-list-header-renderer[title-style=TITLE_STYLE_TYPE_RICH_GRID_SECTION_HEADER] #title.ytd-rich-list-header-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 2rem;line-height: 2.8rem;font-weight: 400;max-height: 2.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;margin: 24px 0 24px 8px;
}
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: flex;flex-direction: row;align-items: center;
}
.title-text.ytd-rich-list-header-renderer {
display: flex;flex-direction: column;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;
}
#navigation-button.ytd-rich-list-header-renderer {
margin-left: auto;
}
#information-button.ytd-rich-list-header-renderer {
--yt-button-icon-padding: 8px;--yt-button-icon-size: 32px;--yt-icon-button-icon-height: 16px;--yt-icon-button-icon-width: 16px;
}
ytd-rich-list-header-renderer[is-modern-sd] #title.ytd-rich-list-header-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 500;max-height: 2.6rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-preview-card-renderer {
display: inline-block;
}
#content.ytd-preview-card-renderer {
display: flex;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-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: flex;flex-direction: row;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;flex: 1;flex-basis: 0.000000001px;
}
[dir="rtl"] #avatar-protection.ytd-compact-channel-recommendation-card-renderer, #avatar-protection.ytd-compact-channel-recommendation-card-renderer[dir="rtl"] {
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;align-items: center;display: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;
}
#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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#subscribe-container.ytd-compact-channel-recommendation-card-renderer {
padding: 0 8px;align-items: center;display: flex;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;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;align-items: flex-start;
}
ytd-compact-channel-recommendation-card-renderer[card-style=CARD_STYLE_COMPACT_LEFT_ALIGN] #title.ytd-compact-channel-recommendation-card-renderer {
align-items: flex-start;
}
ytd-macro-markers-list-item-renderer {
display: block;padding: 8px 8px 8px 0;display: flex;flex-direction: row;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 {
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: flex;flex-direction: row;flex: 1;flex-basis: 0.000000001px;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;
}
ytd-macro-markers-list-item-renderer:not([active]):not([should-show-buttons]) #share-button.ytd-macro-markers-list-item-renderer,ytd-macro-markers-list-item-renderer:not([active]):not([should-show-buttons]) #repeat-button.ytd-macro-markers-list-item-renderer {
display: none;
}
#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);
}
ytd-macro-markers-list-item-renderer[rounded] #thumbnail.ytd-macro-markers-list-item-renderer {
border-radius: 8px;overflow: hidden;
}
#details.ytd-macro-markers-list-item-renderer {
min-width: 0;margin-left: 16px;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;justify-content: center;
}
h4.ytd-macro-markers-list-item-renderer {
margin-bottom: 8px;color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: 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);text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;-ms-align-self: flex-start;align-self: flex-start;
}
#share-button.ytd-macro-markers-list-item-renderer {
display: flex;flex-direction: column;justify-content: center;
}
#repeat-button.ytd-macro-markers-list-item-renderer {
display: flex;flex-direction: column;justify-content: center;
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] {
padding: 4px 3px;border: 1px solid var(--yt-spec-10-percent-layer);box-sizing: border-box;border-radius: 2px;width: 104px;height: var(--yt-macro-marker-list-item-height,160px);
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #details.ytd-macro-markers-list-item-renderer {
margin-left: initial;padding: 8px 4px 4px;display: flex;flex-direction: column;width: 100%;flex-basis: auto;box-sizing: border-box;
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #endpoint.ytd-macro-markers-list-item-renderer {
display: flex;flex-direction: column;align-items: flex-start;height: 100%;width: 100%;
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #active-indicator.ytd-macro-markers-list-item-renderer {
display: none;
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #thumbnail.ytd-macro-markers-list-item-renderer {
width: 96px;height: 54px;
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #thumbnail.ytd-macro-markers-list-item-renderer yt-img-shadow.ytd-macro-markers-list-item-renderer {
width: 100%;height: 100%;
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] h4.ytd-macro-markers-list-item-renderer {
word-wrap: break-word;margin-bottom: 0;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 6rem;overflow: hidden;display: block;-webkit-line-clamp: 3;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #time.ytd-macro-markers-list-item-renderer {
padding: 0 4px;margin-top: auto;font-size: 1.2rem;font-weight: 400;line-height: 1.6rem;
}
ytd-macro-markers-list-item-renderer[layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #share-button.ytd-macro-markers-list-item-renderer {
display: none;
}
ytd-macro-markers-list-item-renderer[active][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] {
border: 1px solid var(--yt-spec-themed-blue);
}
ytd-macro-markers-list-item-renderer[active][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #thumbnail.ytd-macro-markers-list-item-renderer {
outline: 0;
}
ytd-macro-markers-list-item-renderer[is-highlighted] h4.ytd-macro-markers-list-item-renderer {
color: var(--yt-spec-themed-blue);
}
ytd-macro-markers-list-item-renderer[modern][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] {
width: 158px;height: var(--yt-macro-marker-list-item-height,165px);border: unset;
}
ytd-macro-markers-list-item-renderer[modern][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #thumbnail.ytd-macro-markers-list-item-renderer {
height: 85px;width: 150px;flex-shrink: 0;
}
ytd-macro-markers-list-item-renderer[modern][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #details.ytd-macro-markers-list-item-renderer {
display: flex;flex-direction: column-reverse;justify-content: flex-end;
}
ytd-macro-markers-list-item-renderer[modern][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] #details.ytd-macro-markers-list-item-renderer #time.ytd-macro-markers-list-item-renderer {
margin-top: unset;margin-bottom: 8px;z-index: 1;
}
ytd-macro-markers-list-item-renderer[modern][layout=MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL] h4.ytd-macro-markers-list-item-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-title-and-button-list-header-renderer {
display: block;
}
#title.ytd-title-and-button-list-header-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-horizontal-card-list-renderer {
display: block;position: relative;
}
#header-container.ytd-horizontal-card-list-renderer {
display: flex;flex-direction: row;
}
#header.ytd-horizontal-card-list-renderer {
flex: 1;flex-basis: 0.000000001px;
}
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;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: flex;flex-direction: column;align-items: center;justify-content: center;
}
.arrow-container.ytd-horizontal-card-list-renderer {
position: absolute;top: 0;bottom: 0;display: flex;flex-direction: column;align-items: 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: 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: flex;flex-direction: column;align-items: center;justify-content: center;
}
ytd-horizontal-card-list-renderer[has-info-panel] #items.ytd-horizontal-card-list-renderer {
background-color: var(--yt-spec-suggested-action);
}
ytd-macro-markers-list-item-renderer.ytd-horizontal-card-list-renderer {
display: inline-block;margin-right: var(--yt-macro-marker-list-item-margin-right,12px);vertical-align: bottom;
}
ytd-macro-markers-list-item-renderer.ytd-horizontal-card-list-renderer:first-of-type {
margin-left: var(--yt-macro-marker-list-first-item-margin-left,16px);
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION] ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer {
width: calc(100% - 20px);margin: 0 4px 0 16px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION] #right-arrow-container.ytd-horizontal-card-list-renderer {
right: 20px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION] #left-arrow-container.ytd-horizontal-card-list-renderer {
left: 20px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION] #items.ytd-horizontal-card-list-renderer {
max-height: 160px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION] #header-container.ytd-horizontal-card-list-renderer {
margin-bottom: 4px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION][is-search] #right-arrow-container.ytd-horizontal-card-list-renderer {
right: -16px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION][is-search] #left-arrow-container.ytd-horizontal-card-list-renderer {
left: -16px;
}
ytd-horizontal-card-list-renderer[inline-structured-description] ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer {
margin-left: unset;width: 100%;
}
ytd-horizontal-card-list-renderer[inline-structured-description] ytd-macro-markers-list-item-renderer.ytd-horizontal-card-list-renderer:first-of-type {
margin-left: unset;
}
ytd-horizontal-card-list-renderer[inline-structured-description][hide-navigation-button] ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer {
margin-bottom: 12px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_VIDEO_CARD_ENGAGEMENT_PANEL_SECTION] .arrow-container.ytd-horizontal-card-list-renderer {
height: 118px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_VIDEO_CARD_ENGAGEMENT_PANEL_SECTION] #right-arrow-container.ytd-horizontal-card-list-renderer {
right: 8px;
}
ytd-horizontal-card-list-renderer[card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_VIDEO_CARD_ENGAGEMENT_PANEL_SECTION] #left-arrow-container.ytd-horizontal-card-list-renderer {
left: 8px;
}
ytd-horizontal-card-list-renderer[modern-chapters][card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION] {
--ytd-modern-macro-markers-width: 160px;
}
ytd-horizontal-card-list-renderer[modern-chapters][card-list-style=HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION] #items.ytd-horizontal-card-list-renderer:before {
content: "";position: absolute;top: 104px;width: calc(100% - var(--ytd-modern-macro-markers-width));height: 2px;background-color: var(--yt-spec-suggested-action);margin-left: 24px;
}
ytd-expandable-metadata-renderer {
width: 100%;background: var(--yt-spec-brand-background-solid);display: flex;flex-direction: column;
}
#header.ytd-expandable-metadata-renderer {
height: 36px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;
}
#header.ytd-expandable-metadata-renderer:hover {
cursor: pointer;
}
#left-section.ytd-expandable-metadata-renderer {
overflow: auto;display: flex;flex-direction: row;align-items: center;
}
#right-section.ytd-expandable-metadata-renderer {
flex-shrink: 0;padding-right: 4px;display: flex;flex-direction: row;align-items: center;
}
#thumbnail.ytd-expandable-metadata-renderer {
flex-shrink: 0;height: 28px;width: 52px;margin: 4px;margin-right: 8px;
}
#thumbnail.ytd-expandable-metadata-renderer yt-img-shadow.ytd-expandable-metadata-renderer {
width: 100%;height: 100%;
}
#collapsed-title.ytd-expandable-metadata-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#expanded-title.ytd-expandable-metadata-renderer {
margin-left: 16px;color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#collapsed-label.ytd-expandable-metadata-renderer {
color: var(--yt-spec-text-secondary);margin-left: 4px;font-size: 1.3rem;font-weight: 500;line-height: 1.8rem;
}
#content.ytd-expandable-metadata-renderer {
--yt-macro-marker-list-item-height: 160px;--yt-macro-marker-list-first-item-margin-left: 16px;--yt-macro-marker-list-item-margin-right: 12px;height: 0;visibility: hidden;
}
#content.ytd-expandable-metadata-renderer ytd-horizontal-card-list-renderer.ytd-expandable-metadata-renderer {
opacity: 0;
}
ytd-expandable-metadata-renderer[is-expanded] #content.ytd-expandable-metadata-renderer {
height: 164px;visibility: visible;margin-bottom: 12px;
}
ytd-expandable-metadata-renderer[is-expanded] #content.ytd-expandable-metadata-renderer ytd-horizontal-card-list-renderer.ytd-expandable-metadata-renderer {
opacity: 1;
}
ytd-expandable-metadata-renderer:not([is-expanded]) #header.ytd-expandable-metadata-renderer:hover {
background-color: var(--yt-spec-badge-chip-background);
}
ytd-expandable-metadata-renderer[round-container] {
border-radius: 12px;
}
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;position: relative;
}
ytd-video-renderer:not([is-search]) {
max-width: 862px;
}
ytd-video-renderer[is-backstage-video] {
max-width: 818px;
}
ytd-video-renderer[is-post-compact-video] {
max-width: 736px;
}
ytd-video-renderer[is-hidden] #dismissible.ytd-video-renderer,ytd-video-renderer[is-dismissed] #dismissible.ytd-video-renderer,ytd-video-renderer:not([is-dismissed]) #dismissed.ytd-video-renderer {
display: none;
}
#dismissible.ytd-video-renderer {
position: relative;display: flex;flex-direction: row;align-items: flex-start;
}
#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([is-search]) ytd-thumbnail.ytd-video-renderer {
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;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
.metadata-snippet-container.ytd-video-renderer {
margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
.metadata-snippet-container-one-line.ytd-video-renderer {
margin-bottom: 8px;text-overflow: ellipsis;white-space: nowrap;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
.metadata-snippet-text.ytd-video-renderer {
display: inline;color: var(--yt-spec-text-secondary);
}
.metadata-snippet-text-navigation.ytd-video-renderer {
display: inline;color: var(--yt-spec-text-secondary);
}
.metadata-snippet-text-navigation.ytd-video-renderer:hover {
color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
.metadata-snippet-timestamp.ytd-video-renderer {
display: inline;
}
#time.ytd-video-renderer {
color: var(--yt-spec-themed-blue);padding: 2px 6px 2px 0px;border-radius: 2px;background-color: var(--yt-spec-suggested-action);text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
.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));flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
.text-wrapper.ytd-video-renderer:hover {
color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
#title-wrapper.ytd-video-renderer {
display: flex;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;font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;-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: inline-flex;align-items: center;
}
ytd-video-renderer[is-backstage-video] #video-title.ytd-video-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-video-renderer[is-post-compact-video] #video-title.ytd-video-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
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[is-search] ytd-thumbnail.ytd-video-renderer:before {
display: block;content: "";padding-top: 56.11%;
}
ytd-video-renderer[is-search] ytd-thumbnail.ytd-video-renderer {
margin-right: 16px;max-width: 360px;min-width: 240px;flex: 1;flex-basis: 0.000000001px;
}
ytd-video-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-video-renderer {
max-width: 420px;min-width: 240px;
}
ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-video-renderer {
max-width: 500px;min-width: 240px;
}
ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style=MASSIVE] ytd-thumbnail.ytd-video-renderer {
max-width: 600px;min-width: 240px;
}
ytd-video-renderer[is-search] #channel-info.ytd-video-renderer {
padding: 12px 0;display: flex;flex-direction: row;align-items: center;
}
yt-img-shadow.ytd-video-renderer {
border-radius: 50%;background-color: transparent;overflow: hidden;
}
ytd-video-renderer[is-search] .text-wrapper.ytd-video-renderer {
max-width: none;
}
ytd-video-renderer[is-search] #description-text.ytd-video-renderer {
padding-top: 0;
}
#badges.ytd-video-renderer {
margin-bottom: 8px;
}
@media(min-width:0) and (max-width:691px) {
ytd-video-renderer[is-search] #description-text.ytd-video-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
}
@media(min-width:0) and (max-width:627px) {
ytd-video-renderer[is-search] #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;align-self: center;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: flex;flex-direction: row;
}
#expandable-metadata.ytd-video-renderer:not(:empty) {
margin: 12px 0;
}
ytd-backstage-post-renderer {
--ytd-comment-thumb-dimension: 32px;display: block;
}
#body.ytd-backstage-post-renderer {
display: flex;flex-direction: row;
}
#main.ytd-backstage-post-renderer {
min-width: 0;flex: 1;flex-basis: 0.000000001px;display: flex;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: flex;flex-direction: row;
}
#author-thumbnail.ytd-backstage-post-renderer {
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(--yt-spec-text-secondary);color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#poll-icon.ytd-backstage-post-renderer {
color: var(--yt-spec-text-secondary);height: 16px;margin-right: 8px;width: 16px;
}
.poll-metadata-text.ytd-backstage-post-renderer {
--yt-endpoint-color: var(--yt-spec-text-secondary);color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
.poll-metadata-text-separator.ytd-backstage-post-renderer {
--yt-endpoint-color: var(--yt-spec-text-secondary);color: var(--yt-spec-text-secondary);margin-left: 4px;margin-right: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#voted-option.ytd-backstage-post-renderer {
display: block;color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#content-text.ytd-backstage-post-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
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(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
#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;
}
tp-yt-paper-spinner-lite.ytd-backstage-post-renderer {
margin: auto;display: none;
}
tp-yt-paper-spinner-lite.ytd-backstage-post-renderer[active] {
display: block;
}
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;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);
}
tp-yt-paper-tooltip.ytd-creator-heart-renderer {
white-space: nowrap;
}
ytd-comment-action-buttons-renderer {
display: block;color: var(--yt-spec-text-secondary);min-height: 16px;
}
#toolbar.ytd-comment-action-buttons-renderer {
align-items: center;display: flex;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);text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
#vote-count-middle.ytd-comment-action-buttons-renderer {
display: inline-block;margin-right: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-comment-action-buttons-renderer[system-icons][is-liked] #vote-count-left.ytd-comment-action-buttons-renderer,ytd-comment-action-buttons-renderer[system-icons][is-liked] #vote-count-middle.ytd-comment-action-buttons-renderer {
color: var(--yt-spec-text-primary);
}
#like-button.ytd-comment-action-buttons-renderer,#dislike-button.ytd-comment-action-buttons-renderer {
--yt-button-icon-size: var(--ytd-comment-thumb-dimension);text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
#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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
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.ytd-backstage-post-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button].ytd-comment-action-buttons-renderer[system-icons].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].ytd-comment-action-buttons-renderer[system-icons].style-default-active.ytd-comment-action-buttons-renderer {
color: var(--yt-spec-text-primary);
}
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-post-renderer {
--ytd-comment-thumb-dimension: 36px;--yt-icon-button-icon-width: 20px;--yt-icon-button-icon-height: 20px;display: block;max-width: 638px;
}
#dismissible.ytd-post-renderer,#body.ytd-post-renderer {
display: flex;flex-direction: column;
}
#dismissed.ytd-post-renderer:focus {
outline: none;
}
#header.ytd-post-renderer {
align-items: center;margin-bottom: 16px;display: flex;flex-direction: row;
}
#author-thumbnail.ytd-post-renderer {
height: 32px;font-size: 0;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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#author-divider.ytd-post-renderer {
color: var(--yt-spec-text-secondary);margin-right: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#post-text.ytd-post-renderer {
min-width: 0;
}
#content-text.ytd-post-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#vote-count-text.ytd-post-renderer {
display: none;
}
.more-button.ytd-post-renderer,.less-button.ytd-post-renderer {
text-transform: none;color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
#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: flex;flex-direction: row;justify-content: space-between;
}
#action-menu.ytd-post-renderer {
margin-right: -12px;color: var(--yt-spec-icon-inactive);
}
#dismissible.ytd-post-renderer:not(:hover) ytd-menu-renderer.ytd-post-renderer:not([menu-active]).ytd-post-renderer {
opacity: 0;
}
tp-yt-paper-spinner-lite.ytd-post-renderer {
margin: auto;display: none;
}
tp-yt-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: flex;flex-direction: column;
}
ytd-post-renderer[uses-compact-lockup][show-without-toolbar] {
height: auto;padding-bottom: 12px;flex: none;
}
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;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 {
flex: none;
}
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 {
flex: none;
}
ytd-post-renderer[uses-compact-lockup] #dismissible.ytd-post-renderer {
cursor: pointer;outline: none;flex: 1;flex-basis: 0.000000001px;
}
ytd-post-renderer[uses-compact-lockup][show-without-toolbar] #dismissible.ytd-post-renderer {
flex: none;
}
ytd-post-renderer[uses-compact-lockup] #body.ytd-post-renderer {
flex: 1;flex-basis: 0.000000001px;
}
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);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
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(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-post-renderer[uses-compact-lockup][is-dismissed] #dismissible.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 {
flex: none;
}
ytd-post-renderer[uses-compact-lockup] #home-content-text.ytd-post-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
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 {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 10rem;overflow: hidden;display: block;-webkit-line-clamp: 5;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-post-renderer[uses-compact-lockup] #dismissible.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: flex;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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;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 {
flex: none;
}
ytd-post-renderer[rounded-container] {
border-radius: 12px;
}
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: flex;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;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#repost-author-thumbnail.ytd-shared-post-renderer {
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: flex;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(--yt-spec-text-secondary);color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#repost-content-text.ytd-shared-post-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-shared-post-renderer[show-full-content-text] #repost-content-text.ytd-shared-post-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 5.4rem;overflow: hidden;display: block;-webkit-line-clamp: 3;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#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);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#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(--yt-spec-text-primary);margin: 0;padding: 0;-ms-align-self: flex-start;align-self: flex-start;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
#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(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#description.ytd-privacy-dropdown-item-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#dropdown-icon.ytd-privacy-dropdown-item-renderer {
color: var(--yt-spec-brand-icon-inactive);margin-left: -8px;margin-right: 8px;
}
tp-yt-paper-item-body.ytd-privacy-dropdown-item-renderer {
min-height: 0;max-width: 100%;flex: none;
}
ytd-flat-dropdown-renderer {
display: inline-block;max-width: 100%;
}
tp-yt-paper-menu-button.ytd-flat-dropdown-renderer {
color: var(--yt-spec-text-secondary);
}
tp-yt-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;
}
tp-yt-paper-menu-button.ytd-flat-dropdown-renderer {
padding: 0;
}
tp-yt-paper-listbox.ytd-flat-dropdown-renderer {
background-color: var(--yt-spec-brand-background-primary);
}
ytd-flat-dropdown-renderer[darker-dark-theme] tp-yt-paper-listbox.ytd-flat-dropdown-renderer {
background-color: var(--yt-spec-raised-background);
}
tp-yt-paper-listbox.ytd-flat-dropdown-renderer ytd-privacy-dropdown-item-renderer.ytd-flat-dropdown-renderer {
cursor: pointer;
}
tp-yt-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-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;display: flex;flex-direction: row;align-items: center;
}
#label-text.ytd-flat-dropdown-renderer {
color: var(--yt-spec-text-primary);
}
#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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-identity-chip-renderer {
display: flex;flex-direction: column;
}
#header-text.ytd-identity-chip-renderer {
color: var(--yt-spec-text-primary);margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#name.ytd-identity-chip-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#handle.ytd-identity-chip-renderer {
color: var(--yt-spec-text-secondary);margin-top: -2px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#name-handle-div.ytd-identity-chip-renderer {
margin: 0 16px 0 8px;align-self: center;
}
#avatar-image.ytd-identity-chip-renderer {
width: 36px;height: 36px;border-radius: 50%;overflow: hidden;background-color: transparent;
}
#content-row.ytd-identity-chip-renderer {
display: flex;align-items: flex-end;
}
#info-div.ytd-identity-chip-renderer {
display: flex;flex-direction: row;align-items: flex-end;
}
yt-icon.ytd-identity-chip-renderer {
fill: var(--yt-spec-icon-active-other);
}
#edit-icon-button.ytd-identity-chip-renderer {
width: 24px;height: 24px;vertical-align: bottom;margin-bottom: 4px;
}
ytd-post-video-tag-renderer {
display: flex;flex-direction: row;align-items: center;display: inline-flex;font-family: "Roboto Mono",monospace;font-size: 1.4rem;font-weight: 500;line-height: 2.1rem;background-color: var(--yt-spec-brand-background-solid);border: 1px solid var(--yt-spec-10-percent-layer);border-radius: 16px;box-sizing: border-box;font-family: var(--ytd-user-comment-font-family);height: 32px;letter-spacing: var(--ytd-user-comment-letter-spacing);max-width: 170px;padding: 0 10px;
}
ytd-post-video-tag-renderer:hover {
background-color: var(--yt-spec-button-chip-background-hover);
}
yt-icon.ytd-post-video-tag-renderer {
color: var(--yt-spec-icon-inactive);position: absolute;
}
.delete-button.ytd-post-video-tag-renderer {
--yt-button-icon-size: 20px;--yt-button-icon-padding: 4px;background-color: var(--yt-spec-white-3);border-radius: 50%;box-shadow: var(--yt-spec-button-chip-background-hover);color: var(--yt-spec-static-brand-black);cursor: pointer;
}
.title.ytd-post-video-tag-renderer {
color: var(--yt-spec-text-primary);padding-right: 5px;padding-left: 30px;
}
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);flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: row;
}
#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;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: 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;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;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%;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#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;
}
#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);flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#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;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#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);flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#edit-instruction.yt-img-crop-picker {
justify-content: flex-end;
}
.instruction-container.yt-img-crop-picker {
display: flex;flex-direction: column;
}
#edit-instruction.yt-img-crop-picker .instruction-container.yt-img-crop-picker {
flex-grow: 1;justify-content: center;
}
.details.yt-img-crop-picker {
color: var(--yt-spec-text-secondary);word-break: normal;font-size: var(--ytd-conversation-metadata-font-size,1.2rem);font-weight: 400;line-height: var(--ytd-conversation-metadata-line-height,1.6rem);
}
.header.yt-img-crop-picker {
color: var(--yt-spec-text-primary);margin: var(--ytd-margin-base) 0;font-size: 1.3rem;font-weight: 500;line-height: 1.8rem;
}
.edit.yt-img-crop-picker .details.yt-img-crop-picker {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
.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-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: flex;flex-direction: row;justify-content: flex-start;
}
#dropzone.ytd-backstage-image-select-renderer {
flex-basis: 100%;border: 1px dashed var(--yt-spec-icon-disabled);border-radius: 2px;min-height: 100px;padding: 32px 8px 12px;display: flex;flex-direction: column;align-items: center;justify-content: center;
}
#dropzone.dragover.ytd-backstage-image-select-renderer {
border: 2px dashed var(--yt-spec-call-to-action);
}
#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(--yt-spec-brand-background-primary);color: var(--yt-spec-icon-active-other);
}
#drop-icon.ytd-backstage-image-select-renderer {
--iron-icon-width: 48px;--iron-icon-height: 48px;color: var(--yt-spec-icon-active-other);
}
#prompt.ytd-backstage-image-select-renderer {
padding-top: 8px;padding-bottom: 12px;color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#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: flex;flex-direction: column;align-items: center;justify-content: center;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#image-preview.ytd-backstage-image-select-renderer {
position: relative;display: flex;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(--yt-spec-icon-disabled);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-text-secondary);
}
ytd-backstage-image-preview-renderer {
--ytd-backstage-image-picker-size: 200px;--ytd-backstage-image-preview-border-width: 2px;--ytd-backstage-image-preview-height: 482px;--ytd-backstage-image-preview-size: 300px;height: 100%;min-height: var(--ytd-backstage-image-preview-height);flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: row;
}
#picker-container.ytd-backstage-image-preview-renderer {
height: 100%;overflow: hidden;position: relative;width: 100%;
}
.preview.ytd-backstage-image-preview-renderer #picker-container.ytd-backstage-image-preview-renderer {
opacity: 0;
}
#image-in-picker-background.ytd-backstage-image-preview-renderer,#picker.ytd-backstage-image-preview-renderer,#overlay.ytd-backstage-image-preview-renderer {
position: absolute;
}
#image-in-picker.ytd-backstage-image-preview-renderer {
pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
#picker.ytd-backstage-image-preview-renderer {
border: solid;border-color: var(--yt-spec-static-brand-white);border-width: var(--ytd-backstage-image-preview-border-width);height: var(--ytd-backstage-image-picker-size);left: calc(0px - var(--ytd-backstage-image-preview-border-width));overflow: hidden;pointer-events: none;position: absolute;top: calc(0px - var(--ytd-backstage-image-preview-border-width));-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: var(--ytd-backstage-image-picker-size);
}
#overlay.ytd-backstage-image-preview-renderer {
background: #c4c4c4;cursor: all-scroll;height: 100%;opacity: 0.7;width: 100%;
}
#container.ytd-backstage-image-preview-renderer {
margin-left: auto;margin-right: auto;margin-top: 70px;
}
#preview-clipper.ytd-backstage-image-preview-renderer {
height: var(--ytd-backstage-image-preview-size);min-height: var(--ytd-backstage-image-preview-size);min-width: var(--ytd-backstage-image-preview-size);overflow: hidden;position: relative;width: var(--ytd-backstage-image-preview-size);
}
#image-in-preview-clipper.ytd-backstage-image-preview-renderer {
height: 100%;position: absolute;width: 100%;
}
#image-in-preview-clipper.PORTRAIT.ytd-backstage-image-preview-renderer {
height: auto;width: 100%;
}
#image-in-preview-clipper.LANDSCAPE.ytd-backstage-image-preview-renderer {
height: 100%;width: auto;
}
#edit-container.ytd-backstage-image-preview-renderer,#preview-container.ytd-backstage-image-preview-renderer {
height: var(--ytd-backstage-image-preview-size);width: var(--ytd-backstage-image-preview-size);
}
.buttons-container.ytd-backstage-image-preview-renderer {
display: flex;flex-flow: row;justify-content: space-between;margin-top: 20px;
}
#edit-button.ytd-backstage-image-preview-renderer,#delete-button.ytd-backstage-image-preview-renderer,#save-button.ytd-backstage-image-preview-renderer,#cancel-button.ytd-backstage-image-preview-renderer {
width: 140px;
}
#delete-button.ytd-backstage-image-preview-renderer {
color: var(--yt-spec-call-to-action);
}
ytd-backstage-multi-image-thumbnail-renderer {
--thumbnail-size: var(--ytd-image-thumbnail-size, 80px);
}
.image-container.ytd-backstage-multi-image-thumbnail-renderer {
border-radius: 1px;height: var(--thumbnail-size);overflow: hidden;position: relative;width: var(--thumbnail-size);
}
.container.ytd-backstage-multi-image-thumbnail-renderer {
margin-bottom: 8px;
}
ytd-backstage-multi-image-thumbnail-renderer[selected] .container.ytd-backstage-multi-image-thumbnail-renderer {
border: 2px solid var(--yt-spec-call-to-action);border-radius: 3px;margin-left: -3px;padding: 1px;width: var(--thumbnail-size);
}
ytd-backstage-multi-image-select-renderer {
--thumbnail-size: 80px;--thumbnail-size-selected: 78px;--ytd-cancel-button-right: -12px;--ytd-cancel-button-top: -12px;--ytd-cancel-button-size: 24px;border: 1px solid #e2e2e2;border-radius: 1px;height: 100%;margin-top: 12px;min-height: 280px;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: row;
}
#multi-image-container.ytd-backstage-multi-image-select-renderer {
min-height: 482px;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: row;
}
#preview.ytd-backstage-multi-image-select-renderer {
background-color: var(--yt-spec-general-background-a);box-shadow: inset 1px 0 0 rgba(0,0,0,0.1);width: 100%;
}
#thumbnail-images-container.ytd-backstage-multi-image-select-renderer {
padding: 25px 15px;
}
.thumbnail-image.ytd-backstage-multi-image-select-renderer {
margin-bottom: var(--ytd-img-default-margin);position: absolute;
}
#dropzone.ytd-backstage-multi-image-select-renderer {
flex-basis: 100%;border-radius: 2px;min-height: 100px;padding: 78px 8px 12px;background: var(--yt-spec-general-background-a);display: flex;flex-direction: column;align-items: center;justify-content: center;
}
#dropzone.error.ytd-backstage-multi-image-select-renderer {
border-color: var(--yt-spec-brand-link-text);
}
#drop-icon-container.ytd-backstage-multi-image-select-renderer {
background: var(--yt-spec-themed-blue);border-radius: 100px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;
}
#drop-icon.ytd-backstage-multi-image-select-renderer {
--iron-icon-width: 20px;--iron-icon-height: 20px;color: var(--yt-spec-general-background-a);
}
#prompt.ytd-backstage-multi-image-select-renderer {
padding-top: 12px;color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#select-link.ytd-backstage-multi-image-select-renderer {
color: var(--yt-spec-themed-blue);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;
}
#license-text.ytd-backstage-multi-image-select-renderer,#aspect-ratio-message.ytd-backstage-multi-image-select-renderer {
color: var(--yt-spec-text-secondary);
}
#error-message.ytd-backstage-multi-image-select-renderer {
margin-top: 16px;color: var(--yt-spec-brand-link-text);font-size: 1.3rem;font-weight: 500;line-height: 1.8rem;
}
#add-image-button-container.ytd-backstage-multi-image-select-renderer {
background-color: var(--yt-spec-suggested-action);border-radius: 3px;display: table-cell;height: var(--thumbnail-size);margin-bottom: 20px;text-align: center;vertical-align: middle;width: var(--thumbnail-size);
}
#add-image-button.ytd-backstage-multi-image-select-renderer ytd-button-renderer.ytd-backstage-multi-image-select-renderer {
--yt-button-color: var(--yt-spec-call-to-action);
}
.cancel.ytd-backstage-multi-image-select-renderer>ytd-button-renderer.ytd-backstage-multi-image-select-renderer {
--yt-button-icon-size: var(--ytd-cancel-button-size);--yt-button-icon-padding: 4px;background-color: var(--yt-spec-brand-background-primary);border-radius: 50%;box-shadow: 0 4px 4px rgba(0,0,0,0.3),0 0 4px rgba(0,0,0,0.2);color: var(--yt-spec-icon-active-other);cursor: pointer;height: var(--ytd-cancel-button-size);position: absolute;right: var(--ytd-cancel-button-right);top: var(--ytd-cancel-button-top);width: var(--ytd-cancel-button-size);
}
ytd-backstage-multi-image-select-renderer[modern] .cancel.ytd-backstage-multi-image-select-renderer>ytd-button-renderer.ytd-backstage-multi-image-select-renderer {
height: unset;width: unset;
}
.messages.ytd-backstage-multi-image-select-renderer {
margin-top: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-image-poll-editor-renderer {
display: flex;flex-direction: column;--ytd-add-image-icon-button-size: 38px;--ytd-add-image-icon-size: 18px;--ytd-footer-button-height: 50px;--ytd-remove-option-button-size: 24px;--ytd-remove-option-icon-size: 16px;--ytd-image-poll-option-height: 125px;--ytd-image-select-container-size: 125px;--ytd-image-thumbnail-size: 125px;min-width: 500px;
}
.poll-option.ytd-image-poll-editor-renderer {
display: flex;flex-direction: row;align-items: center;border: 2px solid var(--yt-spec-10-percent-layer);border-radius: 4px;height: var(--ytd-image-poll-option-height);margin-bottom: 16px;
}
tp-yt-paper-input.ytd-image-poll-editor-renderer {
margin-left: 16px;--paper-input-container-underline-display: none;--paper-input-container-underline-disabled-display: none;--paper-input-container-underline-focus-display: none;
}
.image-thumbnail.ytd-image-poll-editor-renderer {
height: var(--ytd-image-select-container-size);width: var(--ytd-image-select-container-size);overflow: hidden;
}
.image-select-container.ytd-image-poll-editor-renderer {
align-items: center;background-color: var(--yt-spec-general-background-b);display: flex;height: var(--ytd-image-select-container-size);justify-content: center;width: var(--ytd-image-select-container-size);
}
.poll-option-input.ytd-image-poll-editor-renderer {
flex: 1;flex-basis: 0.000000001px;
}
.add-image-icon-button.ytd-image-poll-editor-renderer {
background: var(--yt-spec-themed-blue);border-radius: 100px;height: var(--ytd-add-image-icon-button-size);width: var(--ytd-add-image-icon-button-size);
}
.add-image-icon.ytd-image-poll-editor-renderer {
color: var(--yt-spec-base-background);height: var(--ytd-add-image-icon-size);width: var(--ytd-add-image-icon-size);
}
.remove-button.ytd-image-poll-editor-renderer {
color: var(--yt-spec-icon-inactive);height: var(--ytd-remove-option-button-size);margin-right: 12px;width: var(--ytd-remove-option-button-size);
}
.remove-option.ytd-image-poll-editor-renderer {
height: var(--ytd-remove-option-icon-size);width: var(--ytd-remove-option-icon-size);
}
.button-container.ytd-image-poll-editor-renderer {
display: flex;flex-direction: row;
}
.add-option.ytd-image-poll-editor-renderer {
height: var(--ytd-footer-button-height);margin-right: 24px;width: 50%;
}
.reposition-images.ytd-image-poll-editor-renderer {
height: var(--ytd-footer-button-height);width: 50%;
}
ytd-calendar-date-picker {
flex: 1;flex-basis: 0.000000001px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
tp-yt-paper-menu-button.ytd-calendar-date-picker {
padding: 0;
}
tp-yt-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;text-transform: none;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;justify-content: space-between;
}
#control-area.ytd-calendar-date-picker {
margin: 6px 8px 0;display: flex;flex-direction: row;
}
#date-input.ytd-calendar-date-picker {
margin-left: 8px;flex: 1;flex-basis: 0.000000001px;
}
tp-yt-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);
}
tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container>input,tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container>iron-input,tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container>textarea,tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container>iron-autogrow-textarea,tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container>.paper-input-input {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
input.ytd-calendar-date-picker {
position: relative;outline: none;box-shadow: none;padding: var(--paper-input-container-shared-input-style-padding,0);margin: 0;width: var(--paper-input-container-shared-input-style-width,100%);max-width: 100%;background: transparent;border: none;color: var(--paper-input-container-input-color,var(--primary-text-color));-webkit-appearance: none;text-align: inherit;vertical-align: var(--paper-input-container-input-align,bottom);font-family: "Roboto","Noto",sans-serif;-webkit-font-smoothing: antialiased;font-size: 16px;font-weight: 400;line-height: 24px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#month-controller.ytd-calendar-date-picker {
width: 40px;margin: 0 8px;display: flex;flex-direction: row;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);flex: 1;flex-basis: 0.000000001px;display: flex;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: flex;flex-direction: row;
}
#calendar-main.ytd-calendar-date-picker {
overflow-y: auto;overflow-x: hidden;max-height: 288px;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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
.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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
.calendar-month-label.shift-down-label.ytd-calendar-date-picker {
position: absolute;
}
.calendar-week.ytd-calendar-date-picker {
margin-left: 8px;width: 252px;display: flex;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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
.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-date-time-picker-renderer {
display: flex;flex-direction: column;
}
#hint.ytd-date-time-picker-renderer {
display: flex;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-icon-disabled);border-radius: 2px;color: var(--yt-spec-text-secondary);height: 36px;margin: 0;padding: 0 12px;text-transform: none;justify-content: space-between;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#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;
}
tp-yt-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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
tp-yt-paper-item.ytd-date-time-picker-renderer:hover {
background: var(--yt-spec-general-background-a);
}
tp-yt-paper-listbox.ytd-date-time-picker-renderer {
background-color: var(--yt-spec-brand-background-solid);padding-left: 1px;max-height: 360px;
}
tp-yt-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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
#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-backstage-dismissable-attachment {
display: block;margin: 16px 0 0 0;justify-content: flex-start;
}
ytd-backstage-dismissable-attachment[attachment-type=image] {
display: flex;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(--yt-spec-brand-background-primary);color: var(--yt-spec-icon-active-other);
}
#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(--yt-spec-brand-background-primary);color: var(--yt-spec-icon-active-other);
}
#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);
}
tp-yt-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 tp-yt-paper-item.ytd-emoji-suggestion,ytd-emoji-suggestion[active] tp-yt-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;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: 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);
}
#dropdown-content.ytd-emoji-input {
max-height: 200px;padding: 8px 0;
}
ytd-poll-attachment tp-yt-paper-input.ytd-poll-attachment {
--paper-input-container-underline-color: var(--yt-spec-text-secondary);--paper-input-container-underline-legacy-height: 0;--paper-input-container-underline-focus-color: var(--yt-spec-text-primary);height: 54px;
}
ytd-poll-attachment tp-yt-paper-input-char-counter[style-target=host] {
color: var(--yt-spec-text-secondary);margin-top: 2px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-poll-attachment {
--paper-input-container-underline-box-sizing: border-box;
}
#poll-options.ytd-poll-attachment {
margin: 12px 16px 0 16px;width: auto;
}
.poll-option.ytd-poll-attachment {
display: flex;flex-direction: row;
}
.poll-option-input.ytd-poll-attachment {
flex: 1;flex-basis: 0.000000001px;
}
.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-suggestion-renderer {
display: block;box-sizing: border-box;width: -webkit-min-content;width: -moz-min-content;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: 50%;background-color: transparent;overflow: hidden;
}
#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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
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: 56px;background: var(--yt-spec-icon-disabled);
}
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: 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);
}
ytd-commentbox {
--paper-input-container-focus-color: var(--yt-spec-text-primary);--paper-input-container-input-color: var(--yt-spec-text-primary);--yt-formatted-string-contenteditable-endpoint-background: var( --yt-spec-badge-chip-background );--yt-formatted-string-contenteditable-endpoint-border-radius: 0.2em;--yt-formatted-string-contenteditable-endpoint-color: var( --yt-spec-text-primary );--yt-formatted-string-contenteditable-endpoint-cursor: default;--yt-formatted-string-contenteditable-endpoint-max-width: 100%;--yt-formatted-string-contenteditable-endpoint-white-space: nowrap;--yt-formatted-string-contenteditable-endpoint-overflow: hidden;--yt-formatted-string-contenteditable-endpoint-text-overflow: ellipsis;--yt-formatted-string-contenteditable-endpoint-vertical-align: top;--yt-formatted-string-contenteditable-endpoint-pointer-events: none;--yt-post-multi-image-attachment-size: 420px;display: flex;flex-direction: column;
}
ytd-commentbox .input-content.tp-yt-paper-input-container>input,ytd-commentbox .input-content.tp-yt-paper-input-container>iron-input,ytd-commentbox .input-content.tp-yt-paper-input-container>textarea,ytd-commentbox .input-content.tp-yt-paper-input-container>iron-autogrow-textarea,ytd-commentbox .input-content.tp-yt-paper-input-container>.paper-input-input {
line-height: 20px;font-size: 14px;
}
ytd-commentbox[is-backstage-post] tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container>input,ytd-commentbox[is-backstage-post] tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container>iron-input,ytd-commentbox[is-backstage-post] tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container>textarea,ytd-commentbox[is-backstage-post] tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container>iron-autogrow-textarea,ytd-commentbox[is-backstage-post] tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container>.paper-input-input {
line-height: 20px;font-size: 16px;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;content: attr(aria-label);cursor: text;
}
yt-formatted-string#contenteditable-textarea.ytd-commentbox {
--yt-formatted-string-contenteditable-root-style-outline: none;--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;--yt-formatted-string-contenteditable-emoji-width: var( --yt-formatted-string-emoji-size, 24px );--yt-formatted-string-contenteditable-emoji-height: var( --yt-formatted-string-emoji-size, 24px );--yt-formatted-string-contenteditable-emoji-margin: -1px 2px 1px;--yt-formatted-string-contenteditable-emoji-vertical-align: middle;--yt-formatted-string-contenteditable-emoji-padding-right: 0.2em;--yt-formatted-string-contenteditable-small-emoji-width: var( --yt-formatted-string-small-emoji-size, 16px );--yt-formatted-string-contenteditable-small-emoji-height: var( --yt-formatted-string-small-emoji-size, 16px );--yt-formatted-string-contenteditable-small-emoji-margin: -1px 2px 1px;--yt-formatted-string-contenteditable-small-emoji-vertical-align: middle;--yt-formatted-string-contenteditable-small-emoji-padding-right: 0.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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-commentbox[is-backstage-post] #contenteditable-textarea.ytd-commentbox[aria-label].ytd-commentbox:empty:before {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
tp-yt-paper-input-container.ytd-commentbox {
padding-top: 0;
}
#input-container.ytd-commentbox {
--paper-input-container-underline-color: var(--yt-spec-text-disabled);--paper-input-container-underline-focus-color: var(--yt-spec-text-primary);
}
#author-thumbnail.ytd-commentbox,ytd-commentbox[is-reply][is-backstage-comment] #author-thumbnail.ytd-commentbox {
width: 40px;height: 40px;margin-right: 16px;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;flex: none;border-radius: 50%;background-color: transparent;overflow: hidden;
}
#main.ytd-commentbox {
flex: 1;flex-basis: 0.000000001px;min-width: 0;
}
#footer.ytd-commentbox {
display: flex;flex-direction: row;align-items: center;justify-content: flex-end;
}
#attachments.ytd-commentbox {
margin-left: -10px;display: flex;flex-direction: row;
}
ytd-button-renderer.ytd-commentbox {
--yt-button-icon-size: 36px;
}
#footer-text.ytd-commentbox {
flex: 1;flex-basis: 0.000000001px;
}
.footer-error-message.ytd-commentbox {
color: var(--yt-spec-brand-link-text);
}
.footer-alert-message.ytd-commentbox {
color: var(--yt-spec-text-secondary);
}
#footer-message.ytd-commentbox {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;flex: 1;flex-basis: 0.000000001px;
}
#zero-step-footer-text.ytd-commentbox {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;flex: 1;flex-basis: 0.000000001px;
}
#buttons.ytd-commentbox {
display: flex;flex-direction: row;
}
#cancel-button.ytd-commentbox,#submit-button.ytd-commentbox {
margin-left: 8px;
}
tp-yt-paper-spinner-lite.ytd-commentbox {
margin: auto;display: none;
}
tp-yt-paper-spinner-lite.ytd-commentbox[active] {
display: block;
}
#poll-attachment.ytd-commentbox {
--ytd-paper-input-container-underline-color: var(--yt-spec-text-secondary);
}
#access-restrictions-selector.ytd-commentbox {
overflow: hidden;
}
ytd-post-video-tag-renderer.ytd-commentbox {
margin: 15px;
}
ytd-commentbox[is-backstage-post] tp-yt-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(--yt-spec-text-primary);
}
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-badge-chip-background);color: var(--yt-spec-text-disabled);
}
ytd-commentbox[is-backstage-post][is-creation-box] #cancel-button.ytd-commentbox {
color: var(--yt-spec-text-secondary);
}
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] #attachments.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(--yt-spec-text-secondary);
}
ytd-commentbox[is-backstage-post][is-creation-box] #attachments.ytd-commentbox ytd-button-renderer.ytd-commentbox:hover {
color: var(--yt-spec-text-primary);
}
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-disabled);
}
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);
}
ytd-commentbox[modern] #option-menu.ytd-commentbox {
background: unset;
}
#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-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#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-badge-chip-background);
}
#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(--yt-spec-brand-background-primary);
}
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 {
--yt-formatted-string-contenteditable-root-style-max-height: 86px;--yt-formatted-string-contenteditable-root-style-overflow: auto;--yt-formatted-string-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-badge-chip-background);
}
#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: 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);
}
.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;
}
#identity-chip.ytd-commentbox ytd-identity-chip-renderer.ytd-commentbox {
padding-bottom: 16px;
}
#thumbnail-input-row.ytd-commentbox {
word-break: break-all;display: flex;flex-direction: row;
}
ytd-backstage-post-dialog-renderer {
display: flex;flex-direction: column;
}
#author-thumbnail.ytd-backstage-post-dialog-renderer {
width: 40px;height: 40px;margin-right: 16px;flex: none;border-radius: 50%;background-color: transparent;overflow: hidden;
}
#dialog-header.ytd-backstage-post-dialog-renderer {
padding: 16px 8px 0 16px;display: flex;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;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: flex;flex-direction: row;align-items: center;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
#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: flex;flex-direction: row;align-items: center;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#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: flex;flex-direction: row;align-items: center;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#dialog-header.ytd-backstage-post-dialog-renderer #access-restrictions-selector.ytd-backstage-post-dialog-renderer {
display: flex;flex-direction: row;align-items: center;
}
#unopened-dialog.ytd-backstage-post-dialog-renderer {
display: flex;flex-direction: row;
}
#main.ytd-backstage-post-dialog-renderer {
flex: 1;flex-basis: 0.000000001px;
}
#commentbox-placeholder.ytd-backstage-post-dialog-renderer {
display: block;color: var(--yt-spec-text-secondary);outline: none;flex: 1;flex-basis: 0.000000001px;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#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);flex: 1;flex-basis: 0.000000001px;
}
#attachments.ytd-backstage-post-dialog-renderer {
margin-left: -10px;display: flex;flex-direction: row;
}
#disabled-message.ytd-backstage-post-dialog-renderer {
border: 2px solid var(--yt-spec-10-percent-layer);padding: 16px;margin-bottom: 24px;
}
#disabled-message-annotation.ytd-backstage-post-dialog-renderer {
color: var(--yt-spec-text-secondary);margin-bottom: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#disabled-message-text.ytd-backstage-post-dialog-renderer {
color: var(--yt-spec-text-primary);margin-bottom: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-backstage-post-dialog-renderer:not([modern]) 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;
}
ytd-backstage-post-dialog-renderer:not([modern]) #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);
}
ytd-backstage-post-dialog-renderer:not([modern]) #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: flex;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[modern][is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer #post-buttons-wrapper.ytd-backstage-post-dialog-renderer {
background: unset;
}
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(--yt-spec-text-secondary);
}
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(--yt-spec-icon-active-other);
}
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[modern][is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer #post-button.ytd-backstage-post-dialog-renderer {
background: unset;color: unset;
}
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: flex;flex-direction: column;align-items: center;
}
ytd-comment-dialog-renderer {
--paper-input-container-input-align: baseline;
}
ytd-comment-inline-thumbnail-renderer {
display: inline-block;vertical-align: top;
}
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: flex;flex-direction: row;
}
#author-thumbnail.ytd-comment-reply-dialog-renderer {
width: 40px;height: 40px;margin-right: 16px;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);flex: 1;flex-basis: 0.000000001px;
}
#placeholder-text.ytd-comment-reply-dialog-renderer {
color: var(--yt-spec-text-secondary);outline: none;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-pinned-comment-badge-renderer {
display: flex;flex-direction: row;align-items: center;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#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);
}
yt-pdg-comment-chip-renderer {
display: inline-block;height: 20px;max-width: -webkit-fit-content;max-width: -moz-fit-content;max-width: fit-content;
}
#comment-chip-container.yt-pdg-comment-chip-renderer {
background-color: var(--yt-pdg-comment-chip-background-color);border-radius: 16px;cursor: var(--yt-pdg-comment-chip-cursor);padding: 1px 7px 0;
}
#comment-chip-price.yt-pdg-comment-chip-renderer {
color: var(--yt-pdg-comment-chip-font-color);
}
yt-icon.yt-pdg-comment-chip-renderer {
color: var(--yt-pdg-comment-chip-font-color);height: 12px;padding-bottom: 2px;width: 12px;
}
ytd-comment-renderer {
--ytd-comment-thumb-dimension: 32px;--ytd-pinned-comment-badge-margin-left: -2px;display: block;border-radius: 4px;margin-bottom: 8px;position: relative;margin-top: calc(-1 * var(--ytd-decorated-comment-background-offset-top,0px));margin-left: calc(-1 * var(--ytd-decorated-comment-background-offset-left,0px));padding-top: var(--ytd-decorated-comment-background-offset-top,0px);padding-left: var(--ytd-decorated-comment-background-offset-left,0px);--yt-endpoint-word-wrap: break-word;--yt-endpoint-word-break: break-word;
}
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 {
position: relative;display: flex;flex-direction: row;
}
#main.ytd-comment-renderer {
min-width: 0;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#header.ytd-comment-renderer {
margin-bottom: 2px;
}
#linked-comment-badge.ytd-comment-renderer {
margin-bottom: 8px;
}
#pinned-comment-badge.ytd-comment-renderer {
margin-left: var(--ytd-pinned-comment-badge-margin-left);margin-bottom: 8px;
}
#comment-content.ytd-comment-renderer {
white-space: nowrap;display: inline-flex;width: 100%;
}
#inline-thumbnail-renderer.ytd-comment-renderer {
margin-right: 8px;flex: 0 0 auto;
}
#header-author.ytd-comment-renderer {
align-items: baseline;display: flex;flex-direction: row;
}
#sponsor-comment-badge.ytd-comment-renderer {
align-self: start;
}
#author-thumbnail.ytd-comment-renderer {
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;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.3rem;font-weight: 500;line-height: 1.8rem;
}
#header-author.ytd-comment-renderer>h3.ytd-comment-renderer {
min-width: 0;
}
.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 {
min-width: 0;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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#voted-option.ytd-comment-renderer {
display: block;color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;line-height: 2rem;overflow-wrap: anywhere;
}
#expander.ytd-comment-renderer {
--ytd-expander-button-margin: 4px 0 0 0;overflow: auto;
}
.more-button.ytd-comment-renderer,.less-button.ytd-comment-renderer {
text-transform: none;color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.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;
}
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;
}
tp-yt-paper-spinner-lite.ytd-comment-renderer {
margin: auto;display: none;
}
tp-yt-paper-spinner-lite.ytd-comment-renderer[active] {
display: block;
}
#paid-comment-chip.ytd-comment-renderer {
margin-right: 5px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#paid-comment-background.ytd-comment-renderer {
overflow: hidden;position: absolute;height: calc(100% - var(--ytd-decorated-comment-background-offset-top,0px) - var(--ytd-decorated-comment-reply-box-height-offset,0px));width: calc(100% - var(--ytd-decorated-comment-background-offset-top,0px));margin-bottom: var(--ytd-decorated-comment-background-offset-top,0px);background-color: var(--ytd-comment-paid-background-color);border-radius: 4px;margin-top: calc(-1 * var(--ytd-decorated-comment-background-offset-top,0px));margin-left: calc(-1 * var(--ytd-decorated-comment-background-offset-left,0px));padding-top: var(--ytd-decorated-comment-background-offset-top,0px);padding-left: var(--ytd-decorated-comment-background-offset-left,0px);
}
yt-next-continuation {
display: flex;flex-direction: row;justify-content: center;
}
tp-yt-paper-button.yt-next-continuation {
display: inline-block;text-align: center;font-family: inherit;
}
tp-yt-paper-spinner.yt-next-continuation {
margin: 16px 0;
}
tp-yt-paper-button.yt-next-continuation {
margin-left: var(--yt-next-continuation-button-margin-left);
}
ytd-comment-moderation-panel-renderer {
--ytd-expander-button-scrolling-box-shadow: 0 1px 3px 0 var(--yt-spec-10-percent-layer);--ytd-expander-button-border-radius: 0;display: block;background-color: var(--yt-spec-general-background-a);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: 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-backstage-post-thread-renderer {
display: block;margin-top: 24px;border: 1px solid var(--yt-spec-10-percent-layer);padding: 16px 16px 8px 16px;
}
ytd-backstage-post-thread-renderer[rounded-container] {
border-radius: 12px;
}
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;margin-bottom: 8px;color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
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-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-comment-history-entry-renderer {
margin: 24px 40px 32px 0;display: flex;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;flex: 1;flex-basis: 0.000000001px;display: flex;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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
.content-expander.ytd-comment-history-entry-renderer {
margin-top: 8px;
}
.content.ytd-comment-history-entry-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
.more-button.ytd-comment-history-entry-renderer {
color: var(--yt-spec-text-secondary);text-transform: none;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.less-button.ytd-comment-history-entry-renderer {
color: var(--yt-spec-text-secondary);text-transform: none;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.timestamp.ytd-comment-history-entry-renderer {
color: var(--yt-spec-text-secondary);margin-top: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
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-ghost-grid-renderer {
display: flex;justify-content: center;
}
.ghost-grid.ytd-ghost-grid-renderer {
display: flex;flex-wrap: wrap;width: 100%;max-width: calc(var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)));margin: 0 16px;
}
ytd-ghost-grid-renderer[is-shorts] .ghost-grid.ytd-ghost-grid-renderer {
margin: 0;max-width: calc(var(--ytd-rich-grid-slim-items-per-row) * (var(--ytd-rich-grid-slim-item-max-width) + var(--ytd-rich-grid-shorts-item-margin)));
}
ytd-ghost-grid-renderer[rounded-container] .rich-thumbnail.ytd-ghost-grid-renderer {
border-radius: 12px;
}
.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[is-shorts] .ghost-card.ytd-ghost-grid-renderer {
margin-left: calc(var(--ytd-rich-grid-shorts-item-margin)/2);margin-right: calc(var(--ytd-rich-grid-shorts-item-margin)/2);width: calc(100%/var(--ytd-rich-grid-slim-items-per-row) - var(--ytd-rich-grid-shorts-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%;
}
ytd-ghost-grid-renderer[is-shorts] .rich-thumbnail.ytd-ghost-grid-renderer {
padding-top: 177%;
}
.details.ytd-ghost-grid-renderer {
display: flex;
}
ytd-ghost-grid-renderer[is-shorts] .details.ytd-ghost-grid-renderer {
display: none;
}
.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-continuation-item-renderer {
min-width: 1px;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;align-items: center;
}
tp-yt-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: var(--ytd-continuation-item-renderer-width,100%);
}
#ghost-cards.ytd-continuation-item-renderer {
width: 100%;
}
ytd-comment-replies-renderer {
--yt-next-continuation-button-margin-left: -8px;display: block;margin-left: 56px;
}
ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer {
flex: none;display: inline-block;cursor: pointer;
}
ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer yt-img-shadow.ytd-comment-replies-renderer {
border-radius: 50%;background-color: transparent;overflow: hidden;width: 24px;height: 24px;
}
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;display: inline-block;
}
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;align-items: center;display: inline-flex;margin-right: -8px;
}
#expander.ytd-comment-replies-renderer {
display: block;text-transform: none;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
#expander.ytd-comment-replies-renderer .dot.ytd-comment-replies-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 2.8rem;line-height: 3.8rem;font-weight: 500;color: var(--yt-spec-call-to-action);margin: 0 -12px 0 4px;
}
#expander.ytd-comment-replies-renderer .expander-header.ytd-comment-replies-renderer[teaser] {
display: flex;align-items: center;margin-left: -10px;
}
#expander.ytd-comment-replies-renderer .expander-header.ytd-comment-replies-renderer[teaser] #less-replies.ytd-comment-replies-renderer,#expander.ytd-comment-replies-renderer .expander-header.ytd-comment-replies-renderer[teaser] #more-replies.ytd-comment-replies-renderer {
--yt-button-padding: unset;--yt-button-padding-minus-focus-outline: unset;
}
ytd-expander.ytd-comment-replies-renderer tp-yt-paper-button.ytd-comment-replies-renderer {
-ms-align-self: flex-start;align-self: flex-start;
}
ytd-comment-replies-renderer:not([modern]) yt-next-continuation.ytd-comment-replies-renderer,ytd-comment-replies-renderer:not([modern]) ytd-continuation-item-renderer.ytd-comment-replies-renderer {
--iron-icon-width: 20px;--iron-icon-height: 20px;display: inline-flex;
}
ytd-comment-replies-renderer:not([modern]) yt-next-continuation.ytd-comment-replies-renderer tp-yt-paper-button[style-target=host],ytd-comment-replies-renderer:not([modern]) ytd-continuation-item-renderer.ytd-comment-replies-renderer tp-yt-paper-button[style-target=host] {
text-transform: none;
}
ytd-comment-replies-renderer:not([modern]) .cont-button.ytd-comment-replies-renderer,ytd-comment-replies-renderer:not([modern]) ytd-continuation-item-renderer.ytd-comment-replies-renderer {
color: var(--yt-spec-call-to-action);--iron-icon-margin-top: -8px;--iron-icon-margin-right: 8px;--iron-icon-margin-left: 8px;
}
ytd-comment-replies-renderer:not([modern]) yt-icon.ytd-comment-replies-renderer {
--iron-icon-width: 20px;--iron-icon-height: 20px;margin-bottom: 4px;
}
#teaser-replies.ytd-comment-replies-renderer {
display: flex;flex-direction: column;
}
#contents.ytd-comment-replies-renderer {
display: flex;flex-direction: column;
}
#contents.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 tp-yt-paper-spinner-lite.ytd-comment-replies-renderer {
display: none;
}
#expander-contents.ytd-comment-replies-renderer tp-yt-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;
}
ytd-continuation-item-renderer.ytd-comment-replies-renderer {
--yt-button-color: var(--yt-spec-call-to-action);--yt-button-text-transform: none;--yt-string-icon-padding: 4px;--yt-button-paper-button-margin-left: -8px;--yt-button-paper-button-margin-right: 0.29em;--yt-button-padding: 0.7em 0.57em;--ytd-continuation-item-renderer-width: auto;
}
ytd-tri-state-button-view-model {
display: inline-block;
}
tp-yt-paper-button.ytd-tri-state-button-view-model {
text-transform: inherit;margin: 0;padding: 0;
}
ytd-comment-view-model {
--ytd-comment-thumb-dimension: 32px;--ytd-pinned-comment-badge-margin-left: -2px;display: block;border-radius: 4px;margin-bottom: 8px;position: relative;margin-top: calc(-1 * var(--ytd-decorated-comment-background-offset-top,0px));margin-left: calc(-1 * var(--ytd-decorated-comment-background-offset-left,0px));padding-top: var(--ytd-decorated-comment-background-offset-top,0px);padding-left: var(--ytd-decorated-comment-background-offset-left,0px);--yt-endpoint-word-wrap: break-word;--yt-endpoint-word-break: break-word;
}
#body.ytd-comment-view-model {
position: relative;display: flex;flex-direction: row;
}
#main.ytd-comment-view-model {
min-width: 0;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#header.ytd-comment-view-model {
margin-bottom: 2px;
}
#linked-comment-badge.ytd-comment-view-model {
margin-bottom: 8px;
}
#pinned-comment-badge.ytd-comment-view-model {
margin-left: var(--ytd-pinned-comment-badge-margin-left);margin-bottom: 8px;
}
#header-author.ytd-comment-view-model {
align-items: baseline;display: flex;flex-direction: row;
}
#sponsor-comment-badge.ytd-comment-view-model {
align-self: start;
}
#author-thumbnail.ytd-comment-view-model {
flex: none;
}
#author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model {
width: 40px;height: 40px;margin-right: 16px;border-radius: 50%;background-color: transparent;overflow: hidden;
}
ytd-comment-view-model[is-reply] #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model,ytd-comment-view-model[is-creator-reply] #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model {
width: 24px;height: 24px;
}
#author-text.yt-simple-endpoint.ytd-comment-view-model {
margin-right: 4px;color: var(--yt-spec-text-primary);margin-bottom: 2px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.3rem;font-weight: 500;line-height: 1.8rem;
}
#header-author.ytd-comment-view-model>h3.ytd-comment-view-model {
min-width: 0;
}
.channel-owner.ytd-comment-view-model {
background-color: var(--yt-spec-text-secondary);color: var(--yt-spec-text-primary-inverse);
}
#author-comment-badge.ytd-comment-view-model,#sponsor-comment-badge.ytd-comment-view-model {
min-width: 0;max-width: 100%;box-sizing: border-box;padding-right: 4px;
}
#published-time-text.ytd-comment-view-model {
--yt-endpoint-color: var(--yt-spec-text-secondary);--yt-endpoint-visited-color: var(--yt-spec-text-secondary);white-space: nowrap;color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#content-text.ytd-comment-view-model {
--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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;line-height: 2rem;
}
#expander.ytd-comment-view-model {
--ytd-expander-button-margin: 4px 0 0 0;
}
.more-button.ytd-comment-view-model,.less-button.ytd-comment-view-model {
text-transform: none;color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.translate-button.ytd-comment-view-model {
margin: 4px 0 0;padding: 0;text-transform: none;color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.more-button.ytd-comment-view-model:hover,.more-button.ytd-comment-view-model:focus,.less-button.ytd-comment-view-model:hover,.less-button.ytd-comment-view-model:focus {
text-decoration: underline;
}
ytd-comment-view-model[is-creator-reply] {
margin-left: 56px;margin-top: 8px;
}
#body.ytd-comment-view-model:not(:hover) ytd-menu-renderer.ytd-comment-view-model:not([menu-active]).ytd-comment-view-model:not(:focus-within) {
opacity: 0;
}
#action-buttons.ytd-comment-view-model {
margin-top: 4px;
}
ytd-comment-view-model[no-actions] #action-buttons.ytd-comment-view-model {
display: none;
}
tp-yt-paper-spinner-lite.ytd-comment-view-model {
margin: auto;display: none;
}
tp-yt-paper-spinner-lite.ytd-comment-view-model[active] {
display: block;
}
#paid-comment-chip.ytd-comment-view-model {
margin-right: 5px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-comment-thread-renderer {
display: block;margin-bottom: var(--ytd-comment-thread-margin-bottom,16px);
}
#comment.ytd-comment-thread-renderer {
margin-bottom: calc(-1 * var(--ytd-decorated-comment-background-offset-bottom,0px));padding-bottom: var(--ytd-decorated-comment-background-offset-bottom,0px);
}
ytd-toggle-theme-compact-link-renderer,.tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer {
display: block;position: relative;min-height: var(--paper-item-min-height,48px);padding: 0px 16px;
}
.tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer {
font-family: "Roboto","Noto",sans-serif;-webkit-font-smoothing: antialiased;font-size: 16px;font-weight: 400;line-height: 24px;border: none;outline: none;background: white;width: 100%;text-align: left;
}
ytd-toggle-theme-compact-link-renderer[hidden],.tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer[hidden] {
display: none!important;
}
ytd-toggle-theme-compact-link-renderer.iron-selected,.tp-yt-paper-item.iron-selected.ytd-toggle-theme-compact-link-renderer {
font-weight: var(--paper-item-selected-weight,bold);background: var(--paper-item-selected-background);
}
ytd-toggle-theme-compact-link-renderer[disabled],.tp-yt-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,.tp-yt-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,.tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer:focus:before {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;pointer-events: none;background: var(--paper-item-focused-before-background,currentColor);border-radius: var(--paper-item-focused-before-border-radius,0);content: var(--paper-item-focused-before-content,"");opacity: var(--paper-item-focused-before-opacity,var(--dark-divider-opacity,0.12));
}
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: flex;flex-direction: row;align-items: center;display: var(--ytd-toggle-theme-compact-link-renderer-display-workaround,flex);
}
#label.ytd-toggle-theme-compact-link-renderer {
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-font-smoothing: antialiased;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;flex: 1;flex-basis: 0.000000001px;
}
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-notification-renderer {
position: relative;padding: 16px 16px 16px 0;display: flex;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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
a.yt-simple-endpoint.ytd-notification-renderer {
margin-right: 24px;flex: 1;flex-basis: 0.000000001px;display: flex;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;flex: none;border-radius: 50%;background-color: transparent;overflow: hidden;
}
.text.ytd-notification-renderer {
color: var(--yt-spec-text-primary);min-width: 0;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
.message.ytd-notification-renderer {
margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 12rem;overflow: hidden;display: block;-webkit-line-clamp: 6;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#call-to-action.ytd-notification-renderer {
margin-right: auto;margin-bottom: 10px;
}
.metadata.ytd-notification-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
.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;flex: none;
}
ytd-notification-renderer[rounded-thumbnails] .thumbnail-container.ytd-notification-renderer {
border-radius: 4px;
}
.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-show-metadata-renderer {
margin: 24px 64px 8px 40px;align-items: center;flex-wrap: wrap;display: flex;flex-direction: row;
}
#content-desc.ytd-playlist-show-metadata-renderer {
margin-right: 40px;flex: 1;flex-basis: 0.000000001px;
}
#dropdown.ytd-playlist-show-metadata-renderer {
margin-bottom: 12px;flex: 1;flex-basis: 0.000000001px;
}
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: flex;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: flex;flex-direction: row;flex-wrap: wrap;
}
.horizontal-buttons.ytd-playlist-show-metadata-renderer>ytd-button-renderer.ytd-playlist-show-metadata-renderer {
margin-bottom: 8px;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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
.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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
ytd-purchase-item-renderer {
margin: 16px 0;display: flex;flex-direction: row;
}
.thumb-container.ytd-purchase-item-renderer {
display: flex;justify-content: center;width: 246px;height: 138px;margin-right: 16px;
}
yt-img-shadow.ytd-purchase-item-renderer {
width: 138px;flex: none;
}
.details.ytd-purchase-item-renderer {
justify-content: center;display: flex;flex-direction: column;
}
.manage-subscription-text.ytd-purchase-item-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
.title.ytd-purchase-item-renderer {
color: var(--yt-spec-text-primary);display: block;margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;max-height: 4.4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
.price-text.ytd-purchase-item-renderer {
color: var(--yt-spec-text-secondary);padding-top: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
.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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
a.purchase-endpoint.yt-simple-endpoint.ytd-purchase-item-renderer {
flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: row;
}
ytd-simple-text-section-renderer {
padding: 48px 0;width: 100%;justify-content: center;display: flex;flex-direction: row;
}
.text.ytd-simple-text-section-renderer {
color: var(--yt-spec-text-primary);width: 50%;font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;
}
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: flex;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: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;
}
@media(max-width:800px) {
ytd-unlimited-page-feature-info-renderer {
justify-content: center;
}
}
.content.ytd-unlimited-page-feature-info-renderer {
padding: 24px 0;justify-content: center;display: flex;flex-direction: column;
}
.info-head.ytd-unlimited-page-feature-info-renderer {
color: var(--yt-spec-text-primary);margin-bottom: 24px;font-family: "Roboto","Arial",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 400;
}
.info-desc.ytd-unlimited-page-feature-info-renderer {
color: var(--yt-spec-text-secondary);width: 385px;font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;
}
.icon-thumbnail.ytd-unlimited-page-feature-info-renderer {
-ms-align-self: center;align-self: center;
}
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: flex;flex-direction: column;
}
.container.ytd-post-redemption-section-renderer {
display: flex;flex-direction: row;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: "YouTube Sans","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;align-self: flex-end;
}
ytd-ypc-post-redemption-renderer {
color: var(--yt-spec-text-primary);padding: 40px;display: flex;flex-direction: column;
}
#store-value-balance.ytd-ypc-post-redemption-renderer {
margin-bottom: 24px;font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;
}
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: flex;flex-direction: column;
}
ytd-redeem-code-renderer[is-loading] {
opacity: 0.4;pointer-events: none;
}
#main.ytd-redeem-code-renderer {
margin: 40px;display: flex;flex-direction: column;
}
.title.ytd-redeem-code-renderer {
margin-bottom: 8px;font-size: 2.4rem;font-weight: 400;line-height: 2.8rem;
}
.subtitle.ytd-redeem-code-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
input.ytd-redeem-code-renderer {
-webkit-font-smoothing: antialiased;border: 1px solid var(--yt-spec-10-percent-layer);margin-top: 16px;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;align-items: center;justify-content: center;display: flex;flex-direction: row;-ms-align-self: flex-end;align-self: flex-end;
}
tp-yt-paper-spinner-lite.ytd-redeem-code-renderer {
display: none;margin: auto;
}
tp-yt-paper-spinner-lite.ytd-redeem-code-renderer[active] {
display: block;left: 50%;margin: -28px;position: absolute;top: 50%;
}
ytd-reload-page-button-renderer {
--paper-button-ink-color: var(--yt-spec-icon-disabled);--yt-formatted-string-deemphasize-color: var(--yt-spec-static-brand-white);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-reload-page-button-renderer yt-formatted-string .yt-formatted-string[style-target=deemphasize] {
margin-left: var(--ytd-margin-base);
}
ytd-reload-page-button-renderer[disable-text-transform] {
text-transform: none;
}
ytd-reload-page-button-renderer[disabled][is-paper-button] a.ytd-reload-page-button-renderer {
cursor: initial;pointer-events: none;
}
ytd-reload-page-button-renderer[is-paper-button] yt-icon.ytd-reload-page-button-renderer {
flex: none;
}
ytd-reload-page-button-renderer yt-formatted-string.ytd-reload-page-button-renderer {
display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
tp-yt-paper-button.ytd-reload-page-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);
}
tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer {
font-weight: inherit;
}
tp-yt-paper-tooltip.ytd-reload-page-button-renderer {
z-index: var(--yt-button-tooltip-z-index);
}
ytd-reload-page-button-renderer[is-icon-button]:not([style-action-button]) {
-webkit-font-smoothing: var(--ytd-caption--webkit-font-smoothing);font-family: var(--ytd-caption-font-family);font-size: var(--ytd-caption-font-size);font-weight: var(--ytd-caption-font-weight);letter-spacing: var(--ytd-caption-letter-spacing);line-height: var(--ytd-caption-line-height);text-transform: var(--ytd-caption-text-transform);
}
ytd-reload-page-button-renderer.force-icon-button:not([has-no-text]) a.ytd-reload-page-button-renderer {
padding-right: var(--yt-button-icon-padding,var(--ytd-margin-2x));
}
ytd-reload-page-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-reload-page-button-renderer[is-paper-button-with-icon] {
--yt-button-padding-minus-focus-outline: var( --yt-button-with-icon-padding-minus-focus-outline );
}
ytd-reload-page-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] {
--yt-button-padding: 6px 12px;--yt-button-padding-minus-border: 5px 11px;
}
ytd-reload-page-button-renderer[is-paper-button-with-icon] {
--yt-button-padding: 6px 16px;--yt-button-padding-minus-border: 5px 15px;
}
ytd-reload-page-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-reload-page-button-renderer[is-icon-button] {
color: var(--yt-button-color,var(--yt-spec-icon-inactive));
}
ytd-reload-page-button-renderer.style-text[is-icon-button],ytd-reload-page-button-renderer.style-default[is-icon-button],ytd-reload-page-button-renderer.style-opacity[is-icon-button] {
color: var(--yt-spec-icon-inactive);
}
ytd-reload-page-button-renderer.style-text[is-icon-button] #text.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-default[is-icon-button] #text.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-opacity[is-icon-button] #text.ytd-reload-page-button-renderer {
color: var(--yt-button-icon-button-text-color,var(--yt-spec-text-secondary));
}
ytd-reload-page-button-renderer.style-black[is-icon-button] {
color: var(--yt-spec-text-primary);
}
ytd-reload-page-button-renderer.style-visibly-disabled[is-icon-button],ytd-reload-page-button-renderer.style-opacity[is-icon-button][disabled],ytd-reload-page-button-renderer.style-text[is-icon-button][disabled] #text.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-default[is-icon-button][disabled] #text.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-opacity[is-icon-button][disabled] #text.ytd-reload-page-button-renderer {
color: var(--yt-spec-text-disabled);
}
ytd-reload-page-button-renderer.style-blue-text[is-icon-button] {
color: var(--yt-spec-call-to-action);
}
tp-yt-paper-tooltip.ytd-reload-page-button-renderer {
white-space: nowrap;
}
ytd-reload-page-button-renderer.style-primary[is-paper-button] {
background-color: var(--yt-spec-call-to-action);color: var(--yt-spec-text-primary-inverse);
}
ytd-reload-page-button-renderer.style-primary[disabled][is-paper-button] {
background-color: var(--yt-spec-badge-chip-background);color: var(--yt-spec-text-disabled);
}
ytd-reload-page-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-reload-page-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-reload-page-button-renderer.style-suggestive[is-paper-button] {
--yt-formatted-string-deemphasize-color: var(--yt-spec-call-to-action);background-color: transparent;color: var(--yt-spec-call-to-action);
}
ytd-reload-page-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: 1px solid var(--yt-spec-call-to-action);padding: var(--yt-button-padding-minus-border);
}
ytd-reload-page-button-renderer.style-suggestive[is-paper-button][disabled] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: 1px solid var(--yt-spec-text-disabled);
}
ytd-reload-page-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-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-reload-page-button-renderer.palette-with-border[is-paper-button] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: 1px solid var(--yt-basic-border-color);padding: var(--yt-button-padding-minus-border);
}
ytd-reload-page-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-basic-border-color);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-reload-page-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-reload-page-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-reload-page-button-renderer.style-destructive[is-paper-button] {
background-color: var(--yt-spec-brand-button-background);color: var(--yt-spec-static-brand-white);
}
ytd-reload-page-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-reload-page-button-renderer.style-destructive[disabled][is-paper-button] {
background-color: var(--yt-spec-icon-disabled);color: var(--yt-spec-text-primary-inverse);
}
ytd-reload-page-button-renderer.style-brand[is-paper-button] {
color: var(--yt-spec-brand-link-text);
}
ytd-reload-page-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-brand-link-text-faded);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-reload-page-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-reload-page-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-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-reload-page-button-renderer.style-inactive-outline[is-paper-button] {
color: var(--yt-spec-text-secondary);
}
ytd-reload-page-button-renderer.style-inactive-outline[is-paper-button] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: 1px solid var(--yt-spec-text-secondary);padding: var(--yt-button-padding-minus-border);
}
ytd-reload-page-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-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-reload-page-button-renderer.style-suggested-action[is-paper-button] {
background-color: var(--yt-spec-suggested-action);color: var(--yt-spec-call-to-action);
}
ytd-reload-page-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-reload-page-button-renderer.style-compact-gray[is-paper-button] {
background-color: var(--yt-spec-badge-chip-background);color: var(--yt-spec-text-secondary);
}
ytd-reload-page-button-renderer.style-compact-gray[is-paper-button] tp-yt-paper-button.ytd-reload-page-button-renderer {
padding: var(--ytd-margin-base) var(--ytd-margin-2x);
}
ytd-reload-page-button-renderer.style-text[is-paper-button] {
color: var(--yt-spec-text-secondary);
}
ytd-reload-page-button-renderer[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-button-renderer {
border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-icon-disabled);padding: var(--yt-button-padding-minus-focus-outline);
}
ytd-reload-page-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-reload-page-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-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-reload-page-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-reload-page-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-reload-page-button-renderer,ytd-reload-page-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-reload-page-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-reload-page-button-renderer.style-alert-info[is-paper-button] {
color: var(--yt-spec-call-to-action);
}
ytd-reload-page-button-renderer.style-alert-info[is-paper-button]:hover {
color: var(--yt-spec-button-chip-background-hover);
}
ytd-reload-page-button-renderer.style-dark[is-paper-button] {
background-color: var(--yt-button-dark-background-color,var(--yt-spec-badge-chip-background));color: var(--yt-button-dark-text-color,var(--yt-spec-text-secondary));
}
ytd-reload-page-button-renderer.style-light[is-paper-button] {
background-color: var(--yt-spec-badge-chip-background);color: var(--yt-spec-text-secondary);
}
ytd-reload-page-button-renderer.style-light-text[is-paper-button] {
color: var(--yt-spec-static-overlay-text-primary);
}
ytd-reload-page-button-renderer.style-black[is-paper-button] {
color: var(--yt-spec-text-primary);
}
ytd-reload-page-button-renderer.style-visibly-disabled[is-paper-button] {
background-color: transparent;color: var(--yt-spec-text-disabled);
}
ytd-reload-page-button-renderer.style-black[disabled][is-paper-button] {
color: var(--yt-spec-text-disabled);
}
ytd-reload-page-button-renderer.style-dark-on-black[is-paper-button] {
background-color: var(--yt-spec-static-overlay-button-secondary);border: none;color: var(--yt-spec-static-overlay-text-primary);
}
ytd-reload-page-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] {
color: var(--yt-spec-call-to-action-inverse);
}
ytd-reload-page-button-renderer.style-count {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
tp-yt-paper-button.ytd-reload-page-button-renderer {
display: inline-block;text-align: center;font-family: inherit;
}
ytd-reload-page-button-renderer {
display: inline-block;text-transform: uppercase;
}
ytd-reload-page-button-renderer.force-icon-button a.ytd-reload-page-button-renderer {
cursor: pointer;display: flex;flex-direction: row;align-items: center;justify-content: center;
}
ytd-reload-page-button-renderer[disabled] a.ytd-reload-page-button-renderer:focus {
outline: none;
}
ytd-reload-page-button-renderer[is-icon-button][has-no-text] {
font-size: 0;
}
a.ytd-reload-page-button-renderer {
display: flex;
}
a.yt-simple-endpoint.ytd-reload-page-button-renderer {
color: inherit;border-radius: inherit;text-decoration: none;
}
ytd-reload-page-button-renderer[is-paper-button] {
border-radius: var(--yt-button-border-radius,3px);margin: var(--yt-button-margin,0 0.29em);
}
ytd-reload-page-button-renderer[is-paper-button][disabled] {
color: var(--yt-spec-text-disabled);background-color: transparent;
}
ytd-reload-page-button-renderer[is-icon-button][disabled] {
color: var(--yt-spec-text-disabled);
}
ytd-reload-page-button-renderer[is-icon-button][style-action-button] {
--yt-button-icon-padding: 6px;
}
ytd-reload-page-button-renderer[is-paper-button][align-by-text]:not(:empty) {
margin-left: -16px;
}
ytd-reload-page-button-renderer[is-icon-button][icon-align-by-text]:not(:empty) {
margin-left: -8px;
}
ytd-reload-page-button-renderer[is-paper-button][button-size=size-large] {
line-height: 24px;
}
tp-yt-paper-button.ytd-reload-page-button-renderer {
width: var(--yt-paper-button-width,auto);height: var(--yt-paper-button-height,auto);border-radius: inherit;margin: 0 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0);padding: var(--yt-button-padding,0.7em 0.57em);display: flex;flex-direction: row;align-items: center;justify-content: center;flex: 1 1 auto;
}
ytd-reload-page-button-renderer[start-justified] tp-yt-paper-button.ytd-reload-page-button-renderer {
justify-content: flex-start;
}
ytd-reload-page-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-reload-page-button-renderer {
display: flex;flex-direction: column;
}
ytd-reload-page-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-reload-page-button-renderer #text.ytd-reload-page-button-renderer {
overflow: hidden;text-align: center;text-overflow: ellipsis;width: inherit;
}
#button.ytd-reload-page-button-renderer {
color: var(--yt-button-color);background-color: var(--yt-button-background-color);
}
ytd-reload-page-button-renderer #button.ytd-reload-page-button-renderer {
color: var(--yt-button-color,inherit);background-color: transparent;text-transform: var(--yt-button-text-transform,inherit);
}
button.ytd-reload-page-button-renderer,yt-icon-button.ytd-reload-page-button-renderer {
padding: 1px 6px;
}
yt-icon-button.ytd-reload-page-button-renderer {
width: var(--yt-button-icon-size,40px);height: var(--yt-button-icon-size,40px);color: var(--yt-endpoint-color,var(--yt-deprecated-luna-black));
}
yt-icon-button.ytd-reload-page-button-renderer::-moz-focus-inner {
padding: 0;margin: 0;border: 0;
}
yt-icon-button.ytd-reload-page-button-renderer[disabled] {
color: var(--yt-button-disabled-color,rgba(17,17,17,0.2));
}
yt-icon-button.ytd-reload-page-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-reload-page-button-renderer>yt-icon.ytd-reload-page-button-renderer {
width: 100%;height: 100%;
}
#button.ytd-reload-page-button-renderer yt-icon.ytd-reload-page-button-renderer+yt-formatted-string.ytd-reload-page-button-renderer {
margin-left: var(--yt-string-icon-padding,8px);
}
#button.ytd-reload-page-button-renderer yt-formatted-string.ytd-reload-page-button-renderer+yt-icon.ytd-reload-page-button-renderer {
margin-left: var(--yt-button-icon-padding,8px);
}
ytd-reload-page-button-renderer[vertically-aligned] #button.ytd-reload-page-button-renderer yt-icon.ytd-reload-page-button-renderer+yt-formatted-string.ytd-reload-page-button-renderer {
margin-left: 0;margin-top: var(--yt-string-icon-padding,4px);
}
ytd-reload-page-button-renderer[vertically-aligned] #button.ytd-reload-page-button-renderer yt-formatted-string.ytd-reload-page-button-renderer+yt-icon.ytd-reload-page-button-renderer {
margin-left: 0;margin-top: var(--yt-button-icon-padding,4px);
}
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: flex;flex-direction: column;align-items: center;justify-content: center;
}
.image.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;align-self: center;
}
#buttons.ytd-background-promo-renderer {
padding-bottom: 8px;display: flex;flex-direction: column;align-items: center;
}
#buttons.ytd-background-promo-renderer>*.ytd-background-promo-renderer {
margin-bottom: 8px;width: 100%;
}
.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]):not([renderer-style=adaptive-full-height]) .promo-message.ytd-background-promo-renderer {
width: 280px;
}
.promo-title.ytd-background-promo-renderer {
margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;
}
ytd-background-promo-renderer[renderer-style=embedded-container] .promo-title.ytd-background-promo-renderer {
color: var(--yt-spec-text-primary);
}
.promo-body-text.ytd-background-promo-renderer {
margin-top: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-background-promo-renderer[thumbnail] .promo-body-text.ytd-background-promo-renderer {
display: block;max-width: 400px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2.2rem;font-weight: 400;
}
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=adaptive-full-height] {
--ytd-icon-color: var(--yt-spec-icon-inactive);padding-top: 40px;
}
ytd-background-promo-renderer[renderer-style=full-height] .image.ytd-background-promo-renderer,ytd-background-promo-renderer[renderer-style=adaptive-full-height] .image.ytd-background-promo-renderer {
margin-bottom: 0;
}
ytd-background-promo-renderer[renderer-style=full-height] .promo-message.ytd-background-promo-renderer,ytd-background-promo-renderer[renderer-style=adaptive-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,ytd-background-promo-renderer[renderer-style=adaptive-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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;font-family: "Roboto","Arial",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 400;
}
ytd-background-promo-renderer[renderer-style=full-height] .promo-body-text.ytd-background-promo-renderer:not([hidden]).ytd-background-promo-renderer,ytd-background-promo-renderer[renderer-style=adaptive-full-height] .promo-body-text.ytd-background-promo-renderer:not([hidden]).ytd-background-promo-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
@media(max-width:424px) {
ytd-background-promo-renderer[renderer-style=full-height] .image.ytd-background-promo-renderer,ytd-background-promo-renderer[renderer-style=adaptive-full-height] .image.ytd-background-promo-renderer {
width: 100%;
}
}
ytd-background-promo-renderer[renderer-style=no-icon] yt-icon.ytd-background-promo-renderer,ytd-background-promo-renderer[renderer-style=adaptive-full-height] yt-icon.ytd-background-promo-renderer {
display: none;
}
ytd-background-promo-renderer[renderer-style=full-height][icon-name="promo-full-height:EMPTY_SEARCH"],ytd-background-promo-renderer[renderer-style=full-height][icon-name="hashtag-landing-page:HASHTAG_LANDING_PAGE_ERROR"],ytd-background-promo-renderer[renderer-style=full-height][icon-name="hashtag-landing-page:HASHTAG_LANDING_PAGE_ERROR_DARK_MODE"] {
--ytd-background-promo-renderer-icon-width: 424px;--ytd-background-promo-renderer-icon-height: auto;
}
ytd-background-promo-renderer[renderer-style=adaptive-full-height] {
--ytd-background-promo-renderer-icon-width: 424px;--ytd-background-promo-renderer-icon-height: auto;
}
ytd-background-promo-renderer[renderer-style=full-height] yt-img-shadow.ytd-background-promo-renderer {
--ytd-background-promo-renderer-icon-width: 278px;--ytd-background-promo-renderer-icon-height: 161px;
}
ytd-channel-about-metadata-renderer {
padding-top: 16px;display: flex;flex-direction: row;
}
.subheadline.ytd-channel-about-metadata-renderer {
display: block;margin: 24px 0;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#left-column.ytd-channel-about-metadata-renderer {
color: var(--yt-spec-text-primary);padding-right: 96px;min-width: 0;word-wrap: break-word;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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#photos.ytd-channel-about-metadata-renderer {
display: flex;flex-direction: row;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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;flex: 1;flex-basis: 0.000000001px;
}
#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-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: flex;flex-direction: row;
}
.channel-link.ytd-channel-renderer {
min-width: 0;display: flex;flex-direction: row;flex: 1;flex-basis: 0.000000001px;
}
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: flex;flex-direction: row;flex: 1;flex-basis: 0.000000001px;
}
#channel-user-state.ytd-channel-renderer {
padding-top: 16px;color: var(--yt-spec-text-primary);margin: 20px 0 4px 48px;text-overflow: ellipsis;font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#avatar.ytd-channel-renderer {
width: 246px;display: flex;flex-direction: row;align-items: center;justify-content: center;flex: none;
}
#info.ytd-channel-renderer {
padding: 0 16px 16px 16px;min-width: 0;display: flex;flex-direction: column;justify-content: center;flex: 1;flex-basis: 0.000000001px;
}
#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;font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: flex;flex-direction: row;align-items: center;
}
#metadata.ytd-channel-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
#description.ytd-channel-renderer {
color: var(--yt-spec-text-secondary);word-break: break-word;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
#metadata.ytd-channel-renderer {
margin-bottom: 4px;
}
#dot.ytd-channel-renderer {
margin: 0 4px;
}
#purchase-button.ytd-channel-renderer,#subscribe-button.ytd-channel-renderer {
padding-bottom: 16px;display: flex;flex-direction: row;align-items: center;
}
#browse-perks-button.ytd-channel-renderer {
display: flex;flex-direction: row;align-items: center;
}
#navigation-icon.ytd-channel-renderer {
flex: 0;padding-right: 48px;justify-content: flex-end;display: flex;flex-direction: row;align-items: center;
}
#navigation-icon.ytd-channel-renderer yt-icon.ytd-channel-renderer {
color: var(--yt-spec-icon-active-other);
}
#badges.ytd-channel-renderer {
margin-top: 8px;
}
@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;
}
}
#avatar-section.ytd-channel-renderer {
margin-right: 16px;max-width: 360px;min-width: 240px;flex: 1;flex-basis: 0.000000001px;
}
ytd-channel-renderer[use-bigger-thumbs] #avatar-section.ytd-channel-renderer {
max-width: 420px;min-width: 240px;
}
ytd-channel-renderer[use-bigger-thumbs][bigger-thumb-style=BIG] #avatar-section.ytd-channel-renderer {
max-width: 500px;min-width: 240px;
}
ytd-channel-renderer[use-bigger-thumbs][bigger-thumb-style=MASSIVE] #avatar-section.ytd-channel-renderer {
max-width: 600px;min-width: 240px;
}
#avatar-section.ytd-channel-renderer .channel-link.ytd-channel-renderer {
justify-content: center;
}
yt-img-shadow.ytd-channel-renderer {
margin: 0;
}
#info-section.ytd-channel-renderer {
display: flex;flex-direction: row;flex: 1;flex-basis: 0.000000001px;
}
#info.ytd-channel-renderer {
padding-left: 0;
}
ytd-radio-renderer {
position: relative;display: flex;flex-direction: row;
}
#content.ytd-radio-renderer {
overflow: hidden;max-width: 600px;flex: 1;flex-basis: 0.000000001px;
}
#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 {
font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
h3.ytd-radio-renderer {
color: var(--yt-spec-text-primary);
}
ytd-thumbnail.ytd-radio-renderer:before {
display: block;content: "";padding-top: 56.11%;
}
ytd-thumbnail.ytd-radio-renderer {
margin-right: 16px;max-width: 360px;min-width: 240px;flex: 1;flex-basis: 0.000000001px;
}
ytd-radio-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-radio-renderer {
max-width: 420px;min-width: 240px;
}
ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-radio-renderer {
max-width: 500px;min-width: 240px;
}
ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=MASSIVE] ytd-thumbnail.ytd-radio-renderer {
max-width: 600px;min-width: 240px;
}
ytd-show-renderer {
position: relative;display: flex;flex-direction: row;
}
ytd-show-renderer:not(:hover) ytd-menu-renderer.ytd-show-renderer:not([menu-active]).ytd-show-renderer {
opacity: 0;
}
ytd-show-renderer:not([use-prominent-thumbs]) ytd-playlist-thumbnail.ytd-show-renderer {
flex: none;width: 246px;height: 138px;margin-right: 16px;
}
ytd-show-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-show-renderer:before {
display: block;content: "";padding-top: 56.11%;
}
ytd-show-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-show-renderer {
margin-right: 16px;max-width: 360px;min-width: 240px;flex: 1;flex-basis: 0.000000001px;
}
ytd-video-meta-block.ytd-show-renderer {
margin-right: 48px;
}
#description-text.ytd-show-renderer {
color: var(--yt-spec-text-secondary);padding-top: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
#badges.ytd-show-renderer {
padding-top: 8px;
}
#bottom-standalone-badge.ytd-show-renderer {
padding-top: 8px;
}
#content.ytd-show-renderer {
max-width: 600px;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
ytd-menu-renderer.ytd-show-renderer {
position: absolute;top: -8px;right: 0;
}
#video-title.ytd-show-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#subtitle.ytd-channel-featured-content-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#contents.ytd-channel-featured-content-renderer>*.ytd-channel-featured-content-renderer:not(:last-child) {
padding-bottom: 16px;
}
ytd-clarification-renderer {
display: block;padding: 16px 0 16px 16px;background: var(--yt-spec-general-background-b);display: flex;flex-direction: row;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
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: flex;flex: 1;flex-basis: 0.000000001px;
}
.text.ytd-clarification-renderer {
color: var(--yt-spec-text-primary);min-width: 0;margin: 0 0 0 16px;flex: 1;flex-basis: 0.000000001px;display: flex;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-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;
}
.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: 16px;height: 16px;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 {
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: flex;flex-direction: row;align-items: center;
}
ytd-clarification-renderer[clarify-style=medium] .description.ytd-clarification-renderer {
-webkit-line-clamp: 3;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 5.4rem;overflow: hidden;display: block;-webkit-line-clamp: 3;-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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
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: flex;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: flex;flex-direction: row;justify-content: space-between;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: flex;flex-direction: row;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;flex: 1;flex-basis: 0.000000001px;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-clarification-renderer[background-style=info] .description.ytd-clarification-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
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-clarification-renderer[round-container] {
border-radius: 12px;
}
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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
#endpoint.yt-simple-endpoint.ytd-compact-link-renderer {
display: block;cursor: pointer;
}
tp-yt-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]) tp-yt-paper-item.ytd-compact-link-renderer {
padding: var(--yt-compact-link-paper-item-padding,0px 36px 0 16px);
}
ytd-compact-link-renderer[compact-link-style=compact-link-style-type-tvfilm-entity-provider] tp-yt-paper-item.ytd-compact-link-renderer {
padding: var(--yt-compact-link-paper-item-padding,8px 12px);
}
#primary-text-container.ytd-compact-link-renderer {
display: flex;flex-direction: row;flex: 1;flex-basis: 0.000000001px;
}
#label.ytd-compact-link-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#subtitle.ytd-compact-link-renderer {
display: block;padding-left: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;flex: 1;flex-basis: 0.000000001px;
}
ytd-compact-link-renderer[compact-link-style=compact-link-style-type-tvfilm-entity-provider] #primary-text-container.ytd-compact-link-renderer {
display: flex;flex-direction: column;
}
ytd-compact-link-renderer[compact-link-style=compact-link-style-type-tvfilm-entity-provider] #subtitle.ytd-compact-link-renderer {
color: var(--yt-spec-text-secondary);padding-left: 0;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;flex: none;
}
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;align-items: center;display: flex;flex-direction: row;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: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);
}
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-account-switcher-footer] #content-icon.ytd-compact-link-renderer {
margin-left: 4px;margin-right: 20px;
}
ytd-compact-link-renderer[compact-link-style=compact-link-style-type-disclaimer] tp-yt-paper-item.ytd-compact-link-renderer:focus,ytd-compact-link-renderer[compact-link-style=compact-link-style-type-disclaimer] tp-yt-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-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar] tp-yt-paper-item.ytd-compact-link-renderer {
padding: 8px 24px;
}
ytd-compact-link-renderer[compact-link-style=compact-link-style-type-settings-sidebar][guide-refresh] tp-yt-paper-item.ytd-compact-link-renderer {
--paper-item-focused-before-border-radius: 10px;--paper-item-focused-before-background: var(--yt-spec-icon-active-other);padding: 0 16px;
}
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]+#primary-text-container.ytd-compact-link-renderer>#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]+#primary-text-container.ytd-compact-link-renderer>#label.ytd-compact-link-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] tp-yt-paper-item.ytd-compact-link-renderer:focus,ytd-compact-link-renderer[compact-link-style=compact-link-style-type-history-my-activity-link] tp-yt-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-single-action-emergency-support-renderer {
display: inline-block;
}
.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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
#content.ytd-single-action-emergency-support-renderer {
display: flex;flex-direction: column;
}
#navigation-text.ytd-single-action-emergency-support-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#nav-icon.ytd-single-action-emergency-support-renderer {
color: var(--yt-spec-text-primary);margin-bottom: 4px;--iron-icon-height: 12px;--iron-icon-width: 12px;
}
#details-text.ytd-single-action-emergency-support-renderer {
color: var(--yt-spec-text-secondary);font-size: 1.2rem;font-weight: 400;line-height: 1.6rem;
}
#action-container.ytd-single-action-emergency-support-renderer {
color: var(--yt-spec-text-primary);margin-top: 8px;display: flex;align-items: center;
}
#action-container.ytd-single-action-emergency-support-renderer yt-icon.ytd-single-action-emergency-support-renderer {
--iron-icon-height: 24px;--iron-icon-width: 24px;color: var(--yt-spec-text-primary);margin-right: 8px;
}
#action-button.ytd-single-action-emergency-support-renderer {
margin-right: 24px;
}
#action-text.ytd-single-action-emergency-support-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;align-items: center;display: flex;flex-direction: row;
}
ytd-emergency-onebox-renderer {
display: block;background: var(--yt-spec-suggested-action);border: 1px solid var(--yt-spec-10-percent-layer);display: flex;flex-direction: row;
}
#content.ytd-emergency-onebox-renderer {
padding: 12px 0 12px 12px;flex: 1;flex-basis: 0.000000001px;
}
#header.ytd-emergency-onebox-renderer {
display: block;color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 400;
}
#header.ytd-emergency-onebox-renderer:not(:empty) {
margin-bottom: 8px;
}
#options.ytd-emergency-onebox-renderer {
display: flex;flex-direction: row;flex-wrap: wrap;
}
#header.ytd-emergency-onebox-renderer:empty+#options.ytd-emergency-onebox-renderer {
margin-top: -8px;
}
.option.ytd-emergency-onebox-renderer {
margin-top: 8px;margin-right: 8px;min-width: 300px;flex: 1;flex-basis: 0.000000001px;
}
#menu.ytd-emergency-onebox-renderer {
margin-top: 4px;
}
ytd-emergency-onebox-renderer.watch #header.ytd-emergency-onebox-renderer {
margin: 0;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
ytd-emergency-onebox-renderer[rounded-container] {
border-radius: 12px;
}
ytd-exploratory-results-renderer {
display: inline-block;
}
#title.ytd-exploratory-results-renderer {
color: var(--yt-spec-text-primary);margin: 24px 0;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#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: flex;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;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#title.ytd-feed-entry-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#title-container.ytd-feed-entry-renderer {
height: 48px;display: flex;flex-direction: row;align-items: center;
}
#post.ytd-feed-entry-renderer {
color: var(--yt-spec-text-primary);margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#dismissible.ytd-feedback-elicitation-single-question-renderer {
display: flex;flex-direction: column;align-items: flex-start;
}
#header.ytd-feedback-elicitation-single-question-renderer {
-ms-align-self: stretch;align-self: stretch;align-items: center;display: flex;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);flex: 1;flex-basis: 0.000000001px;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
.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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
a.yt-simple-endpoint.ytd-feedback-elicitation-single-question-renderer {
display: flex;flex-direction: row;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);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
#responses.ytd-feedback-elicitation-single-question-renderer {
display: flex;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;
}
tp-yt-paper-radio-button.ytd-feedback-elicitation-single-question-renderer {
padding: 12px 0 0;
}
ytd-downloaded-video-grid-video-renderer {
display: inline-block;
}
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: flex;flex-direction: column;justify-content: center;
}
#channel.ytd-grid-channel-renderer {
display: flex;flex-direction: column;align-items: center;flex: 1;flex-basis: 0.000000001px;
}
#channel-info.ytd-grid-channel-renderer {
max-width: 100%;align-items: center;display: flex;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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#thumbnail-attribution.ytd-grid-channel-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#subscribe.ytd-grid-channel-renderer {
margin-top: 16px;
}
#badges.ytd-grid-channel-renderer {
margin-top: 8px;
}
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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
ytd-grid-playlist-renderer {
display: inline-block;width: 210px;position: relative;
}
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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);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 {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: 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;position: relative;
}
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] #dismissible.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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
ytd-grid-radio-renderer #video-title.ytd-grid-radio-renderer {
margin: 8px 0 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: 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 {
position: absolute;top: 0;right: 0;margin-top: 4px;
}
ytd-grid-radio-renderer ytd-menu-renderer .ytd-menu-renderer[style-target=button] {
padding: 0;width: 24px;height: 24px;
}
ytd-grid-show-renderer {
display: inline-block;position: relative;width: 210px;
}
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 {
display: flex;flex-direction: column;
}
.badge.ytd-grid-show-renderer {
margin-top: 8px;
}
#video-title.ytd-grid-show-renderer {
margin: 8px 0 0;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: 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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
ytd-vertical-product-card-renderer {
display: inline-block;--yt-img-max-height: 100%;--yt-formatted-string-bold-color: var(--yt-spec-text-primary);
}
ytd-vertical-product-card-renderer yt-formatted-string .yt-formatted-string[style-target=bold] {
font-size: var(--ytd-user-comment-font-size);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-family: var(--ytd-user-comment-font-family);color: var(--yt-formatted-string-bold-color,inherit);
}
ytd-vertical-product-card-renderer[use-new-style] #product-card-renderer-container.ytd-vertical-product-card-renderer {
margin-bottom: 0;
}
ytd-vertical-product-card-renderer[use-new-style] #product-name.ytd-vertical-product-card-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;margin-bottom: 2px;
}
#product-name.ytd-vertical-product-card-renderer {
-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: -webkit-box;margin-bottom: 4px;overflow: hidden;-webkit-line-clamp: 2;
}
#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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;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);
}
#price.ytd-vertical-product-card-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
yt-icon.ytd-vertical-product-card-renderer {
color: var(--yt-spec-themed-blue);height: 14px;width: 14px;
}
ytd-vertical-product-card-renderer[rounded] #product-image.ytd-vertical-product-card-renderer {
border-radius: 8px;
}
ytd-grid-movie-renderer {
display: inline-block;width: 210px;position: relative;
}
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;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
.badges.ytd-grid-movie-renderer {
white-space: nowrap;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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
h3.ytd-grid-movie-renderer {
color: var(--yt-spec-text-primary);
}
yt-music-pass-small-feature-info-renderer {
display: inline-block;display: flex;flex-direction: column;align-items: center;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-spec-text-primary);font-size: 32px;font-weight: 300;padding-bottom: var(--ytd-margin-base);
}
#description.yt-music-pass-small-feature-info-renderer {
color: var(--yt-spec-text-secondary);font-size: 16px;line-height: 1.5;
}
ytd-grid-renderer {
display: flex;flex-direction: column;
}
#items.ytd-grid-renderer {
display: flex;flex-direction: row;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-downloaded-video-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: flex;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;
}
#show-more-button.ytd-grid-renderer {
margin-bottom: 16px;-ms-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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
ytd-continuation-item-renderer.ytd-grid-renderer {
min-width: 100%;
}
ytd-newspaper-hero-video-renderer {
width: 642px;display: flex;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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
.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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);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: flex;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: flex;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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
ytd-newspaper-renderer {
display: block;padding: 24px 0 24px;overflow: hidden;display: flex;flex-direction: row;
}
ytd-newspaper-hero-video-renderer.ytd-newspaper-renderer {
flex: none;
}
#secondary-contents.ytd-newspaper-renderer {
display: flex;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-playlist-video-renderer {
cursor: default;display: flex;flex-direction: row;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: grab;
}
#index-container.ytd-playlist-video-renderer {
-ms-align-self: stretch;align-self: stretch;display: flex;flex-direction: row;align-items: center;
}
ytd-playlist-video-renderer[is-editable][can-reorder]:not([persistent-drag-handle]):hover {
cursor: -webkit-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: 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: grabbing;
}
ytd-menu-renderer.ytd-playlist-video-renderer {
display: block;
}
a.yt-simple-endpoint.ytd-playlist-video-renderer {
min-width: 0;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: row;
}
#contributor.ytd-playlist-video-renderer,#index.ytd-playlist-video-renderer,#content.ytd-playlist-video-renderer {
padding: 16px 0;
}
#index.ytd-playlist-video-renderer {
color: var(--yt-spec-text-secondary);text-align: center;width: 36px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;display: flex;flex-direction: column;flex: none;justify-content: center;
}
#contributor.ytd-playlist-video-renderer {
color: var(--yt-spec-text-secondary);text-align: right;margin: auto 0;padding: 8px 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;flex: none;
}
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;flex: none;
}
#reorder.ytd-playlist-video-renderer {
display: none;
}
#content.ytd-playlist-video-renderer {
cursor: pointer;min-width: 0;border-bottom: 1px solid var(--yt-spec-10-percent-layer);display: flex;flex-direction: row;flex: 1;flex-basis: 0.000000001px;flex-wrap: wrap;justify-content: flex-start;
}
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;flex: none;
}
ytd-playlist-video-renderer[style-type=playlist-video-renderer-style-episode] ytd-thumbnail.ytd-playlist-video-renderer {
height: 96px;width: 170px;
}
#meta.ytd-playlist-video-renderer {
min-width: 0;flex: 1;flex-basis: 0.000000001px;
}
#badges.ytd-playlist-video-renderer {
margin: 8px;align-items: center;flex-wrap: wrap;display: flex;flex-direction: row;justify-content: center;
}
#offer-button.ytd-playlist-video-renderer {
align-items: flex-end;display: flex;flex-direction: column;justify-content: center;
}
#video-title.ytd-playlist-video-renderer {
-webkit-line-clamp: 2;display: block;margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;max-height: 4.4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;display: -webkit-box;
}
h3.ytd-playlist-video-renderer {
color: var(--yt-spec-text-primary);
}
#container.ytd-playlist-video-renderer {
min-width: 0;flex-basis: 368px;flex-grow: 1;display: flex;flex-direction: row;
}
#bottom-standalone-badge.ytd-playlist-video-renderer {
margin-top: 4px;
}
ytd-playlist-video-list-renderer {
margin-right: 24px;margin-top: 8px;display: flex;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;
}
tp-yt-paper-spinner-lite.ytd-playlist-video-list-renderer {
margin: auto;display: none;
}
tp-yt-paper-spinner-lite.ytd-playlist-video-list-renderer[active] {
display: block;
}
ytd-search-history-query-renderer {
display: block;margin: 24px 0 0 0;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;
}
ytd-search-history-query-renderer[is-dismissed] #dismissible.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;
}
#dismissible.ytd-search-history-query-renderer {
display: flex;flex-direction: row;
}
#dismissed.ytd-search-history-query-renderer:focus {
outline: none;
}
a.yt-simple-endpoint.ytd-search-history-query-renderer {
flex: 1;flex-basis: 0.000000001px;
}
.latest-search-time-text.ytd-search-history-query-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
ytd-menu-renderer.ytd-search-history-query-renderer {
margin-top: -11px;
}
ytd-promoted-video-renderer {
position: relative;display: block;display: flex;flex-direction: row;
}
#description-text.ytd-promoted-video-renderer {
color: var(--yt-spec-text-secondary);padding-top: 8px;margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;
}
#text-container.ytd-promoted-video-renderer {
max-width: 600px;flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: row;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));flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
#endpoint.ytd-promoted-video-renderer:hover {
color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
#title-wrapper.ytd-promoted-video-renderer {
display: flex;justify-content: space-between;
}
#meta-block.ytd-promoted-video-renderer {
display: flex;display: flex;flex-direction: row;
}
#byline.ytd-promoted-video-renderer {
display: flex;display: flex;flex-direction: row;
}
#ad-badge-container.ytd-promoted-video-renderer {
margin-top: auto;margin-bottom: auto;margin-right: 5px;
}
ytd-promoted-video-renderer[ad-badge-stark-margin] #ad-badge-container.ytd-promoted-video-renderer {
-webkit-margin-end: 0px;margin-inline-end: 0px;
}
#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);font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-thumbnail.ytd-promoted-video-renderer:before {
display: block;content: "";padding-top: 56.11%;
}
ytd-thumbnail.ytd-promoted-video-renderer {
margin-right: 16px;max-width: 360px;min-width: 240px;flex: 1;flex-basis: 0.000000001px;
}
ytd-promoted-video-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-promoted-video-renderer {
max-width: 420px;min-width: 240px;
}
ytd-promoted-video-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-promoted-video-renderer {
max-width: 500px;min-width: 240px;
}
ytd-promoted-video-renderer[use-bigger-thumbs][bigger-thumbs-style=MASSIVE] ytd-thumbnail.ytd-promoted-video-renderer {
max-width: 600px;min-width: 240px;
}
#text-container.ytd-promoted-video-renderer {
max-width: none;
}
ytd-search-pyv-renderer {
display: inline-block;width: 100%;
}
ytd-promoted-video-renderer.ytd-search-pyv-renderer {
padding-top: 24px;
}
ytd-display-ad-renderer {
width: 100%;height: 100%;display: inline-block;
}
ytd-display-ad-renderer[is-dismissed] #dismissible.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: flex;flex-direction: row;flex-wrap: wrap;align-items: center;
}
#media-container.ytd-display-ad-renderer {
flex: 1 100%;
}
.title.ytd-display-ad-renderer {
min-width: 0;display: flex;flex-direction: row;
}
#support.ytd-display-ad-renderer {
min-width: 0;width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;
}
#title-text.ytd-display-ad-renderer,.title-text.ytd-display-ad-renderer {
color: var(--yt-spec-text-primary);flex: 1 10%;
}
#menu.ytd-display-ad-renderer {
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 {
flex: none;
}
#badge.ytd-display-ad-renderer>ytd-badge-supported-renderer.ytd-display-ad-renderer:not(:empty) {
margin-right: 8px;
}
ytd-display-ad-renderer[ad-badge-stark-margin] #badge.ytd-display-ad-renderer>ytd-badge-supported-renderer.ytd-display-ad-renderer:not(:empty) {
-webkit-margin-end: 0px;margin-inline-end: 0px;
}
#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: flex;justify-content: center;align-items: center;
}
ytd-display-ad-renderer[hide-endpoint-overflow] .yt-display-ad-renderer-endpoint.ytd-display-ad-renderer {
overflow: hidden;
}
.yt-display-ad-renderer-endpoint.ytd-display-ad-renderer {
display: inline-block;cursor: pointer;text-decoration: none;color: var(--yt-spec-text-primary);
}
.yt-display-ad-renderer-endpoint.ytd-display-ad-renderer:hover {
color: var(--yt-spec-text-primary);text-decoration: none;
}
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][bound-rectangular-thumbnail] #media-container.ytd-display-ad-renderer {
aspect-ratio: 1;display: flex;justify-content: center;
}
ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item][bound-rectangular-thumbnail] #media-container.ytd-display-ad-renderer yt-img-shadow.ytd-display-ad-renderer {
height: 100%;
}
ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #title-text.ytd-display-ad-renderer,ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] .title-text.ytd-display-ad-renderer {
margin: 0;margin-bottom: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;font-weight: 400;
}
ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #root.ytd-display-ad-renderer {
display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;-ms-align-content: flex-start;align-content: flex-start;align-items: center;
}
ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] .title.ytd-display-ad-renderer {
display: flex;flex-direction: row;
}
ytd-display-ad-renderer[layout=display-ad-layout-vertical-carousel-item] #support.ytd-display-ad-renderer {
display: flex;flex-direction: row;flex-wrap: wrap;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-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);-webkit-filter: blur(5px);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: flex;flex-direction: row;align-items: center;justify-content: center;
}
ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image][standardize-icon-size] #media-badge.ytd-display-ad-renderer {
--ytd-badge-icon-size: 24px;
}
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: flex;display: flex;flex-direction: row;align-items: 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: flex;flex-direction: row;justify-content: space-between;
}
ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #title-text.ytd-display-ad-renderer,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;flex: 1 1 auto;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;max-height: 4.4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
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-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
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,ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image][mini-mode] .title-text.ytd-display-ad-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
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-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #price.ytd-display-ad-renderer {
margin-bottom: 12px;white-space: nowrap;color: var(--yt-spec-text-secondary);padding-left: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #icon.ytd-display-ad-renderer {
width: 14px;margin-bottom: 12px;white-space: nowrap;color: var(--yt-spec-text-secondary);padding-left: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #rating.ytd-display-ad-renderer {
margin-bottom: 12px;white-space: nowrap;color: var(--yt-spec-text-secondary);padding-left: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
ytd-display-ad-renderer[ad-badge-stark-margin] #rating.ytd-display-ad-renderer {
-webkit-padding-start: 0px;padding-inline-start: 0px;
}
ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] ytd-menu-renderer.ytd-display-ad-renderer {
position: absolute;top: -8px;right: -8px;
}
ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] .title.ytd-display-ad-renderer {
position: relative;
}
ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] #title-link.ytd-display-ad-renderer,ytd-display-ad-renderer[layout=display-ad-layout-top-landscape-image] .title-link.ytd-display-ad-renderer {
padding-right: 24px;
}
ytd-display-ad-renderer[rounded] #media-container.ytd-display-ad-renderer {
border-radius: 12px;overflow: hidden;
}
ytd-display-ad-renderer[rounded] #dismissed.ytd-display-ad-renderer {
border-radius: 12px;
}
ytd-display-ad-renderer[rounded][layout=display-ad-layout-vertical-carousel-item] {
border-radius: 12px;
}
ytd-display-ad-renderer[rounded][layout=display-ad-layout-vertical-carousel-item] #media-container.ytd-display-ad-renderer {
border-radius: 8px;
}
ytd-reel-item-renderer {
display: inline-block;position: relative;width: 210px;
}
ytd-reel-item-renderer:not(:hover) ytd-menu-renderer.ytd-reel-item-renderer:not([menu-active]).ytd-reel-item-renderer:not(:focus-within) {
opacity: 0;
}
ytd-thumbnail.ytd-reel-item-renderer {
width: 100%;position: relative;
}
ytd-thumbnail.ytd-reel-item-renderer:before {
display: block;content: "";width: 100%;padding-top: 144%;background-color: var(--yt-spec-10-percent-layer);
}
#details.ytd-reel-item-renderer {
position: relative;cursor: pointer;display: flex;flex-direction: row;
}
#video-title.ytd-reel-item-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
h3.ytd-reel-item-renderer {
color: var(--yt-spec-text-primary);padding: 8px 24px 4px 0;
}
ytd-menu-renderer.ytd-reel-item-renderer {
position: absolute;top: -4px;right: -8px;margin-top: 4px;
}
ytd-reel-item-renderer[is-dismissed] #dismissible.ytd-reel-item-renderer,ytd-reel-item-renderer #dismissed.ytd-reel-item-renderer {
display: none;
}
ytd-reel-item-renderer[is-dismissed] #dismissed.ytd-reel-item-renderer {
display: block;
}
#dismissed.ytd-reel-item-renderer {
padding-bottom: 143%;border: 1px solid var(--yt-spec-10-percent-layer);position: relative;
}
.yt-simple-endpoint.ytd-reel-item-renderer {
overflow-x: hidden;
}
#dismissed.ytd-reel-item-renderer:focus {
outline: none;
}
#dismissed-content.ytd-reel-item-renderer {
box-sizing: border-box;padding: 8px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;
}
ytd-compact-station-renderer {
display: inline-block;
}
.flex-container.ytd-compact-station-renderer {
background-color: var(--yt-spec-general-background-b);width: 317px;display: flex;flex-direction: row;
}
ytd-thumbnail.ytd-compact-station-renderer {
height: 118px;width: 118px;
}
a.ytd-compact-station-renderer {
margin: 8px;display: flex;flex-direction: column;
}
h3.ytd-compact-station-renderer {
color: var(--yt-spec-text-primary);margin-bottom: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#description.ytd-compact-station-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#flex-item.ytd-compact-station-renderer {
margin-bottom: 8px;flex: 1;flex-basis: 0.000000001px;
}
#video-count-text.ytd-compact-station-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
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: flex;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: flex;flex-direction: column;
}
#headline.ytd-shopping-companion-item-renderer {
color: var(--yt-spec-text-secondary);overflow: hidden;max-height: 6rem;font-size: 1.3rem;font-weight: 400;line-height: 1.5rem;
}
#price.ytd-shopping-companion-item-renderer {
color: var(--yt-spec-text-secondary);padding-top: 4px;padding-bottom: 4px;white-space: nowrap;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;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-merch-shelf-item-renderer {
--yt-img-max-height: 100%;display: block;
}
ytd-merch-shelf-item-renderer:hover {
background-color: var(--yt-spec-badge-chip-background);border-radius: 2px;
}
.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));padding: 4px;display: block;text-decoration: none;
}
.yt-simple-endpoint.ytd-merch-shelf-item-renderer:hover {
color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
yt-icon.ytd-merch-shelf-item-renderer {
color: var(--yt-spec-brand-icon-inactive);height: 15px;width: 15px;flex-shrink: 0;
}
.product-item-info.ytd-merch-shelf-item-renderer {
position: relative;margin-left: 10px;display: flex;flex-direction: column;flex: 1;flex-basis: 0.000000001px;
}
.product-item-info-wrapper.ytd-merch-shelf-item-renderer {
position: absolute;width: 100%;
}
.product-item-title.ytd-merch-shelf-item-renderer {
color: var(--yt-spec-text-primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
.product-item-image.ytd-merch-shelf-item-renderer {
height: 90px;width: 90px;background-color: var(--yt-spec-static-brand-white);overflow: hidden;
}
ytd-merch-shelf-item-renderer[rounded] .product-item-image.ytd-merch-shelf-item-renderer {
border-radius: 4px;
}
.product-item-price-wrapper.ytd-merch-shelf-item-renderer {
display: flex;flex-direction: column;align-items: flex-start;
}
.product-item-price.ytd-merch-shelf-item-renderer {
color: var(--yt-spec-text-primary);margin: 2px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;
}
.product-item-additional-fees-text.ytd-merch-shelf-item-renderer {
margin-top: 2px;color: var(--yt-spec-text-secondary);margin-bottom: 8px;white-space: nowrap;text-overflow: ellipsis;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
.product-item-merchant.ytd-merch-shelf-item-renderer {
display: flex;flex-direction: row;
}
.product-item-merchant-text.ytd-merch-shelf-item-renderer {
color: var(--yt-spec-text-secondary);white-space: nowrap;text-overflow: ellipsis;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
.product-item-merchant-icon.ytd-merch-shelf-item-renderer {
padding-left: 3px;padding-top: 1px;
}
.product-item-merchant-icon--inline.ytd-merch-shelf-item-renderer {
display: none;
}
.product-item-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;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
.product-item-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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
.product-item-button-wrapper.ytd-merch-shelf-item-renderer {
margin-left: 8px;display: flex;flex-direction: column;align-items: flex-end;
}
.product-item-button-wrapper.ytd-merch-shelf-item-renderer .product-item-merchant.ytd-merch-shelf-item-renderer {
margin-top: 8px;text-align: end;
}
ytd-merch-shelf-item-renderer:hover .product-item-merchant-text.ytd-merch-shelf-item-renderer,ytd-merch-shelf-item-renderer:hover .product-item-merchant.ytd-merch-shelf-item-renderer yt-icon.ytd-merch-shelf-item-renderer {
color: var(--yt-spec-themed-blue);
}
ytd-merch-shelf-item-renderer[item-style=small-item] {
width: 98px;
}
ytd-merch-shelf-item-renderer[item-style=small-item] .product-item-merchant-text.ytd-merch-shelf-item-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-merch-shelf-item-renderer[item-style=small-item] .product-item-image.ytd-merch-shelf-item-renderer {
margin-bottom: 4px;
}
ytd-merch-shelf-item-renderer[item-style=small-item] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer {
margin-top: 0;margin-bottom: 4px;width: 90px;
}
ytd-merch-shelf-item-renderer[item-style=small-item] .product-item-info-wrapper.ytd-merch-shelf-item-renderer {
position: relative;width: 90px;
}
ytd-merch-shelf-item-renderer[item-style=small-item] .small-item-hide.ytd-merch-shelf-item-renderer {
display: none;
}
ytd-merch-shelf-item-renderer[item-style=small-item] .product-item-info.ytd-merch-shelf-item-renderer {
margin-left: 0;
}
ytd-merch-shelf-item-renderer[item-style=large-item] {
width: 282px;
}
ytd-merch-shelf-item-renderer[item-style=large-item] .large-item-hide.ytd-merch-shelf-item-renderer {
display: none;
}
ytd-merch-shelf-item-renderer[item-style=large-item] .product-item.ytd-merch-shelf-item-renderer {
width: 274px;height: 90px;display: flex;flex-direction: row;
}
ytd-merch-shelf-item-renderer[item-style=large-item] .product-item-merchant.ytd-merch-shelf-item-renderer[no-price] .product-item-merchant-text.ytd-merch-shelf-item-renderer {
white-space: normal;overflow: initial;text-overflow: initial;
}
ytd-merch-shelf-item-renderer[item-style=large-item] .product-item-merchant.ytd-merch-shelf-item-renderer[no-price] .product-item-merchant-icon.ytd-merch-shelf-item-renderer {
display: none;
}
ytd-merch-shelf-item-renderer[item-style=large-item] .product-item-merchant.ytd-merch-shelf-item-renderer[no-price] .product-item-merchant-icon--inline.ytd-merch-shelf-item-renderer {
display: inline-flex;padding-left: 0;padding-top: 0;padding-bottom: 2px;
}
ytd-merch-shelf-item-renderer[item-style=large-item] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer {
margin-bottom: 8px;
}
ytd-merch-shelf-item-renderer[item-style=large-item] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer {
margin-top: 0;margin-bottom: 4px;
}
ytd-merch-shelf-item-renderer[item-style=cta-item] {
width: 100%;
}
ytd-merch-shelf-item-renderer[item-style=cta-item] .cta-item-hide.ytd-merch-shelf-item-renderer {
display: none;
}
ytd-merch-shelf-item-renderer[item-style=cta-item] .product-item.ytd-merch-shelf-item-renderer {
margin-left: 0;width: 100%;height: 90px;display: flex;flex-direction: row;
}
ytd-merch-shelf-item-renderer[item-style=cta-item] .product-item-price-wrapper.ytd-merch-shelf-item-renderer {
align-items: center;display: flex;flex-direction: row;
}
ytd-merch-shelf-item-renderer[item-style=cta-item] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer {
padding-left: 5px;margin-bottom: 0;
}
ytd-merch-shelf-item-renderer[item-style=cta-item] .product-item-description.ytd-merch-shelf-item-renderer {
color: var(--yt-spec-text-secondary);margin-top: 4px;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
yt-horizontal-list-renderer {
--ytd-thumbnail-height: 118px;display: block;position: relative;max-width: var(--yt-horizontal-list-renderer-width,auto);
}
yt-horizontal-list-renderer[contains-post] {
--ytd-thumbnail-height: 200px;
}
yt-horizontal-list-renderer[contains-background-promo-renderer-with-embedded-container-style] {
padding-left: 48px;
}
yt-horizontal-list-renderer[contains-background-promo-renderer-with-embedded-container-style] #items.yt-horizontal-list-renderer>ytd-background-promo-renderer.yt-horizontal-list-renderer {
margin-right: 40px;padding-top: 48px;
}
#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;
}
yt-horizontal-list-renderer[override-arrow-position-for-product-card] #left-arrow.yt-horizontal-list-renderer,yt-horizontal-list-renderer[override-arrow-position-for-product-card] #right-arrow.yt-horizontal-list-renderer {
--ytd-horizontal-list-arrow-top: 45px;
}
#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;
}
yt-horizontal-list-renderer[override-arrow-position-for-reel-items] #left-arrow.yt-horizontal-list-renderer,yt-horizontal-list-renderer[override-arrow-position-for-reel-items] #right-arrow.yt-horizontal-list-renderer {
height: var(--ytd-reel-shelf-thumbnail-height,100%);
}
#left-arrow.yt-horizontal-list-renderer,#right-arrow.yt-horizontal-list-renderer {
will-change: transform;width: 0;display: flex;flex-direction: column;align-items: 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: flex;flex-direction: column;align-items: center;justify-content: center;
}
ytd-compact-promoted-item-renderer {
display: block;
}
ytd-compact-promoted-item-renderer[is-dismissed] #dismissible.ytd-compact-promoted-item-renderer,ytd-compact-promoted-item-renderer:not([is-dismissed]) #dismissed.ytd-compact-promoted-item-renderer {
display: none;
}
#dismissible.ytd-compact-promoted-item-renderer {
background-color: var(--yt-spec-brand-background-solid);color: var(--yt-spec-text-primary);display: flex;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: flex;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: "YouTube Sans","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: flex;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-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#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] #dismissible.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-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;
}
ytd-compact-promoted-item-renderer[view-style=COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID] #subtitle.ytd-compact-promoted-item-renderer {
display: inline;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
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 {
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-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
#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: flex;flex-direction: row;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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
#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;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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,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: 16px;
}
#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;text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
#more.ytd-vertical-list-renderer,#all.ytd-vertical-list-renderer {
padding-top: 24px;display: flex;flex-direction: row;justify-content: center;
}
ytd-shelf-renderer {
display: flex;flex-direction: column;
}
ytd-shelf-renderer[is-dismissed] #dismissible.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: flex;flex-direction: column;
}
#contents.ytd-shelf-renderer {
margin-top: 24px;
}
#title-container.ytd-shelf-renderer {
color: var(--yt-spec-text-primary);height: 2rem;display: flex;flex-direction: row;align-items: center;
}
#title-container.ytd-shelf-renderer a.ytd-shelf-renderer {
display: flex;--yt-endpoint-color: var(--yt-spec-text-primary);
}
#title.ytd-shelf-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#title-annotation.ytd-shelf-renderer {
color: var(--yt-spec-text-secondary);margin-left: 8px;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
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 {
margin-left: 28px;
}
yt-sort-filter-sub-menu-renderer.ytd-shelf-renderer yt-dropdown-menu .yt-dropdown-menu[style-target=label-text] {
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);
}
h2.ytd-shelf-renderer {
display: flex;flex-direction: row;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;
}
ytd-shelf-renderer[thumbnail-style=CHANNEL_THUMBNAIL_STYLE_BOXART_ROUNDED] #avatar.ytd-shelf-renderer {
width: 29px;height: 40px;border-radius: 4px;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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 4rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#subtitle.can-be-empty.ytd-shelf-renderer:empty {
display: none;
}
#image-container.ytd-shelf-renderer {
display: flex;flex-direction: row;align-items: center;
}
#spacer.ytd-shelf-renderer {
flex: 1;flex-basis: 0.000000001px;
}
#dismissed.ytd-shelf-renderer {
padding: 8px;
}
#dismissed.ytd-shelf-renderer:focus {
outline: none;
}
ytd-movie-renderer {
display: block;display: flex;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: flex;flex-direction: row;justify-content: center;margin-right: 16px;
}
ytd-thumbnail.ytd-movie-renderer {
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));flex: 1;flex-basis: 0.000000001px;display: flex;flex-direction: column;
}
.text-wrapper.ytd-movie-renderer:hover {
color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
#channel-info.ytd-movie-renderer {
display: flex;flex-direction: row;align-items: center;
}
yt-img-shadow.ytd-movie-renderer {
border-radius: 50%;background-color: transparent;overflow: hidden;
}
#video-title.ytd-movie-renderer {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
#description-text.ytd-movie-renderer {
color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 3.6rem;overflow: hidden;display: block;-webkit-line-clamp: 2;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 {
font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-movie-renderer:not([enable-consistent-tvfilm-metadata]) ytd-badge-supported-renderer.ytd-movie-renderer {
padding-top: 16px;
}
ytd-movie-renderer[enable-consistent-tvfilm-metadata] ytd-badge-supported-renderer.ytd-movie-renderer {
margin-top: 4px;
}
ytd-menu-renderer.ytd-movie-renderer {
position: absolute;top: -8px;right: 0;
}
.top-container.ytd-movie-renderer {
flex-wrap: wrap;display: flex;flex-direction: row;
}
.top-left-container.ytd-movie-renderer {
margin-right: 4px;display: flex;flex-direction: column;flex: 2;
}
.top-right-container.ytd-movie-renderer {
-ms-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;flex: 1;flex-basis: 0.000000001px;justify-content: flex-end;align-items: flex-start;display: flex;flex-direction: column;
}
#offer-buttons.ytd-movie-renderer {
display: flex;
}
#offer-buttons.ytd-movie-renderer ytd-button-renderer.ytd-movie-renderer {
margin-right: 16px;flex: 1;flex-basis: 0.000000001px;
}
.thumbnail-container.ytd-movie-renderer {
margin-right: 16px;max-width: 360px;min-width: 240px;flex: 1;flex-basis: 0.000000001px;
}
ytd-movie-renderer[use-bigger-thumbs] .thumbnail-container.ytd-movie-renderer {
max-width: 420px;min-width: 240px;
}
ytd-movie-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] .thumbnail-container.ytd-movie-renderer {
max-width: 500px;min-width: 240px;
}
ytd-movie-renderer[use-bigger-thumbs][bigger-thumbs-style=MASSIVE] .thumbnail-container.ytd-movie-renderer {
max-width: 600px;min-width: 240px;
}
.text-wrapper.ytd-movie-renderer {
max-width: none;
}
.top-right-container.ytd-movie-renderer {
height: 36px;display: flex;flex-direction: row;
}
ytd-menu-renderer.ytd-movie-renderer {
margin-top: -11px;position: static;
}
#channel-thumbnail.ytd-movie-renderer {
padding-right: 8px;
}
#channel-thumbnail.ytd-movie-renderer:empty {
padding-right: 0;
}
#channel-info.ytd-movie-renderer {
display: flex;flex-direction: row;
}
#channel-name.ytd-movie-renderer {
--yt-endpoint-color: var(--yt-spec-text-secondary);--yt-endpoint-visited-color: var(--yt-spec-text-secondary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;max-height: 1.8rem;overflow: hidden;display: block;-webkit-line-clamp: 1;-ms-align-self: center;align-self: center;display: flex;flex-direction: row;
}
ytd-player,#container.ytd-player {
display: block;width: 100%;height: 100%;
}
ytd-channel-video-player-renderer {
display: block;padding: 24px 0 24px 0;overflow: auto;display: flex;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;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 500;max-height: 2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
#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: flex;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);text-transform: uppercase;font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 500;
}
#description.ytd-channel-video-player-renderer {
display: block;font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
#content.ytd-channel-video-player-renderer {
color: var(--yt-spec-text-primary);flex: 1;flex-basis: 0.000000001px;
}
#metadata-container.ytd-channel-video-player-renderer {
margin: 0 0 16px;
}
}
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;
}
yt-video-as-thumbnail-details {
display: inline-block;
}
yt-video-as-thumbnail-details[animate-placeholder-on-entrance] #placeholder.yt-video-as-thumbnail-details {
-webkit-animation: 1.8s cubic-bezier(0.4,0,0.2,1) background-entry forwards 1;animation: 1.8s cubic-bezier(0.4,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;
}
@-webkit-keyframes background-entry {
from {
opacity: 0;transform: scale(1);
}
to {
opacity: 1;transform: scale(1.1);
}
}
@keyframes background-entry {
from {
opacity: 0;transform: scale(1);
}
to {
opacity: 1;transform: scale(1.1);
}
}
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 {
--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 {
-webkit-animation: 1.8s cubic-bezier(0.4,0,0.2,1) background-in forwards 1;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: flex;flex-direction: column;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: 56.25vw;top: 0;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(1.7777777778 * var(--ytd-default-promo-panel-renderer-height));-webkit-animation: none;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));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);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;align-self: flex-start;
}
#hero-title.ytd-default-promo-panel-renderer {
margin-bottom: 12px;display: block;max-height: 18.6rem;overflow: hidden;font-family: "YouTube Sans","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);-webkit-animation: 0.6s cubic-bezier(0.4,0,0.2,1) 0.32s content-in forwards 1;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 {
-webkit-animation: 0.6s cubic-bezier(0.4,0,0.2,1) 0.37s content-in forwards 1;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 {
-webkit-animation: 0.6s cubic-bezier(0.4,0,0.2,1) 0.42s content-in forwards 1;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 {
-webkit-animation: 0.6s cubic-bezier(0.4,0,0.2,1) 0.47s content-in forwards 1;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 {
-webkit-animation: 1.8s cubic-bezier(0.4,0,0.2,1) background-out forwards 1;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 {
-webkit-animation: 0.4s cubic-bezier(0.4,0,0.2,1) 0.32s content-out forwards 1;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 {
-webkit-animation: 0.4s cubic-bezier(0.4,0,0.2,1) 0.37s content-out forwards 1;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 {
-webkit-animation: 0.4s cubic-bezier(0.4,0,0.2,1) 0.42s content-out forwards 1;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 {
-webkit-animation: 0.4s cubic-bezier(0.4,0,0.2,1) 0.47s content-out forwards 1;animation: 0.4s cubic-bezier(0.4,0,0.2,1) 0.47s content-out forwards 1;opacity: 1;transform: translateY(0);
}
@-webkit-keyframes background-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes background-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes background-in {
from {
opacity: 0;transform: scale(1);
}
to {
opacity: 1;transform: scale(1.1);
}
}
@keyframes background-in {
from {
opacity: 0;transform: scale(1);
}
to {
opacity: 1;transform: scale(1.1);
}
}
@-webkit-keyframes content-in {
0% {
opacity: 0;transform: translateY(25px);
}
80% {
transform: translateY(0px);
}
100% {
opacity: 1;transform: translateY(0px);
}
}
@keyframes content-in {
0% {
opacity: 0;transform: translateY(25px);
}
80% {
transform: translateY(0px);
}
100% {
opacity: 1;transform: translateY(0px);
}
}
@-webkit-keyframes content-out {
0% {
opacity: 1;transform: translateY(0px);
}
80% {
transform: translateY(-25px);
}
100% {
opacity: 0;transform: translateY(-25px);
}
}
@keyframes content-out {
0% {
opacity: 1;transform: translateY(0px);
}
80% {
transform: translateY(-25px);
}
100% {
opacity: 0;transform: translateY(-25px);
}
}
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-carousel-item-renderer {
display: block;position: relative;
}
#carousel-item.ytd-carousel-item-renderer {
flex: 1;flex-basis: 0.000000001px;
}
#menu.ytd-carousel-item-renderer {
float: right;margin-top: -100px;position: absolute;right: 100px;vertical-align: middle;display: flex;flex-direction: row;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: flex;flex-direction: row;align-items: flex-end;
}
ytd-carousel-item-renderer[paginator-alignment=CAROUSEL_ITEM_RENDERER_PAGINATOR_ALIGNMENT_START] #pagination-thumbnails.ytd-carousel-item-renderer {
justify-content: flex-start;
}
ytd-carousel-item-renderer[paginator-alignment=CAROUSEL_ITEM_RENDERER_PAGINATOR_ALIGNMENT_END] #pagination-thumbnails.ytd-carousel-item-renderer {
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 {
-webkit-animation-name: progress-bar;animation-name: progress-bar;-webkit-animation-timing-function: linear;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 {
-webkit-animation: none;animation: none;
}
#overlay.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:not(:first-child) {
margin-left: 8px;
}
@-webkit-keyframes progress-bar {
0% {
right: 100%;
}
100% {
right: 0;
}
}
@keyframes progress-bar {
0% {
right: 100%;
}
100% {
right: 0;
}
}
ytd-carousel-item-renderer[rounded] #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer {
overflow: hidden;border-radius: 4px;
}
yt-search-query-correction {
display: block;margin-top: var(--ytd-margin-6x);
}
#corrected.yt-search-query-correction {
color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
#corrected-link.yt-search-query-correction {
font-size: var(--ytd-link-font-size);font-weight: var(--ytd-link-font-weight);line-height: var(--ytd-link-line-height);letter-spacing: var(--yt-search-correction-corrected-link-font-weight,var(--ytd-link-letter-spacing));
}
#original.yt-search-query-correction {
padding-left: var(--ytd-margin-2x);color: var(--yt-spec-text-primary);font-family: "Roboto","Arial",sans-serif;font-size: 1.2rem;line-height: 1.8rem;font-weight: 400;
}
.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: inline-block;cursor: pointer;text-decoration: none;color: var(--yt-endpoint-color,var(--yt-spec-text-primary));
}
.yt-simple-endpoint.yt-search-query-correction:hover {
color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
yt-did-you-mean-renderer {
display: inline-block;
}
yt-including-results-for-renderer {
display: inline-block;
}
yt-music-pass-feature-info-renderer {
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: flex;flex-direction: row;align-items: center;justify-content: center;
}
#message.yt-music-pass-feature-info-renderer {
width: 1000px;display: flex;flex-direction: column;-ms-align-self: center;align-self: center;
}
#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-spec-static-brand-white);
}
.style-light.yt-music-pass-feature-info-renderer #description.yt-music-pass-feature-info-renderer {
color: var(--yt-deprecated-white-opacity-lighten-1);opacity: 0.7;
}
.style-dark.yt-music-pass-feature-info-renderer {
color: var(--yt-deprecated-luna-black);
}
.style-right.yt-music-pass-feature-info-renderer #message.yt-music-pass-feature-info-renderer {
align-items: flex-end;
}
@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: block;
}
#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,rgba(0,0,0,0),rgba(0,0,0,0.25) 35%,rgba(0,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-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);
}
#link.yt-search-no-results-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 500;
}
.yt-simple-endpoint.yt-search-no-results-renderer {
display: inline-block;cursor: pointer;text-decoration: none;color: var(--yt-endpoint-color,var(--yt-spec-text-primary));
}
.yt-simple-endpoint.yt-search-no-results-renderer:hover {
color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary));-webkit-text-decoration: var(--yt-endpoint-text-decoration,none);text-decoration: var(--yt-endpoint-text-decoration,none);
}
yt-showing-results-for-renderer {
display: inline-block;
}
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-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-family: "Roboto","Arial",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 400;
}
#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);font-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color);
}
#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(--yt-badge-font-size,1.2rem);font-weight: var(--yt-badge-font-weight,500);line-height: var(--yt-badge-line-height-size,1.2rem);letter-spacing: var(--yt-badge-letter-spacing,unset);
}
#card-text.yt-card-item-text-renderer[text-style=CARD_ITEM_TEXT_STYLE_BODY_2A] {
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);font-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color);
}
#card-text.yt-card-item-text-renderer[text-style=CARD_ITEM_TEXT_STYLE_BODY_2B] {
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: 1rem;font-weight: 400;line-height: 1.4rem;
}
#card-text.yt-card-item-text-renderer[text-style=CARD_ITEM_TEXT_STYLE_SANS_20] {
font-family: "YouTube Sans","Roboto",sans-serif;font-size: 2rem;line-height: 2.8rem;font-weight: 700;
}
yt-card-item-text-collection-renderer {
display: block;
}
#text-renderers.yt-card-item-text-collection-renderer {
display: flex;flex-direction: column;
}
#text-renderers.yt-card-item-text-collection-renderer[text-alignment=CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_END] {
align-items: flex-end;
}
#text-renderers.yt-card-item-text-collection-renderer[text-alignment=CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_CENTER] {
align-items: center;text-align: center;
}
#text-renderers.yt-card-item-text-collection-renderer[text-alignment=CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_HORIZONTAL] {
display: flex;flex-direction: row;flex-wrap: wrap;align-items: baseline;
}
#text-renderers.yt-card-item-text-collection-renderer[text-alignment=CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_HORIZONTAL] yt-card-item-text-renderer.yt-card-item-text-collection-renderer {
flex-wrap: nowrap;
}
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-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: 50%;background-color: transparent;overflow: hidden;
}
#image.yt-themed-image-renderer {
display: block;
}
yt-themed-image-renderer[rounded]:not([is-circular_]) #image.yt-themed-image-renderer {
border-radius: 4px;overflow: hidden;
}
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 {
flex-wrap: 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: flex;flex-direction: row;
}
#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: flex;flex-direction: row;
}
#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: flex;flex-direction: row;justify-content: space-between;
}
#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 {
width: var(--ytd-margin-10x);flex-shrink: 0;margin-left: var(--ytd-margin-2x);display: flex;flex-direction: row;justify-content: center;
}
#menu.yt-activity-item-renderer tp-yt-paper-icon-button[style-target=host],#menu.yt-activity-item-renderer ytd-menu-renderer .ytd-menu-renderer[style-target=button] {
padding: 0;width: 24px;height: 24px;
}
yt-card-item-actions-renderer {
--yt-paper-button-min-width: 0px;white-space: nowrap;display: flex;flex-direction: row;justify-content: flex-end;
}
#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: flex;flex-direction: row;align-items: center;
}
yt-card-item-text-with-image-renderer[image-placement=CARD_ITEM_IMAGE_PLACEMENT_TOP] {
display: flex;flex-direction: column;
}
yt-card-item-error-renderer {
display: flex;flex-direction: column;
}
#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: flex;align-items: center;flex: 1;flex-basis: 0.000000001px;
}
#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: flex;flex-direction: row;align-items: center;
}
yt-card-item-text-with-button-renderer[icon-size="18"] {
--yt-icon-button-icon-height: 18px;--yt-icon-button-icon-width: 18px;
}
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-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: flex;flex-direction: column;
}
#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: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;
}
#main-content.yt-card-item-renderer[primary-container-placement=CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START_NOWRAP] #main-content-negative-margin-wrapper.yt-card-item-renderer {
display: flex;flex-direction: row;justify-content: space-between;
}
#main-content.yt-card-item-renderer[primary-container-placement=CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START] #main-content-negative-margin-wrapper.yt-card-item-renderer[content-placement=CARD_ITEM_PRIMARY_CONTENT_PLACEMENT_CENTER] {
justify-content: center;
}
#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: center;align-self: center;
}
#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 #header-promo-container.yt-card-item-renderer {
display: flex;flex-direction: row;
}
#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 #header-promo-container.yt-card-item-renderer #header-promo-renderer.yt-card-item-renderer {
-ms-align-self: center;align-self: center;padding-left: var(--ytd-margin-base);padding-right: var(--ytd-margin-base);margin-left: var(--ytd-margin-base);
}
#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: flex-start;align-self: flex-start;
}
#additional-info-renderer.yt-card-item-renderer[additional-info-placement=CARD_ITEM_ADDITIONAL_INFO_PLACEMENT_CENTER] {
-ms-align-self: center;align-self: center;
}
#additional-info-renderer.yt-card-item-renderer[additional-info-placement=CARD_ITEM_ADDITIONAL_INFO_PLACEMENT_BOTTOM] {
-ms-align-self: flex-end;align-self: flex-end;
}
#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-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: flex;display: flex;flex-direction: row;justify-content: space-between;align-items: baseline;
}
#description-actions-container.yt-offer-item-upsell-renderer {
display: flex;display: flex;flex-direction: row;justify-content: space-between;
}
#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: flex;flex-direction: column;
}
yt-card-item-container-renderer[container-style_=CARD_ITEM_CONTAINER_STYLE_BORDERLESS] {
border: none;
}
yt-card-item-container-renderer[container-style_=CARD_ITEM_CONTAINER_STYLE_LARGE_BORDER] {
margin-bottom: 0;border: none;
}
yt-card-item-container-renderer[container-style_=CARD_ITEM_CONTAINER_STYLE_LARGE_BORDER]:not(:last-child) {
border-bottom: 6px solid var(--yt-spec-10-percent-layer);
}
yt-card-item-container-renderer[compact] ytd-commerce-cart-checkout-button-renderer.yt-card-item-container-renderer {
margin: 0 16px;
}
#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: flex;flex-direction: column;
}
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_] tp-yt-paper-spinner.yt-card-item-container-renderer {
display: inline-block;padding: var(--ytd-margin-6x);-ms-align-self: center;align-self: center;
}
tp-yt-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],#divider.yt-card-item-container-renderer[container-style_=CARD_ITEM_CONTAINER_STYLE_LARGE_BORDER] {
border-bottom: none;
}
#more-contents-button.yt-card-item-container-renderer {
cursor: pointer;padding: 2px 0;width: 100%;display: flex;flex-direction: row;justify-content: center;
}
#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 {
cursor: pointer;border-bottom: 1px solid var(--yt-spec-10-percent-layer);display: flex;flex-direction: column;
}
.head.yt-generic-faq-question-renderer {
display: flex;flex-direction: row;align-items: center;
}
.answer-arrow.yt-generic-faq-question-renderer {
color: var(--yt-spec-text-primary);
}
.question.yt-generic-faq-question-renderer {
color: var(--yt-spec-text-primary);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);flex: 1;flex-basis: 0.000000001px;
}
.answer.yt-generic-faq-question-renderer {
color: var(--yt-spec-text-secondary);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: flex;flex-direction: row;justify-content: center;
}
.container.yt-faq-section-renderer {
color: var(--yt-spec-text-primary);width: 50%;display: flex;flex-direction: column;
}
.header.yt-faq-section-renderer {
margin-bottom: var(--ytd-margin-8x);font-family: "Roboto","Arial",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 400;
}
yt-offer-item-expanded-renderer {
max-width: 650px;display: flex;display: flex;flex-direction: row;
}
#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-spec-brand-background-primary);display: flex;
}
tp-yt-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;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);font-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary));
}
#actions.yt-subscription-product-renderer {
padding: var(--ytd-margin-2x);border-top: 1px solid var(--yt-spec-10-percent-layer);display: flex;
}
#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-spec-brand-background-primary);--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: flex;
}
#logo-image.yt-subscription-product-upsell-offer-renderer {
display: inline-block;
}
#logo-icon.yt-subscription-product-upsell-offer-renderer {
fill: var(--yt-spec-static-brand-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);font-size: var(--ytd-user-comment-font-size);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-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color,var(--yt-spec-text-primary));
}
#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;font-size: var(--ytd-user-comment-font-size);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-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color,var(--yt-spec-text-primary));
}
#actions.yt-subscription-product-upsell-offer-renderer {
padding: var(--ytd-margin-2x);border-top: 1px solid var(--yt-spec-10-percent-layer);display: flex;
}
#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-spec-10-percent-layer);color: var(--yt-spec-text-primary);padding: var(--ytd-margin-4x) 0;max-width: 1003px;width: 100%;display: flex;flex-direction: row;align-items: center;
}
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);font-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color);
}
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-spec-static-brand-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: flex;flex-direction: column;-ms-align-self: center;align-self: center;
}
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: center;align-self: center;
}
#yt-unlimited-metadata.yt-single-ypc-offer-renderer {
--yt-endpoint-force-cursor: pointer;flex: 1;flex-basis: 0.000000001px;display: block;max-height: calc(2 * var(--yt-navbar-title-line-height,2.4rem));overflow: hidden;font-size: var(--ytd-navbar-title-font-size);font-weight: var(--ytd-navbar-title-font-weight);line-height: var(--ytd-navbar-title-line-height);
}
#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);align-items: center;display: flex;flex-direction: column;
}
yt-ypc-offers-list-renderer {
display: flex;flex-direction: row;justify-content: center;
}
#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-spec-brand-background-primary);--paper-card-header-color: var(--yt-spec-text-primary);display: flex;flex-direction: column;
}
h2.yt-unlimited-manage-subscription-page-renderer {
color: var(--yt-spec-text-primary);padding: var(--ytd-margin-4x);font-family: "Roboto","Arial",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 400;
}
.card-content.yt-unlimited-manage-subscription-page-renderer {
padding: var(--ytd-margin-4x);
}
.subscription-info-item.yt-unlimited-manage-subscription-page-renderer {
margin-top: var(--ytd-margin-2x);display: flex;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);font-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color,var(--yt-spec-text-primary));
}
.subscription-info-item-title.yt-unlimited-manage-subscription-page-renderer {
flex: 1;flex-basis: 0.000000001px;
}
.subscription-info-item-content.yt-unlimited-manage-subscription-page-renderer {
flex: 2;
}
.additional-info.yt-unlimited-manage-subscription-page-renderer {
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);font-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color,var(--yt-spec-text-primary));
}
.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-spec-static-brand-white);font-size: 1.4rem;cursor: pointer;
}
#offers.yt-collapsible-ypc-offer-renderer {
align-items: center;display: flex;flex-direction: column;
}
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%;--yt-formatted-string-strikethrough-font-family: Roboto, Arial, sans-serif;--yt-formatted-string-strikethrough-font-size: 2.4rem;--yt-formatted-string-strikethrough-font-weight: 300;--yt-formatted-string-strikethrough-line-height: 2.8rem;background-color: var(--yt-deprecated-dark-surface-100);background-position: center top;background-size: cover;min-height: 450px;padding: var(--ytd-margin-24x) 0 var(--ytd-margin-12x);text-align: center;width: 100%;align-items: center;display: flex;flex-direction: column;
}
#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-spec-static-brand-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: var(--ytd-margin-6x);max-width: 680px;font-size: 2.4rem;font-weight: 300;line-height: 2.8rem;
}
.metadata-item.yt-unlimited-page-header-renderer {
display: inline;
}
.metadata-item.yt-unlimited-page-header-renderer:not(:first-child):before {
content: "• ";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);justify-content: space-between;display: flex;flex-direction: row;
}
#yt-notification-text.yt-unlimited-user-notification-renderer {
display: flex;flex-direction: column;
}
#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 {
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);font-family: var(--ytd-user-comment-font-family);color: var(--ytd-user-comment-color,var(--yt-spec-text-primary-inverse));
}
#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-sentiment-bar-renderer {
display: inline-block;
}
#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);
}
ytd-sentiment-bar-renderer[activated][system-icons] #like-bar.ytd-sentiment-bar-renderer {
background-color: var(--yt-spec-text-primary);
}
ytd-video-view-count-renderer {
display: inline-block;font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;
}
ytd-video-view-count-renderer[small] {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;
}
.short-view-count.ytd-video-view-count-renderer {
display: none;
}
@media screen and (max-width:600px) {
.short-view-count.ytd-video-view-count-renderer {
display: inline-block;
}
.view-count.ytd-video-view-count-renderer {
display: none;
}
}
span.ytd-video-view-count-renderer {
color: var(--yt-spec-text-secondary);
}
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[use-yt-sans] {
--yt-navbar-title-line-height: 3.2rem;
}
.title.ytd-video-primary-info-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.8rem;line-height: 2.6rem;font-weight: 400;max-height: 5.2rem;overflow: hidden;display: block;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;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);
}
ytd-video-primary-info-renderer[use-yt-sans] .title.ytd-video-primary-info-renderer {
font-family: "YouTube Sans","Roboto",sans-serif;font-size: 2.4rem;line-height: 3.2rem;font-weight: 700;
}
ytd-video-primary-info-renderer[use-yt-sans20] .title.ytd-video-primary-info-renderer {
font-family: "YouTube Sans","Roboto",sans-serif;font-size: 2rem;line-height: 2.8rem;font-weight: 700;
}
ytd-video-primary-info-renderer[use-yt-sans20-light] .title.ytd-video-primary-info-renderer {
font-family: "YouTube Sans","Roboto",sans-serif;font-size: 2rem;line-height: 2.8rem;font-weight: 600;
}
ytd-video-primary-info-renderer[use-yt-sans22] .title.ytd-video-primary-info-renderer {
font-family: "YouTube Sans","Roboto",sans-serif;font-size: 2.2rem;line-height: 3rem;font-weight: 700;
}
.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: flex;flex-direction: row;align-items: center;
}
ytd-video-primary-info-renderer[flex-menu-enabled] #info.ytd-video-primary-info-renderer {
justify-content: space-between;
}
ytd-video-primary-info-renderer[wrap-video-actions] #info.ytd-video-primary-info-renderer {
flex-wrap: wrap;
}
#info-text.ytd-video-primary-info-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.6rem;line-height: 2.2rem;font-weight: 400;max-height: 2.2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;
}
ytd-video-primary-info-renderer[has-date-text] #info-text.ytd-video-primary-info-renderer {
font-family: "Roboto","Arial",sans-serif;font-size: 1.4rem;line-height: 2rem;font-weight: 400;max-height: 2rem;overflow: hidden;display: block;-webkit-line-clamp: 1;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;
}
ytd-video-primary-info-renderer[wrap-video-actions] #info-text.ytd-video-primary-info-renderer {
margin: 10px 12px 10px 0;
}
#count.ytd-video-primary-info-renderer {
display: inline-block;
}
#dot.ytd-video-primary-info-renderer:after,#info-strings.ytd-video-primary-info-renderer>yt-formatted-string.ytd-video-primary-info-renderer:not(:last-of-type):after,[dir="rtl"]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment