youtube, userstyled
Maya
Kate
she/her
techie scum. enthusiasm enthusiast. æsthete.
technicalitiesuser stylescss
update: font still works, colors broken, haven’t fixed it yet
So here’s the thing. If you look at the YouTube CSS, you will quickly realize it chafes at user styling. Those jerks specify the font for like every element.
But if they can be unreasonable, I can be unreasonabler.
Spongebob voice: *three greps later*
Is every class there necessary? Probably not, but I wasn’t taking chances. Let’s do some SEO:
how to change the youtube font
css to change font on youtube
… Yeah, that’s enough. I feel dirty.
The font is Junction, an open-source font available here.
body,
html,
ytd-app {
background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='30' height='30' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 100%, 0.90)'/><path d='M18.35 0l-.03 1.67L20 0zm3.3 0l-3.33 3.33.03 1.67 3.33-3.33zm.03 3.33l-3.36 3.34v1.66L21.65 5zm0 3.34L18.35 10l-.03 1.68 3.36-3.35zM21.65 10l-3.33 3.32.03 1.68 3.33-3.32zm.03 3.32l-3.36 3.36v1.64L21.65 15zm-3.36 5L15 21.65l1.68.03L18.35 20l-.03 1.68 1.68-.03-1.68 1.68.03 1.67 3.33-3.32-.03-1.68 1.68-1.68h-1.65v-1.64L20 18.35zm3.36 3.36h1.65l3.34-3.36-1.67.03zM3.33 18.32l-1.68.03L0 20v1.65zm3.34 0L5 18.35l-3.33 3.33h1.66zm1.66 0L5 21.65l1.67.03L10 18.35zm3.35 0l-3.35 3.36 1.67-.03 3.32-3.33zm5 0l-1.68.03-3.32 3.33h1.64zm11.65 0L25 21.65l1.67.03L30 18.35zM30 20l-1.67 1.68 1.67-.03zm-8.32 3.33l-3.36 3.34v1.66L21.65 25zm0 3.34L18.35 30H20l1.68-1.67z' stroke-width='1' stroke='none' fill='hsla(0, 100%, 50%, 0.02)'/><path d='M10 30v-1.65L8.35 30zm-3.35 0L10 26.65V25l-5 5zM10 15L0 25v1.65l10-10zm0 3.35l-10 10V30l10-10zM3.35 30L10 23.35v-1.7L1.65 30zM5 10l-5 5v1.65L6.65 10zm-3.35 0L0 11.65v1.7L3.35 10zM10 10H8.35L0 18.35V20zm0 1.65l-10 10v1.7l10-10zM10 0v10H0V0h10v1.65L11.65 0M20 6.65L16.65 10h1.7L20 8.35 28.35 0h-1.7zM23.35 0L20 3.35 13.35 10H15l5-5 5-5zM30 0L20 10h1.65L30 1.65zm-1.65 10L30 8.35v-1.7L26.65 10zM25 10l5-5V3.35L23.35 10zM16.65 0L10 6.65v1.7L18.35 0zM20 1.65L21.65 0H20L10 10h1.65zM15 0h-1.65L10 3.35V5z' stroke-width='1' stroke='none' fill='hsla(0, 0%, 100%, 0.06)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e9a366'/%3E%3Cstop offset='1' stop-color='%23e9a366' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b4d69e'/%3E%3Cstop offset='1' stop-color='%23b4d69e' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23938a8e'/%3E%3Cstop offset='1' stop-color='%23938a8e' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFE77C'/%3E%3Cstop offset='1' stop-color='%23FFE77C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D0004B'/%3E%3Cstop offset='1' stop-color='%23D0004B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300C3BA'/%3E%3Cstop offset='1' stop-color='%2300C3BA' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
ytd-masthead {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e9a366'/%3E%3Cstop offset='1' stop-color='%23e9a366' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b4d69e'/%3E%3Cstop offset='1' stop-color='%23b4d69e' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23938a8e'/%3E%3Cstop offset='1' stop-color='%23938a8e' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFE77C'/%3E%3Cstop offset='1' stop-color='%23FFE77C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D0004B'/%3E%3Cstop offset='1' stop-color='%23D0004B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2300C3BA'/%3E%3Cstop offset='1' stop-color='%2300C3BA' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
#voice-search-button.ytd-masthead {
background-color: transparent;
}
yt-icon.ytd-logo {
mix-blend-mode: luminosity;
}
body,
ytd-video-meta-block,
ytd-video-meta-block[rich-meta][mini-mode] #byline-container.ytd-video-meta-block,
ytd-video-meta-block[rich-meta][mini-mode] *,
ytd-rich-grid-media[mini-mode] *,
ytd-rich-grid-media[mini-mode],
.ytd-comments-header-renderer,
.ytd-commentbox,
.ytd-video-primary-info-renderer,
.ytd-video-owner-renderer,
.ytd-compact-video-renderer,
.ytd-video-meta-block,
.ytd-rich-shelf-renderer,
.ytd-post-renderer,
.ytd-compact-link-renderer,
.ytd-active-account-header-renderer,
.yt-about-this-ad-renderer,
.yt-activity-item-renderer,
.yt-alert-renderer,
.yt-alert-with-actions-renderer,
.yt-benefits-flow-step-renderer,
.yt-benefits-item-renderer,
.yt-benefits-section-renderer,
.yt-bubble-hint-renderer,
.yt-button-renderer,
.yt-card-item-actions-renderer,
.yt-card-item-container-renderer,
.yt-card-item-error-renderer,
.yt-card-item-renderer,
.yt-card-item-text-collection-renderer,
.yt-card-item-text-renderer,
.yt-channel-thumbnail-with-link-renderer,
.yt-checkbox-renderer,
.yt-chip-cloud-chip-renderer,
.yt-chip-cloud-renderer,
.yt-clip-creation-renderer,
.yt-clip-creation-scrubber-renderer,
.yt-collapsible-ypc-offer-renderer,
.yt-community-post-section-renderer,
.yt-confirm-dialog-renderer,
.yt-confirmation-flow-step-renderer,
.yt-contact-section-renderer,
.yt-copy-link-renderer,
.yt-display-ad-renderer,
.yt-emoji-picker-category-button-renderer,
.yt-emoji-picker-category-renderer,
.yt-emoji-picker-renderer,
.yt-emoji-picker-upsell-category-renderer,
.yt-enrolled-contact-renderer,
.yt-fancy-dismissible-dialog-renderer,
.yt-faq-section-renderer,
.yt-flow-footer-renderer,
.yt-flow-header-renderer,
.yt-form-renderer,
.yt-free-text-input-flow-step-renderer,
.yt-generic-faq-question-renderer,
.yt-header-with-back-renderer,
.yt-horizontal-list-renderer,
.yt-iframe-renderer,
.yt-info-flow-step-renderer,
.yt-info-list-flow-step-renderer,
.yt-live-chat-action-panel-renderer,
.yt-live-chat-author-badge-renderer,
.yt-live-chat-auto-mod-message-renderer,
.yt-live-chat-banner-header-renderer,
.yt-live-chat-banner-poll-renderer,
.yt-live-chat-banner-redirect-renderer,
.yt-live-chat-banner-renderer,
.yt-live-chat-call-for-questions-renderer,
.yt-live-chat-channel-guidelines-dialog-renderer,
.yt-live-chat-creator-answers-questions-banner-renderer,
.yt-live-chat-dialog-renderer,
.yt-live-chat-docked-message-renderer,
.yt-live-chat-donation-announcement-renderer,
.yt-live-chat-donations-progress-bar-renderer,
.yt-live-chat-error-message-renderer,
.yt-live-chat-header-renderer,
.yt-live-chat-icon-toggle-button-renderer,
.yt-live-chat-item-list-renderer,
.yt-live-chat-legacy-paid-message-renderer,
.yt-live-chat-membership-item-renderer,
.yt-live-chat-message-buy-flow-heading-renderer,
.yt-live-chat-message-buy-flow-renderer,
.yt-live-chat-message-input-renderer,
.yt-live-chat-message-renderer,
.yt-live-chat-mode-change-message-renderer,
.yt-live-chat-moderation-message-renderer,
.yt-live-chat-ninja-message-renderer,
.yt-live-chat-paid-message-footer-renderer,
.yt-live-chat-paid-message-renderer,
.yt-live-chat-paid-sticker-panel-renderer,
.yt-live-chat-paid-sticker-renderer,
.yt-live-chat-participant-list-renderer,
.yt-live-chat-participant-renderer,
.yt-live-chat-pinned-message-renderer,
.yt-live-chat-poll-editor-panel-renderer,
.yt-live-chat-poll-header-renderer,
.yt-live-chat-poll-renderer,
.yt-live-chat-product-button-renderer,
.yt-live-chat-product-picker-renderer,
.yt-live-chat-qna-start-panel-renderer,
.yt-live-chat-renderer,
.yt-live-chat-restricted-participation-renderer,
.yt-live-chat-super-sticker-pack-backstory-renderer,
.yt-live-chat-super-sticker-pack-button-renderer,
.yt-live-chat-super-sticker-pack-item-button-renderer,
.yt-live-chat-super-sticker-pack-renderer,
.yt-live-chat-super-sticker-preview-renderer,
.yt-live-chat-text-actions-error-message-renderer,
.yt-live-chat-text-input-field-renderer,
.yt-live-chat-text-message-renderer,
.yt-live-chat-ticker-paid-message-item-renderer,
.yt-live-chat-ticker-paid-sticker-item-renderer,
.yt-live-chat-ticker-renderer,
.yt-live-chat-ticker-sponsor-item-renderer,
.yt-live-chat-toast-renderer,
.yt-live-chat-upsell-dialog-renderer,
.yt-live-chat-viewer-engagement-message-renderer,
.yt-loading-renderer,
.yt-multi-page-menu-section-renderer,
.yt-music-pass-feature-info-renderer,
.yt-music-pass-small-feature-info-renderer,
.yt-notification-action-renderer,
.yt-offer-item-expanded-renderer,
.yt-offer-item-renderer,
.yt-offer-item-upsell-renderer,
.yt-options-renderer,
.yt-pdg-buy-flow-header-renderer,
.yt-pdg-comment-chip-renderer,
.yt-playability-error-supported-renderer,
.yt-player-error-message-renderer,
.yt-player-kav-renderer,
.yt-post-confirmation-flow-step-renderer,
.yt-refund-confirmation-flow-step-renderer,
.yt-report-details-form-renderer,
.yt-report-form-modal-renderer,
.yt-search-no-results-renderer,
.yt-share-panel-header-renderer,
.yt-share-start-time-with-context-renderer,
.yt-share-target-renderer,
.yt-sharing-embed-renderer,
.yt-single-ypc-offer-list-renderer,
.yt-single-ypc-offer-renderer,
.yt-start-at-renderer,
.yt-subscription-product-renderer,
.yt-subscription-product-upsell-offer-renderer,
.yt-suggested-contact-renderer,
.yt-super-vod-buy-flow-content-renderer,
.yt-survey-answer-card-renderer,
.yt-survey-flow-step-renderer,
.yt-text-input-form-field-renderer,
.yt-themed-image-renderer,
.yt-third-party-network-section-renderer,
.yt-third-party-share-target-section-renderer,
.yt-toggle-form-field-renderer,
.yt-tooltip-renderer,
.yt-unlimited-family-message-interstitial-renderer,
.yt-unlimited-family-profile-interstitial-renderer,
.yt-unlimited-manage-subscription-page-renderer,
.yt-unlimited-page-header-renderer,
.yt-unlimited-user-notification-renderer,
.yt-unplugged-pause-membership-dialog-renderer,
.yt-upsell-dialog-renderer,
.yt-user-mention-suggestion-renderer,
.yt-vc-balance-renderer,
.yt-vc-offer-layout-header-renderer,
.yt-vc-offer-layout-renderer,
.yt-vc-offer-renderer,
.yt-ypc-offers-list-renderer,
.yt-ypc-offers-modal-renderer,
.yt-ypc-offers-modal-top-bar-renderer,
.yt-ypc-upgrade-dialog-renderer,
.ytd-abuse-type-selector-renderer,
.ytd-account-item-renderer,
.ytd-account-item-section-header-renderer,
.ytd-account-item-section-renderer,
.ytd-account-link-button-renderer,
.ytd-account-section-list-renderer,
.ytd-accounts-dialog-header-renderer,
.ytd-action-basic-immersive-content-renderer,
.ytd-action-companion-ad-renderer,
.ytd-action-engagement-panel-content-renderer,
.ytd-active-account-header-renderer,
.ytd-ad-engagement-panel-banner-renderer,
.ytd-ad-feedback-renderer,
.ytd-ad-hover-text-button-renderer,
.ytd-ad-info-dialog-renderer,
.ytd-add-to-playlist-create-renderer,
.ytd-add-to-playlist-renderer,
.ytd-ads-engagement-panel-content-renderer,
.ytd-alert-with-button-renderer,
.ytd-author-comment-badge-renderer,
.ytd-autotagging-metadata-renderer,
.ytd-autotagging-metadata-row-renderer,
.ytd-background-promo-renderer,
.ytd-backstage-image-preview-renderer,
.ytd-backstage-image-renderer,
.ytd-backstage-image-select-renderer,
.ytd-backstage-multi-image-select-renderer,
.ytd-backstage-multi-image-thumbnail-renderer,
.ytd-backstage-poll-renderer,
.ytd-backstage-post-dialog-popup-renderer,
.ytd-backstage-post-dialog-renderer,
.ytd-backstage-post-renderer,
.ytd-backstage-post-thread-renderer,
.ytd-backstage-prefilled-post-dialog-header-renderer,
.ytd-backstage-zero-state-renderer,
.ytd-badge-supported-renderer,
.ytd-banner-and-box-hero-image-renderer,
.ytd-banner-promo-renderer,
.ytd-billboard-masthead-renderer,
.ytd-brand-video-shelf-renderer,
.ytd-brand-video-singleton-renderer,
.ytd-brandconnect-cta-shelf-card-renderer,
.ytd-brandconnect-popup-renderer,
.ytd-browse-feed-actions-renderer,
.ytd-browse-secondary-contents-renderer,
.ytd-button-renderer,
.ytd-call-to-action-button-renderer,
.ytd-carousel-ad-renderer,
.ytd-carousel-header-renderer,
.ytd-carousel-item-renderer,
.ytd-channel-about-metadata-renderer,
.ytd-channel-age-gate-renderer,
.ytd-channel-banner-editor-renderer,
.ytd-channel-creation-dialog-renderer,
.ytd-channel-featured-content-renderer,
.ytd-channel-handle-edit-dialog-renderer,
.ytd-channel-handle-input-renderer,
.ytd-channel-legal-info-renderer,
.ytd-channel-list-sub-menu-avatar-renderer,
.ytd-channel-list-sub-menu-renderer,
.ytd-channel-options-renderer,
.ytd-channel-owner-empty-state-renderer,
.ytd-channel-renderer,
.ytd-channel-sub-menu-renderer,
.ytd-channel-switcher-footer-renderer,
.ytd-channel-switcher-header-renderer,
.ytd-channel-switcher-page-renderer,
.ytd-channel-switcher-renderer,
.ytd-channel-switcher-search-box-renderer,
.ytd-channel-transfer-stepper-renderer,
.ytd-channel-video-player-renderer,
.ytd-channel-warm-welcome-cont-renderer,
.ytd-channel-warm-welcome-renderer,
.ytd-checkbox-survey-option-renderer,
.ytd-checkbox-survey-renderer,
.ytd-child-video-renderer,
.ytd-clarification-renderer,
.ytd-clip-ad-state-renderer,
.ytd-clip-attribution-renderer,
.ytd-clip-creation-text-input-renderer,
.ytd-clip-section-footer-renderer,
.ytd-clip-section-renderer,
.ytd-collage-hero-image-renderer,
.ytd-comment-action-buttons-renderer,
.ytd-comment-history-entry-renderer,
.ytd-comment-moderation-buttons-renderer,
.ytd-comment-moderation-panel-renderer,
.ytd-comment-preview-renderer,
.ytd-comment-renderer,
.ytd-comment-replies-renderer,
.ytd-comment-reply-dialog-renderer,
.ytd-comment-simplebox-renderer,
.ytd-comment-thread-renderer,
.ytd-comment-video-thumbnail-header-renderer,
.ytd-comments-entry-point-header-renderer,
.ytd-comments-header-renderer,
.ytd-commerce-cart-checkout-button-renderer,
.ytd-commerce-cart-item-quantity-picker-renderer,
.ytd-commerce-cart-item-renderer,
.ytd-commerce-cart-renderer,
.ytd-commerce-cart-summary-line-item-renderer,
.ytd-commerce-cart-summary-renderer,
.ytd-compact-autoplay-renderer,
.ytd-compact-channel-recommendation-card-renderer,
.ytd-compact-link-renderer,
.ytd-compact-movie-renderer,
.ytd-compact-playlist-renderer,
.ytd-compact-promoted-item-renderer,
.ytd-compact-promoted-video-renderer,
.ytd-compact-radio-renderer,
.ytd-compact-station-renderer,
.ytd-compact-text-promo-renderer,
.ytd-compact-tvfilm-entry-point-renderer,
.ytd-compact-video-renderer,
.ytd-companion-legal-text-renderer,
.ytd-confirmation-masthead-renderer,
.ytd-connect-gpg-dialog-renderer,
.ytd-connected-app-renderer,
.ytd-continuation-item-renderer,
.ytd-creator-heart-renderer,
.ytd-cross-account-transfer-channel-confirm-dialog-renderer,
.ytd-cross-account-transfer-channel-overview-renderer,
.ytd-cross-account-transfer-channel-tnc-dialog-renderer,
.ytd-date-period-picker-renderer,
.ytd-date-time-picker-renderer,
.ytd-default-promo-panel-renderer,
.ytd-default-promo-panel-renderer-inline-playback-renderer,
.ytd-desktop-image-overlay-renderer,
.ytd-destination-button-renderer,
.ytd-destination-shelf-renderer,
.ytd-disabled-cart-item-renderer,
.ytd-dismissal-follow-up-renderer,
.ytd-dismissal-reason-video-renderer,
.ytd-display-ad-renderer,
.ytd-donation-amount-picker-renderer,
.ytd-donation-post-transaction-renderer,
.ytd-donation-shelf-renderer,
.ytd-donation-unavailable-renderer,
.ytd-download-button-renderer,
.ytd-download-quality-selector-renderer,
.ytd-dropdown-item-renderer,
.ytd-dropdown-renderer,
.ytd-emergency-onebox-renderer,
.ytd-empty-product-details-renderer,
.ytd-endorsement-header-renderer,
.ytd-engagement-panel-ad-subtitle-renderer,
.ytd-engagement-panel-section-list-renderer,
.ytd-engagement-panel-title-header-renderer,
.ytd-eom-settings-disclaimer-renderer,
.ytd-error-corrections-section-item-renderer,
.ytd-error-corrections-section-renderer,
.ytd-expandable-metadata-renderer,
.ytd-expandable-tab-renderer,
.ytd-expandable-video-description-body-renderer,
.ytd-expanded-shelf-contents-renderer,
.ytd-exploratory-results-renderer,
.ytd-fact-check-renderer,
.ytd-feed-channel-filter-header-renderer,
.ytd-feed-entry-renderer,
.ytd-feed-filter-chip-bar-renderer,
.ytd-feed-nudge-renderer,
.ytd-feedback-elicitation-single-question-renderer,
.ytd-feedback-option-renderer,
.ytd-feedback-question-renderer,
.ytd-feedback-survey-renderer,
.ytd-flat-dropdown-renderer,
.ytd-flow-bottom-bar-renderer,
.ytd-flow-root-renderer,
.ytd-flow-step-renderer,
.ytd-flow-top-bar-renderer,
.ytd-form-popup-renderer,
.ytd-game-card-renderer,
.ytd-game-details-renderer,
.ytd-gaming-account-link-confirm-dialog-renderer,
.ytd-gaming-account-link-setting-renderer,
.ytd-geo-search-details-renderer,
.ytd-ghost-grid-renderer,
.ytd-google-account-header-renderer,
.ytd-grid-channel-renderer,
.ytd-grid-movie-playlist-renderer,
.ytd-grid-movie-renderer,
.ytd-grid-playlist-renderer,
.ytd-grid-radio-renderer,
.ytd-grid-renderer,
.ytd-grid-show-renderer,
.ytd-grid-video-renderer,
.ytd-guide-collapsible-entry-renderer,
.ytd-guide-collapsible-section-entry-renderer,
.ytd-guide-entry-renderer,
.ytd-guide-renderer,
.ytd-guide-section-renderer,
.ytd-guide-signin-promo-renderer,
.ytd-hashtag-header-renderer,
.ytd-hashtag-tile-renderer,
.ytd-horizontal-card-list-renderer,
.ytd-hotkey-dialog-renderer,
.ytd-hotkey-dialog-section-option-renderer,
.ytd-hotkey-dialog-section-renderer,
.ytd-icon-badge-renderer,
.ytd-icon-badge-topbar-button-renderer,
.ytd-identity-chip-renderer,
.ytd-identity-prompt-footer-renderer,
.ytd-image-companion-renderer,
.ytd-image-editor-renderer,
.ytd-image-tile-renderer,
.ytd-info-panel-container-renderer,
.ytd-info-panel-content-renderer,
.ytd-info-row-renderer,
.ytd-inline-form-renderer,
.ytd-inline-survey-renderer,
.ytd-interactive-tabbed-header-renderer,
.ytd-item-section-header-renderer,
.ytd-item-section-renderer,
.ytd-kids-blocklist-picker-item-renderer,
.ytd-kids-blocklist-picker-renderer,
.ytd-labs-edit-renderer,
.ytd-labs-header-renderer,
.ytd-labs-item-renderer,
.ytd-legal-report-details-form-renderer,
.ytd-like-button-renderer,
.ytd-limited-state-message-renderer,
.ytd-live-chat-history-entry-renderer,
.ytd-live-chat-product-item-renderer,
.ytd-live-chat-purchased-product-message-renderer,
.ytd-lumiere-promo-item-image-renderer,
.ytd-lumiere-shelf-details-renderer,
.ytd-macro-markers-info-item-renderer,
.ytd-macro-markers-list-item-renderer,
.ytd-macro-markers-list-renderer,
.ytd-mealbar-promo-renderer,
.ytd-media-lockup-renderer,
.ytd-media-masthead-renderer,
.ytd-media-product-renderer,
.ytd-media-provider-renderer,
.ytd-media-upsell-renderer,
.ytd-medical-panel-content-renderer,
.ytd-medical-panel-section-renderer,
.ytd-membership-post-cancel-renderer,
.ytd-menu-custom-icon-item-renderer,
.ytd-menu-navigation-item-renderer,
.ytd-menu-renderer,
.ytd-menu-service-item-download-renderer,
.ytd-menu-service-item-renderer,
.ytd-merch-shelf-item-renderer,
.ytd-merch-shelf-renderer,
.ytd-message-renderer,
.ytd-metadata-line-renderer,
.ytd-metadata-row-container-renderer,
.ytd-metadata-row-header-renderer,
.ytd-metadata-row-renderer,
.ytd-metadata-with-image-row-renderer,
.ytd-mini-channel-renderer,
.ytd-mini-guide-entry-renderer,
.ytd-mini-guide-renderer,
.ytd-miniplayer-bar-renderer,
.ytd-minor-moment-header-renderer,
.ytd-minor-moment-setting-alert-renderer,
.ytd-minor-moment-setting-section-renderer,
.ytd-modal-with-title-and-button-renderer,
.ytd-movie-offer-module-renderer,
.ytd-movie-renderer,
.ytd-moving-thumbnail-renderer,
.ytd-multi-page-menu-renderer,
.ytd-multi-stage-survey-renderer,
.ytd-navigation-dropdown-item-renderer,
.ytd-newspaper-hero-video-renderer,
.ytd-newspaper-mini-video-renderer,
.ytd-newspaper-renderer,
.ytd-notice-renderer,
.ytd-notification-multi-action-renderer,
.ytd-notification-renderer,
.ytd-notification-text-renderer,
.ytd-notification-topbar-button-renderer,
.ytd-notification-topbar-button-shape-renderer,
.ytd-offer-content-renderer,
.ytd-offer-detail-renderer,
.ytd-offer-detail-step-renderer,
.ytd-offer-review-renderer,
.ytd-offer-section-renderer,
.ytd-offer-selection-step-renderer,
.ytd-offline-item-section-renderer,
.ytd-offline-promo-renderer,
.ytd-page-footer-renderer,
.ytd-page-introduction-renderer,
.ytd-panel-show-style-metadata-renderer,
.ytd-pdg-banner-renderer,
.ytd-pdg-buy-flow-renderer,
.ytd-pdg-comment-preview-renderer,
.ytd-pdg-super-vod-selectable-item-button-renderer,
.ytd-pinned-comment-badge-renderer,
.ytd-pivot-button-renderer,
.ytd-playlist-add-to-option-renderer,
.ytd-playlist-custom-thumbnail-renderer,
.ytd-playlist-panel-renderer,
.ytd-playlist-panel-video-renderer,
.ytd-playlist-renderer,
.ytd-playlist-show-metadata-renderer,
.ytd-playlist-sidebar-primary-info-renderer,
.ytd-playlist-sidebar-renderer,
.ytd-playlist-sidebar-secondary-info-renderer,
.ytd-playlist-sidebar-tertiary-info-renderer,
.ytd-playlist-video-list-renderer,
.ytd-playlist-video-player-renderer,
.ytd-playlist-video-renderer,
.ytd-playlist-video-thumbnail-renderer,
.ytd-post-multi-image-renderer,
.ytd-post-redemption-section-renderer,
.ytd-post-renderer,
.ytd-post-scheduling-zero-state-renderer,
.ytd-post-stream-filter-renderer,
.ytd-post-video-tag-renderer,
.ytd-premium-browse-footer-renderer,
.ytd-preview-card-renderer,
.ytd-preview-comment-dialog-renderer,
.ytd-primetime-promo-details-renderer,
.ytd-primetime-promo-header-renderer,
.ytd-primetime-promo-panel-renderer,
.ytd-primetime-promo-renderer,
.ytd-privacy-dropdown-item-renderer,
.ytd-product-details-description-renderer,
.ytd-product-details-hero-offer-renderer,
.ytd-product-details-image-carousel-renderer,
.ytd-product-details-offer-renderer,
.ytd-product-details-offers-container-renderer,
.ytd-product-details-renderer,
.ytd-product-details-thumbnail-renderer,
.ytd-product-details-variant-option-renderer,
.ytd-product-details-variant-renderer,
.ytd-product-list-item-renderer,
.ytd-product-list-renderer,
.ytd-profile-column-renderer,
.ytd-profile-column-stats-entry-renderer,
.ytd-profile-column-stats-renderer,
.ytd-profile-column-user-info-renderer,
.ytd-promoted-sparkles-text-search-renderer,
.ytd-promoted-sparkles-web-renderer,
.ytd-promoted-video-renderer,
.ytd-purchase-complete-detail-renderer,
.ytd-purchase-complete-step-renderer,
.ytd-purchase-item-renderer,
.ytd-queue-to-play-dialog-renderer,
.ytd-queue-to-play-renderer,
.ytd-queue-to-play-state-renderer,
.ytd-radio-button-survey-option-renderer,
.ytd-radio-renderer,
.ytd-rating-survey-option-renderer,
.ytd-rating-survey-renderer,
.ytd-red-cancel-survey-renderer,
.ytd-redeem-code-renderer,
.ytd-reel-description-sheet-renderer,
.ytd-reel-item-renderer,
.ytd-reel-multimix-attribution-label-renderer,
.ytd-reel-player-header-renderer,
.ytd-reel-player-overlay-renderer,
.ytd-reel-shelf-renderer,
.ytd-reel-video-renderer,
.ytd-reload-page-button-renderer,
.ytd-report-channel-modal-additional-context-renderer,
.ytd-report-channel-modal-footer-renderer,
.ytd-report-channel-modal-header-renderer,
.ytd-report-channel-modal-impersonation-renderer,
.ytd-report-description-renderer,
.ytd-report-history-section-header-renderer,
.ytd-report-history-section-renderer,
.ytd-report-history-table-reason-cell-renderer,
.ytd-report-history-table-row-renderer,
.ytd-report-history-table-text-cell-renderer,
.ytd-report-reason-history-modal-renderer,
.ytd-rich-grid-renderer,
.ytd-rich-item-renderer,
.ytd-rich-list-header-renderer,
.ytd-rich-metadata-renderer,
.ytd-rich-metadata-row-renderer,
.ytd-rich-section-renderer,
.ytd-rich-shelf-renderer,
.ytd-search-box-renderer,
.ytd-search-filter-group-renderer,
.ytd-search-filter-renderer,
.ytd-search-history-query-renderer,
.ytd-search-in-video-renderer,
.ytd-search-pyv-renderer,
.ytd-search-refinement-card-renderer,
.ytd-search-sub-menu-renderer,
.ytd-section-list-renderer,
.ytd-selectable-video-list-renderer,
.ytd-selectable-video-renderer,
.ytd-sender-id-section-renderer,
.ytd-sentiment-bar-renderer,
.ytd-settings-checkbox-renderer,
.ytd-settings-email-item-renderer,
.ytd-settings-email-list-renderer,
.ytd-settings-gaia-link-renderer,
.ytd-settings-options-renderer,
.ytd-settings-radio-option-renderer,
.ytd-settings-sidebar-renderer,
.ytd-settings-switch-renderer,
.ytd-shared-post-renderer,
.ytd-shelf-renderer,
.ytd-shopping-companion-item-renderer,
.ytd-shopping-companion-renderer,
.ytd-show-custom-thumbnail-renderer,
.ytd-show-renderer,
.ytd-simple-menu-header-renderer,
.ytd-simple-text-section-renderer,
.ytd-single-action-emergency-support-renderer,
.ytd-single-hero-image-renderer,
.ytd-single-option-survey-option-renderer,
.ytd-single-option-survey-renderer,
.ytd-single-select-answer-option-renderer,
.ytd-single-select-question-renderer,
.ytd-sitelink-renderer,
.ytd-sort-filter-header-renderer,
.ytd-sponsor-comment-badge-renderer,
.ytd-sponsors-only-badge-renderer,
.ytd-sponsorship-confirm-cancel-renderer,
.ytd-sponsorships-actionable-message-renderer,
.ytd-sponsorships-alert-renderer,
.ytd-sponsorships-avatar-renderer,
.ytd-sponsorships-celebration-renderer,
.ytd-sponsorships-expandable-message-renderer,
.ytd-sponsorships-expandable-perks-renderer,
.ytd-sponsorships-gift-offer-body-renderer,
.ytd-sponsorships-gift-offer-header-renderer,
.ytd-sponsorships-gifting-opt-in-renderer,
.ytd-sponsorships-heading-renderer,
.ytd-sponsorships-links-renderer,
.ytd-sponsorships-list-tile-renderer,
.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer,
.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer,
.ytd-sponsorships-live-chat-gift-redemption-banner-renderer,
.ytd-sponsorships-live-chat-header-renderer,
.ytd-sponsorships-loyalty-badges-renderer,
.ytd-sponsorships-management-renderer,
.ytd-sponsorships-offer-renderer,
.ytd-sponsorships-perk-renderer,
.ytd-sponsorships-perks-renderer,
.ytd-sponsorships-promotion-celebration-renderer,
.ytd-sponsorships-promotion-renderer,
.ytd-sponsorships-purchase-option-renderer,
.ytd-sponsorships-tier-renderer,
.ytd-statement-banner-renderer,
.ytd-structured-description-content-renderer,
.ytd-structured-description-playlist-lockup-renderer,
.ytd-sub-feed-option-renderer,
.ytd-sub-feed-selector-renderer,
.ytd-subscribe-button-renderer,
.ytd-subscription-notification-options-renderer,
.ytd-subscription-notification-toggle-button-renderer,
.ytd-survey-follow-up-renderer,
.ytd-table-renderer,
.ytd-text-promo-renderer,
.ytd-theater-item-renderer,
.ytd-thumbnail-overlay-bottom-panel-renderer,
.ytd-thumbnail-overlay-button-renderer,
.ytd-thumbnail-overlay-downloading-renderer,
.ytd-thumbnail-overlay-endorsement-renderer,
.ytd-thumbnail-overlay-icon-renderer,
.ytd-thumbnail-overlay-inline-unplayable-renderer,
.ytd-thumbnail-overlay-loading-preview-renderer,
.ytd-thumbnail-overlay-now-playing-renderer,
.ytd-thumbnail-overlay-pinking-renderer,
.ytd-thumbnail-overlay-playback-status-renderer,
.ytd-thumbnail-overlay-resume-playback-renderer,
.ytd-thumbnail-overlay-side-panel-renderer,
.ytd-thumbnail-overlay-time-status-renderer,
.ytd-thumbnail-overlay-toggle-button-renderer,
.ytd-ticket-shelf-renderer,
.ytd-title-and-button-list-header-renderer,
.ytd-toggle-button-renderer,
.ytd-toggle-item-renderer,
.ytd-toggle-menu-service-item-renderer,
.ytd-toggle-theme-compact-link-renderer,
.ytd-topbar-logo-renderer,
.ytd-topbar-menu-button-renderer,
.ytd-topic-channel-details-renderer,
.ytd-topic-link-renderer,
.ytd-transcript-body-renderer,
.ytd-transcript-footer-renderer,
.ytd-transcript-renderer,
.ytd-transcript-search-box-renderer,
.ytd-transcript-search-panel-renderer,
.ytd-transcript-segment-list-renderer,
.ytd-transcript-segment-renderer,
.ytd-transfer-channel-confirm-dialog-renderer,
.ytd-tvfilm-offer-groups-renderer,
.ytd-tvfilm-offer-module-renderer,
.ytd-tvfilm-show-watch-forward-overlay-renderer,
.ytd-two-column-browse-results-renderer,
.ytd-two-column-search-results-renderer,
.ytd-unified-share-panel-renderer,
.ytd-universal-watch-card-renderer,
.ytd-unlimited-offer-module-renderer,
.ytd-unlimited-page-feature-info-renderer,
.ytd-vertical-channel-section-renderer,
.ytd-vertical-list-renderer,
.ytd-vertical-product-card-renderer,
.ytd-vertical-watch-card-list-renderer,
.ytd-video-description-course-section-renderer,
.ytd-video-description-gaming-section-renderer,
.ytd-video-description-music-section-renderer,
.ytd-video-download-toast-renderer,
.ytd-video-game-watch-card-renderer,
.ytd-video-masthead-ad-advertiser-info-renderer,
.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer,
.ytd-video-masthead-ad-expandable-video-tile-renderer,
.ytd-video-masthead-ad-primary-video-overlay-renderer,
.ytd-video-masthead-ad-primary-video-renderer,
.ytd-video-owner-renderer,
.ytd-video-primary-info-renderer,
.ytd-video-quality-promo-renderer,
.ytd-video-renderer,
.ytd-video-report-renderer,
.ytd-video-secondary-info-renderer,
.ytd-video-view-count-renderer,
.ytd-voice-search-dialog-renderer,
.ytd-watch-card-album-list-renderer,
.ytd-watch-card-collage-renderer,
.ytd-watch-card-compact-video-renderer,
.ytd-watch-card-hero-one-vs-one-event-renderer,
.ytd-watch-card-hero-video-renderer,
.ytd-watch-card-one-vs-one-event-compact-video-renderer,
.ytd-watch-card-rich-header-renderer,
.ytd-watch-card-section-dropdown-renderer,
.ytd-watch-card-section-sequence-renderer,
.ytd-watch-card-single-image-renderer,
.ytd-watch-card-video-list-renderer,
.ytd-watch-next-secondary-results-renderer,
.ytd-web-answer-renderer,
.ytd-yoodle-renderer,
.ytd-ypc-coupon-renderer,
.ytd-ypc-offers-overlay-renderer,
.ytd-ypc-post-redemption-renderer,
.ytd-ypc-transaction-error-message-renderer,
tp-yt-paper-button,
input,
.ytd-comment-renderer,
tp-yt-paper-item,
.title,
html,
ytd-expander.ytd-video-secondary-info-renderer {
font-family: "Junction", sans-serif !important;
}