@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('./../../assets/fonts/Roboto-Thin.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('./../../assets/fonts/Roboto-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./../../assets/fonts/Roboto-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('./../../assets/fonts/Roboto-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./../../assets/fonts/Roboto-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('./../../assets/fonts/Roboto-Black.woff2') format('woff2');
}


:root {
--yp-btn-color-black-fill-bg: #111111;
  --yp-btn-color-black-fill-bg-h: #111111;
  --yp-btn-color-black-fill-fg: #ffffff;
  --yp-btn-color-black-fill-fg-h: #ffed1a;
  --yp-btn-color-black-ghost-bg: #11111100;
  --yp-btn-color-black-ghost-bg-h: #1111111a;
  --yp-btn-color-black-ghost-fg: #111111;
  --yp-btn-color-black-ghost-fg-h: #111111;
  --yp-btn-color-black-outline-bg: #ffffff01;
  --yp-btn-color-black-outline-bg-h: #1111111a;
  --yp-btn-color-black-outline-border: #111111;
  --yp-btn-color-black-outline-fg: #111111;
  --yp-btn-color-black-outline-fg-h: #111111;
  --yp-btn-color-one-fill-bg: #111111;
  --yp-btn-color-one-fill-bg-h: #111111;
  --yp-btn-color-one-fill-fg: #ffffff;
  --yp-btn-color-one-fill-fg-h: #ffed1a;
  --yp-btn-color-one-ghost-bg: #11111100;
  --yp-btn-color-one-ghost-bg-h: #1111111a;
  --yp-btn-color-one-ghost-fg: #919191;
  --yp-btn-color-one-ghost-fg-h: #919191;
  --yp-btn-color-one-outline-bg: #ffffff01;
  --yp-btn-color-one-outline-bg-h: #1111111a;
  --yp-btn-color-one-outline-border: #111111;
  --yp-btn-color-one-outline-fg: #111111;
  --yp-btn-color-one-outline-fg-h: #111111;
  --yp-btn-color-two-fill-bg: #ffed1a;
  --yp-btn-color-two-fill-bg-h: #ffff7d;
  --yp-btn-color-two-fill-fg: #111111;
  --yp-btn-color-two-fill-fg-h: #111111;
  --yp-btn-color-two-ghost-bg: #11111100;
  --yp-btn-color-two-ghost-bg-h: #11111133;
  --yp-btn-color-two-ghost-fg: #ffed1a;
  --yp-btn-color-two-ghost-fg-h: #ffff7d;
  --yp-btn-color-two-outline-bg: #ffffff01;
  --yp-btn-color-two-outline-bg-h: #ffed1a1a;
  --yp-btn-color-two-outline-border: #ffed1a;
  --yp-btn-color-two-outline-fg: #ffed1a;
  --yp-btn-color-two-outline-fg-h: #ffed1a;
  --yp-btn-color-white-fill-bg: #ffffff;
  --yp-btn-color-white-fill-bg-h: #ffed1a;
  --yp-btn-color-white-fill-fg: #111111;
  --yp-btn-color-white-fill-fg-h: #111111;
  --yp-btn-color-white-ghost-bg: #ffffff00;
  --yp-btn-color-white-ghost-bg-h: #ffffff40;
  --yp-btn-color-white-ghost-fg: #ffffff;
  --yp-btn-color-white-ghost-fg-h: #ffffff;
  --yp-btn-color-white-outline-bg: #ffffff01;
  --yp-btn-color-white-outline-bg-h: #ffffff33;
  --yp-btn-color-white-outline-border: #ffffff;
  --yp-btn-color-white-outline-fg: #ffffff;
  --yp-btn-color-white-outline-fg-h: #ffffff;
  --yp-btn-hero-dk-fill-bg: #e5018a;
  --yp-btn-hero-dk-fill-bg-h: #bd0a60;
  --yp-btn-hero-dk-fill-fg: #ffffff;
  --yp-btn-hero-dk-fill-fg-h: #ffffff;
  --yp-btn-hero-dk-ghost-bg: #e5018a00;
  --yp-btn-hero-dk-ghost-bg-h: #e5018a1a;
  --yp-btn-hero-dk-ghost-fg: #e5018a;
  --yp-btn-hero-dk-ghost-fg-h: #e5018a;
  --yp-btn-hero-dk-outline-bg: #ffffff01;
  --yp-btn-hero-dk-outline-bg-h: #e5018a1a;
  --yp-btn-hero-dk-outline-border: #e5018a;
  --yp-btn-hero-dk-outline-fg: #e5018a;
  --yp-btn-hero-dk-outline-fg-h: #e5018a;
  --yp-btn-hero-lt-fill-bg: #faff0a;
  --yp-btn-hero-lt-fill-bg-h: #b9bc00;
  --yp-btn-hero-lt-fill-fg: #1a1a1a;
  --yp-btn-hero-lt-fill-fg-h: #1a1a1a;
  --yp-btn-hero-lt-ghost-bg: #faff0a00;
  --yp-btn-hero-lt-ghost-bg-h: #faff0a1a;
  --yp-btn-hero-lt-ghost-fg: #faff0a;
  --yp-btn-hero-lt-ghost-fg-h: #faff0a;
  --yp-btn-hero-lt-outline-bg: #ffffff01;
  --yp-btn-hero-lt-outline-bg-h: #faff0a1a;
  --yp-btn-hero-lt-outline-border: #faff0a;
  --yp-btn-hero-lt-outline-fg: #faff0a;
  --yp-btn-hero-lt-outline-fg-h: #faff0a;
  --yp-btn-speed-toggle-bg: #0000004d;
  --yp-btn-speed-toggle-bg-h: #0000004d;
  --yp-btn-speed-toggle-border: #ffffff33;
  --yp-btn-speed-toggle-border-h: #ffffff80;
  --yp-btn-speed-toggle-fg: #ffffff;
  --yp-btn-speed-toggle-fg-h: #ffffff;
  --yp-dialog-dk-bg: #262626;
  --yp-dialog-dk-border: #ffffff;
  --yp-dialog-dk-table-line-pri: #262626;
  --yp-dialog-dk-table-line-sec: #555555;
  --yp-dialog-dk-txt-color-pri: #ffffff;
  --yp-dialog-dk-txt-color-sec: #959595;
  --yp-dialog-lt-bg: #ffffff;
  --yp-dialog-lt-border: #ffffff;
  --yp-dialog-lt-table-line-pri: #ffffff;
  --yp-dialog-lt-table-line-sec: #e6e6e6;
  --yp-dialog-lt-txt-color-pri: #1a1a1a;
  --yp-dialog-lt-txt-color-sec: #6b6b6b;
  --yp-intertitle-dk-bg: #000000cc;
  --yp-intertitle-dk-txt-pri: #ffffff;
  --yp-intertitle-dk-txt-sec: #959595;
  --yp-intertitle-lt-bg: #ffffff;
  --yp-intertitle-lt-txt-pri: #1a1a1a;
  --yp-intertitle-lt-txt-sec: #6b6b6b;
  --yp-label-dk-blank-bg: #1a1a1a00;
  --yp-label-dk-border: #ffffff00;
  --yp-label-dk-fill-bg: #1a1a1a;
  --yp-label-dk-highlight: #ffed1a;
  --yp-label-dk-transparent-bg: #1a1a1ad9;
  --yp-label-dk-txt-pri: #ffffff;
  --yp-label-dk-txt-sec: #959595;
  --yp-label-lt-blank-bg: #ffffff00;
  --yp-label-lt-border: #1a1a1a00;
  --yp-label-lt-fill-bg: #ffffff;
  --yp-label-lt-highlight: #ffed1a;
  --yp-label-lt-transparent-bg: #ffffffd9;
  --yp-label-lt-txt-pri: #1a1a1a;
  --yp-label-lt-txt-sec: #6b6b6b;
  --yp-pbar-current-time: #ffed1a;
  --yp-pbar-full: #ffffff40;
  --yp-pbar-marker: #ffffff;
  --yp-pbar-played: #bfbfbf;
  --yp-pbar-scrubber: #ffed1a;
  --yp-pbar-scrubber-drag: #ffed1a4d;
  --yp-pbar-thumbnail-bg: #ffffff;
  --yp-pbar-thumbnail-bg-time: #ffffff;
  --yp-pbar-thumbnail-border-color: #ffffff;
  --yp-pbar-thumbnail-txt-pri: #ffffff;
  --yp-sbar-bg: #0d0d0d;
  --yp-sbar-card-bg: #0d0d0d;
  --yp-sbar-card-bg-h: #ffffff33;
  --yp-sbar-card-border: #333333;
  --yp-sbar-card-container-stroke: #333333;
  --yp-sbar-chapter-step-active: #ffed1a33;
  --yp-sbar-interaction-pri: #ffed1a;
  --yp-sbar-interaction-sec: #ffed1a80;
  --yp-sbar-txt-pri: #ffffff;
  --yp-sbar-txt-sec: #959595;
  --yp-spinner-color: #ffed1a;
  --yp-start-video-btn-bg: #ffffff;
  --yp-start-video-btn-bg-h: #d6d6d6;
  --yp-start-video-btn-fg: #000000;
  --yp-start-video-btn-fg-h: #000000;
  --yp-subtitle-dk-blank-bg: #1a1a1a00;
  --yp-subtitle-dk-fg: #ffffff;
  --yp-subtitle-dk-fill-bg: #1a1a1a;
  --yp-subtitle-dk-transparent-bg: #1a1a1ae5;
  --yp-subtitle-dk-transparent-low-bg: #1a1a1a4d;
  --yp-subtitle-lt-blank-bg: #f2f2f200;
  --yp-subtitle-lt-fg: #1a1a1a;
  --yp-subtitle-lt-fill-bg: #f2f2f2;
  --yp-subtitle-lt-transparent-bg: #f2f2f2e5;
  --yp-subtitle-lt-transparent-low-bg: #f2f2f24d;
  --yp-tooltips-bg-dark: #262626;
  --yp-tooltips-fg: #ffffff;
  --yp-warning-bg: #1a1a1a;
  --yp-warning-text-pri: #ffffff;
  --yp-warning-level-1-bg: #ffffff;
  --yp-warning-level-1-bg-h: #d9d9d9;
  --yp-warning-level-1-fg: #000000;
  --yp-warning-level-2-bg: #246cf3;
  --yp-warning-level-2-bg-h: #5189f1;
  --yp-warning-level-2-fg: #ffffff;
  --yp-warning-level-3-bg: #fbff00;
  --yp-warning-level-3-bg-h: #dfe200;
  --yp-warning-level-3-fg: #000000;
  --yp-warning-level-4-bg: #ffa000;
  --yp-warning-level-4-bg-h: #d78700;
  --yp-warning-level-4-fg: #000000;
  --yp-warning-level-5-bg: #ee0000;
  --yp-warning-level-5-bg-h: #ec6565;
  --yp-warning-level-5-fg: #ffffff;
  --yp-yp-root-green: #81c784;
  --yp-yp-root-red: #f44336;
  --yp-yp-root-yellow: #ffeb3b;
  --yp-btn-angular-txt-btn-small-cr: 0.1875rem;
  --yp-btn-angular-txt-btn-medium-cr: 0.21875rem;
  --yp-btn-angular-txt-btn-big-cr: 0.25rem;
  --yp-btn-angular-icon-btn-small-cr: 0.75rem;
  --yp-btn-angular-icon-btn-medium-cr: 1rem;
  --yp-btn-angular-icon-btn-big-cr: 1.75rem;
  --yp-btn-round-icon-btn-cr: 5rem;
  --yp-btn-round-txt-btn-cr: 5rem;
  --yp-dialog-bg-rd: 0.625rem;
  --yp-label-bg-rd: 0rem;
  --yp-label-highlight-height: 0.25rem;
  --yp-sbar-corner-rd-none: 0rem;
  --yp-sbar-corner-rd: 0.625rem;
  --yp-subtitle-corner-rd: 0.125rem;
  --yp-subtitle-vertical-padding: 0.125rem;
  --yp-subtitle-horizontal-padding: 0.25rem;
--yp-root-font: "Roboto";
}