/* ==UserStyle==
@name Old School YouTube Player
@namespace https://github.com/blakegearin/old-school-youtube-player
@version 2025.10.4
@description Updates YouTube's video player to the look & feel before the 2025 redesign
@author Blake Gearin <[email protected]> (https://blakegearin.com)
@supportURL https://github.com/blakegearin/old-school-youtube-player/issues
@license GPL-3.0-only
==/UserStyle== */
@-moz-document domain("youtube.com")
{
/* Background */
.ytp-delhi-modern .ytp-chrome-bottom
{
width: 100% !important;
left: 0 !important;
bottom: 0;
z-index: 59;
}
/* Only display on hover */
.ytp-delhi-modern:hover .ytp-chrome-bottom::before
{
content: "";
height: 194px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADCCAYAAACIaaiTAAAAQklEQVR4AeySwQoAIAhDzf7/n2sjgqTrgw55GE5kTFnGrBPapkiHiIY8w8qwPHfCN74yXh5hmkpOF7gzFHqbvbcyAAAA//8elbrCAAAABklEQVQDALt6AjFGny3LAAAAAElFTkSuQmCC);
opacity: 1;
display: block;
padding-top: 37px;
bottom: 0;
z-index: 24;
background-position: bottom;
width: 100%;
position: absolute;
background-repeat: repeat-x;
pointer-events: none;
}
.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button,
.ytp-delhi-modern.ytp-delhi-modern-compact-controls .ytp-chrome-controls .ytp-play-button,
.ytp-delhi-modern .ytp-chapter-title.ytp-button,
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls,
.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area,
.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *),
.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container > *),
.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container > *)
{
background: transparent !important;
}
/* Height */
.ytp-delhi-modern .ytp-chrome-bottom
{
height: 51px !important;
}
.ytp-delhi-modern .ytp-chrome-controls
{
height: 48px !important;
line-height: 48px !important;
margin-top: 3px;
margin-left: 14px !important;
}
.ytp-delhi-modern .ytp-chrome-controls
{
height: var(--yt-delhi-bottom-controls-height,72px);
}
.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button,
.ytp-delhi-modern .ytp-prev-button,
.ytp-delhi-modern .ytp-prev-button svg,
.ytp-delhi-modern .ytp-next-button,
.ytp-delhi-modern .ytp-next-button svg,
.ytp-delhi-modern .ytp-volume-icon.ytp-button,
.ytp-delhi-modern .ytp-chapter-container,
.ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *),
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-left,
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-right,
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls,
.ytp-delhi-modern .ytp-subtitles-button-icon svg,
.ytp-delhi-modern button.ytp-subtitles-button:nth-child(3) > div:nth-child(1),
.ytp-delhi-modern .ytp-hd-quality-badge svg,
.ytp-delhi-modern .ytp-right-controls-left button > svg,
.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area
{
height: 48px !important;
}
/* Progress bar */
.ytp-delhi-modern .ytp-progress-bar-container
{
left: 12px;
}
.ytp-delhi-modern .ytp-progress-bar-container
{
bottom: 43px !important;
}
.ytp-delhi-modern .ytp-progress-bar
{
margin-bottom: 2px;
}
.ytp-delhi-modern .ytp-progress-list
{
background: rgba(255,255,255,.2);
}
.ytp-delhi-modern:not(.ytp-player-minimized) .ytp-progress-bar-container
{
bottom: 47px;
height: 5px;
margin-bottom: 3px;
}
.ytp-delhi-modern .ytp-progress-bar-start.ytp-progress-bar-end
{
border-radius: 0px;
}
.ytp-delhi-modern .ytp-play-progress
{
background: #f03;
}
.ytp-delhi-modern .ytp-scrubber-button
{
height: 13px;
width: 13px;
}
.ytp-delhi-modern .ytp-scrubber-container
{
top: -4px;
}
/* Disable growing scrubber */
.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled="true"]) .ytp-scrubber-button
{
transform: none !important;
}
.ytp-delhi-modern .ytp-heat-map-container
{
margin-bottom: 2px !important;
}
.ytp-delhi-modern .ytp-modern-heat-map
{
fill: white !important;
fill-opacity: 0.4 !important;
stroke: none !important;
}
/* Opacity */
.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*)::after,
.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*)::after,
.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *):hover::after,
.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area::after,
.ytp-delhi-modern .ytp-play-button::after,
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button:hover::before,
.ytp-delhi-modern .ytp-chapter-title.ytp-button::after
{
opacity: 0 !important;
}
.ytp-delhi-modern .ytp-chrome-controls .ytp-button,
.ytp-delhi-modern .ytp-replay-button
{
opacity: .9 !important;
}
.ytp-delhi-modern .ytp-chrome-top .ytp-button:hover,
.ytp-delhi-modern .ytp-chrome-controls .ytp-button:not([aria-disabled="true"]):not([disabled]):hover,
.ytp-delhi-modern .ytp-chrome-controls .ytp-button[aria-expanded="true"], .ytp-chrome-controls .ytp-button[aria-pressed="true"],
.ytp-delhi-modern .ytp-replay-button:hover
{
opacity: 1 !important;
-webkit-transition: opacity .1s cubic-bezier(0,0,.2,1) !important;
transition: opacity .1s cubic-bezier(0,0,.2,1) !important;
}
/* Centering */
.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button,
.ytp-delhi-modern .ytp-chapter-container,
.ytp-delhi-modern .ytp-volume-icon,
.ytp-delhi-modern .ytp-left-controls,
.ytp-delhi-modern .ytp-volume-icon,
.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area .ytp-volume-icon,
.ytp-delhi-modern .ytp-chapter-container.sponsorblock-chapter-visible,
.ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *)
{
display: flex !important;
align-items: center !important;
}
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls,
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button,
.ytp-delhi-modern button.ytp-subtitles-button:nth-child(3) > div:nth-child(1)
{
align-items: center;
}
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-left, .ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-right
{
display: flex;
align-items: center;
-webkit-box-align: end;
}
/* Play/Pause/Replay */
.ytp-delhi-modern .ytp-play-button
{
height: 48px !important;
width: 42px !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
.ytp-delhi-modern .ytp-play-button svg
{
height: 48px !important;
width: 42px !important;
filter: opacity(0.9) drop-shadow(0px 0px) !important;
}
.ytp-delhi-modern .ytp-play-button[data-title-no-tooltip="Play"] svg path
{
d: path('M12,26L25,18L12,10L12,26Z');
stroke: #000;
stroke-opacity: 0.3;
stroke-width: 2px;
paint-order: stroke;
}
.ytp-delhi-modern .ytp-play-button[data-title-no-tooltip="Pause"] svg path
{
d: path('M12 26h4V10h-4zm9 0h4V10h-4z');
stroke: #000;
stroke-opacity: 0.3;
stroke-width: 2px;
paint-order: stroke;
}
.ytp-delhi-modern .ytp-play-button[data-title-no-tooltip="Replay"] svg path
{
d: path('M18 11V7l-5 5 5 5v-4c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6h-2c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8z');
stroke: #000;
stroke-opacity: 0.3;
stroke-width: 2px;
paint-order: stroke;
}
.ytp-delhi-modern .ytp-play-button:hover::after,
.ytp-delhi-modern.ytp-big-mode .ytp-play-button:hover::after
{
background-color: var(--yt-spec-overlay-button-secondary,rgba(255,255,255,.1));
-webkit-transition: background-color .2s cubic-bezier(.05,0,0,1);
transition: background-color .2s cubic-bezier(.05,0,0,1);
}
/* Playlists */
.ytp-delhi-modern .ytp-prev-button svg path
{
d: path('M12 12h2v12h-2zm3.5 6 8.5 6V12z');
transform: translate(-25%, -25%);
stroke: #000;
stroke-opacity: 0.3;
stroke-width: 2px;
paint-order: stroke;
}
.ytp-delhi-modern .ytp-next-button svg path
{
d: path('m12 24 8.5-6-8.5-6v12zm10-12v12h2V12h-2z');
transform: translate(-25%, -25%);
stroke: #000;
stroke-opacity: 0.3;
stroke-width: 2px;
paint-order: stroke;
}
.ytp-delhi-modern .ytp-left-controls:has(.ytp-prev-button) .ytp-prev-button
{
left: -40px;
}
.ytp-delhi-modern .ytp-left-controls:has(.ytp-prev-button[aria-disabled="false"]) .ytp-play-button
{
left: 48px !important;
}
/* Volume */
.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area
{
height: 48px !important;
margin-left: 6px !important;
}
.ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Mute"],
.ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Unmute"]
{
height: 48px !important;
width: 48px !important;
}
.ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child
{
d: path("M8 21h4l5 5V10l-5 5H8v6Zm11-7v8c1.48-.68 2.5-2.23 2.5-4 0-1.74-1.02-3.26-2.5-4Z");
transform: translate(-25%, -25%);
}
.ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:not(:first-child)
{
display: none !important;
}
.ytp-delhi-modern .ytp-time-wrapper
{
padding-left: 0 !important;
}
.ytp-delhi-modern .ytp-volume-icon[data-title-no-tooltip="Unmute"] svg path,
.ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext="0% volume"]) .ytp-volume-icon svg path
{
d: path("M21.48 17.98a4.5 4.5 0 0 0-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63Zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51a8.796 8.796 0 0 0 1.03-4.15c0-4.28-2.99-7.86-7-8.76v2.05c2.89.86 5 3.54 5 6.71Zm-14.73-9-1.27 1.26 4.72 4.73H7.98v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81l2.04 2.05 1.27-1.27-9-9-7.72-7.72Zm7.72.99-2.09 2.08 2.09 2.09V9.98Z");
transform: translate(-25%, -25%);
stroke: #000;
stroke-opacity: 0.01;
stroke-width: 2px;
paint-order: stroke;
}
/* Apply max volume icon when >50% */
.ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext="51% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
.ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="5"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
.ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="6"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
.ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="7"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
.ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="8"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
.ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext^="9"]):has(.ytp-volume-panel[aria-valuetext$="% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child,
.ytp-delhi-modern .ytp-volume-area:has(.ytp-volume-panel[aria-valuetext="100% volume"]) .ytp-volume-icon[data-title-no-tooltip="Mute"] svg path:first-child
{
d: path("M8 21h4l5 5V10l-5 5H8v6Zm11-7v8c1.48-.68 2.5-2.23 2.5-4 0-1.74-1.02-3.26-2.5-4Zm0-2.71c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77v2.06Z") !important;
transform: translate(-25%, -25%);
stroke: #000;
stroke-opacity: 0.05;
stroke-width: 3px;
paint-order: stroke;
}
/* Time */
.ytp-time-contents span,
.ytp-delhi-modern .ytp-time-current,
.ytp-delhi-modern .ytp-time-separator,
.ytp-delhi-modern .ytp-time-duration
{
color: #ddd;
text-shadow: 0 0 2px rgba(0, 0, 0, .5);
font-size: 94%;
font-weight: normal;
}
/* Right controls */
.ytp-delhi-modern .ytp-right-controls
{
height: 48px !important;
margin-right: 12px;
padding-right: 0 !important;
}
/* Right controls right */
.ytp-delhi-modern .ytp-size-button svg path
{
d: path("M28 11v14H8V11zm-18 2h16v10H10V13z");
transform: translate(-25%, -25%);
fill-rule: evenodd;
stroke: #000;
stroke-opacity: 0.05;
stroke-width: 2px;
paint-order: stroke;
}
.ytp-delhi-modern .ytp-fullscreen-button svg path
{
d: path("M10 16h2v-4h4v-2h-6v6zM20 10v2h4v4h2v-6h-6zM24 24h-4v2h6v-6h-2v4zM12 20h-2v6h6v-2h-4v-4");
transform: translate(-25%, -25%);
stroke: #000;
stroke-opacity: 0.05;
stroke-width: 2px;
paint-order: stroke;
}
.ytp-delhi-modern .ytp-size-button svg,
.ytp-delhi-modern .ytp-remote-button svg,
.ytp-delhi-modern .ytp-fullscreen-button svg
{
height: 29px !important;
width: 29px !important;
padding: 9.5px !important;
}
/* Right controls left */
.ytp-delhi-modern .ytp-right-controls-left
{
margin-right: 2px !important;
}
.ytp-delhi-modern .ytp-settings-button svg path
{
d: path("M23.94 18.78c.03-.25.05-.51.05-.78s-.02-.52-.05-.78l1.68-1.32c.15-.12.19-.33.09-.51l-1.6-2.76c-.09-.17-.31-.24-.48-.17l-1.99.8c-.41-.32-.86-.58-1.35-.78l-.3-2.12a.382.382 0 0 0-.39-.33h-3.2c-.2 0-.36.14-.39.33l-.3 2.12c-.48.2-.93.47-1.35.78l-1.99-.8c-.18-.07-.39 0-.48.17l-1.6 2.76c-.1.17-.05.39.09.51l1.68 1.32c-.03.25-.05.52-.05.78s.02.52.05.78l-1.68 1.32c-.15.12-.19.33-.09.51l1.6 2.76c.09.17.31.24.48.17l1.99-.8c.41.32.86.58 1.35.78l.3 2.12c.02.19.19.33.39.33h3.2c.2 0 .36-.14.39-.33l.3-2.12c.48-.2.93-.47 1.35-.78l1.99.8c.18.07.39 0 .48-.17l1.6-2.76c.09-.17.05-.39-.09-.51l-1.68-1.32zM18 20.79c-1.54 0-2.8-1.25-2.8-2.8 0-1.54 1.25-2.8 2.8-2.8 1.54 0 2.8 1.25 2.8 2.8 0 1.54-1.25 2.8-2.8 2.8z");
transform: translate(-25%, -25%);
stroke: #000;
stroke-opacity: 0.05;
stroke-width: 2px;
paint-order: stroke;
}
.ytp-delhi-modern .ytp-settings-button.ytp-hd-quality-badge::after
{
right: 3px;
}
.ytp-delhi-modern .ytp-subtitles-button-icon svg,
.ytp-delhi-modern .ytp-settings-button svg
{
width: 29px !important;
padding: 9.5px !important;
}
.ytp-delhi-modern .ytp-autonav-toggle
{
margin-right: 4px;
}
.ytp-delhi-modern .ytp-autonav-toggle-button[aria-checked=true]::after
{
left: 1px !important;
transform: translateX(15.6px) !important;
height: 20.4px !important;
width: 20.4px !important;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyA4LjVhOC41IDguNSAwIDExLTE3IDAgOC41IDguNSAwIDAxMTcgMHptLTUgMEw2LjUgNXY3TDEyIDguNXptLTEuODYgMEw3LjUgNi44MnYzLjM2bDIuNjQtMS42OHpNOC41IDE2YTcuNSA3LjUgMCAxMDAtMTUgNy41IDcuNSAwIDAwMCAxNXoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYgOC41YTcuNSA3LjUgMCAxMS0xNSAwIDcuNSA3LjUgMCAwMTE1IDB6bS00IDBMNi41IDEyVjVMMTIgOC41eiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=') !important;
background-size: cover !important;
background-color: transparent !important;
margin: 0 !important;
margin-top: -3px !important;
border-radius: 20.4px !important;
}
.ytp-delhi-modern .ytp-autonav-toggle-button[aria-checked=false]::after
{
height: 20.4px !important;
width: 20.4px !important;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNSAxNmE3LjUgNy41IDAgMTAwLTE1IDcuNSA3LjUgMCAwMDAgMTV6IiBmaWxsPSIjNzE3MTcxIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcgOC41YTguNSA4LjUgMCAxMS0xNyAwIDguNSA4LjUgMCAwMTE3IDB6bS0xIDBhNy41IDcuNSAwIDExLTE1IDAgNy41IDcuNSAwIDAxMTUgMHoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiAvPjxwYXRoIGQ9Ik01LjUgMTJoMlY1aC0ydjd6TTkuNSA1djdoMlY1aC0yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=') !important;
background-size: cover !important;
background-color: transparent !important;
margin: 0 !important;
margin-top: -3px !important;
border-radius: 20.4px !important;
}
.ytp-delhi-modern .ytp-autonav-toggle-button
{
height: 14.4px !important;
width: 36px !important;
border-radius: 14.4px !important;
top: 50% !important;
position: relative !important;
cursor: pointer !important;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS01LTUuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHoiIGZpbGw9IiNmZmYiIC8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zIDFDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4xNiA1LjE2IDAgMDAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNCAxMWMzLjQ1IDAgNi4zLTIuNiA2LjMtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgMSA2czIuODUgNiA2LjMgNmgxNS40eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgLz48L3N2Zz4=') !important;
background-color: transparent !important;
}
/* Closed captions */
.ytp-delhi-modern .ytp-subtitles-button svg path
{
d: path("M11 11a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V13c0-1.1-.9-2-2-2H11Zm6 6h-1.5v-.5h-2v3h2V19H17v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1Zm7 0h-1.5v-.5h-2v3h2V19H24v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1Z");
transform: translate(-25%, -25%);
}
.ytp-delhi-modern .ytp-subtitles-button .ytp-subtitles-button-icon svg
{
filter: drop-shadow(0px 0px);
}
.ytp-delhi-modern .ytp-subtitles-button[data-title-no-tooltip="Subtitles/closed captions unavailable"] .ytp-subtitles-button-icon svg
{
fill-opacity: 0.3;
}
.ytp-delhi-modern .ytp-subtitles-button[aria-pressed="true"]:hover .ytp-subtitles-button-icon svg
{
fill-opacity: 1 !important;
}
.ytp-delhi-modern .ytp-subtitles-button[aria-pressed="true"]:not(:hover) .ytp-subtitles-button-icon svg
{
fill-opacity: 0.9 !important;
}
.ytp-delhi-modern .ytp-subtitles-button[aria-pressed="true"] .ytp-subtitles-button-icon::after
{
content: "";
display: block;
position: absolute;
width: 24px;
left: 14.5px;
height: 3px;
border-radius: 3px;
bottom: 9px;
background-color: var(--yt-spec-red-indicator,#e1002d);
-webkit-transition: left .25s cubic-bezier(0, 0, .2, 1), width .25s cubic-bezier(0, 0, .2, 1);
transition: left .25s cubic-bezier(0, 0, .2, 1), width .25s cubic-bezier(0, 0, .2, 1);
}
/* Margins */
.ytp-delhi-modern .ytp-volume-area
{
margin-bottom: 0 !important;
}
.ytp-delhi-modern .ytp-volume-area,
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls
{
margin-top: 0 !important;
}
.ytp-delhi-modern .ytp-chapter-container
{
padding-top: 0 !important;
}
.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container > *),
.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container > *)
{
margin: 0 !important;
}
/* Miscellaneous */
.ytp-delhi-modern .ytp-prev-button,
.ytp-delhi-modern .ytp-next-button,
.ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *),
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button,
.ytp-delhi-modern-icons .ytp-chrome-controls .ytp-play-button svg
{
padding: 0 !important;
}
.ytp-delhi-modern .ytp-prev-button svg,
.ytp-delhi-modern .ytp-next-button svg,
.ytp-delhi-modern .ytp-subtitles-button-icon svg,
.ytp-delhi-modern .ytp-hd-quality-badge svg,
.ytp-delhi-modern .ytp-right-controls-left button > svg
{
padding: 0 12px !important;
}
}
