@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-color-shift-h: 0;
  --yp-color-shift-s: 0%;
  --yp-color-primary-h: 217;
  --yp-color-primary-s: 84%;
  --yp-color-primary-l: 44%;
  --yp-color-primary-interaction-h: 217;
  --yp-color-primary-interaction-s: 100%;
  --yp-color-primary-interaction-l: 54%;
  --yp-color-secondary-h: 194;
  --yp-color-secondary-s: 100%;
  --yp-color-secondary-l: 55%;
  --yp-color-secondary-interaction-h: 194;
  --yp-color-secondary-interaction-s: 82%;
  --yp-color-secondary-interaction-l: 44%;
  --yp-color-black-h: 0;
  --yp-color-black-s: 0%;
  --yp-color-black-l: 0%;
  --yp-color-white-h: 0;
  --yp-color-white-s: 0%;
  --yp-color-white-l: 100%;
  --yp-ansi-color-danger: #ee0000;
  --yp-ansi-color-danger-hover: #cc0000;
  --yp-ansi-color-warning: #ffa000;
  --yp-ansi-color-warning-hover: #e59000;
  --yp-ansi-color-caution: #fbff00;
  --yp-ansi-color-caution-hover: #d3d600;
  --yp-ansi-color-notice: #246cf3;
  --yp-ansi-color-notice-hover: #0c53da;
  --yp-opacity-low: 12%;
  --yp-opacity-medium: 24%;
  --yp-opacity-high: 80%;
  --yp-btn-color-black-fill-bg: #15074e;
  --yp-btn-color-black-fill-bg-h: #200b76;
  --yp-btn-color-black-fill-fg: #ffffff;
  --yp-btn-color-black-fill-fg-h: #ffffff;
  --yp-btn-color-black-ghost-bg: #15074e00;
  --yp-btn-color-black-ghost-bg-h: #15074e1a;
  --yp-btn-color-black-ghost-fg: #15074e;
  --yp-btn-color-black-ghost-fg-h: #15074e;
  --yp-btn-color-black-soft-bg: #15074e1f;
  --yp-btn-color-black-soft-bg-h: #15074e3d;
  --yp-btn-color-black-soft-fg: #15074e;
  --yp-btn-color-black-soft-border: #15074e3d;
  --yp-btn-color-black-outline-bg: #ffffff01;
  --yp-btn-color-black-outline-bg-h: #15074e1a;
  --yp-btn-color-black-outline-border: #15074e;
  --yp-btn-color-black-outline-fg: #15074e;
  --yp-btn-color-black-outline-fg-h: #15074e;
  --yp-btn-color-one-fill-bg: #3512c4;
  --yp-btn-color-one-fill-bg-h: #200b76;
  --yp-btn-color-one-fill-fg: #ffffff;
  --yp-btn-color-one-fill-fg-h: #ffffff;
  --yp-btn-color-one-ghost-bg: #3f15eb00;
  --yp-btn-color-one-ghost-bg-h: #3f15eb1a;
  --yp-btn-color-one-ghost-fg: #3512c4;
  --yp-btn-color-one-ghost-fg-h: #3512c4;
  --yp-btn-color-one-soft-bg: #3512c41f;
  --yp-btn-color-one-soft-bg-h: #3512c43d;
  --yp-btn-color-one-soft-fg: #3512c4;
  --yp-btn-color-one-soft-border: #3512c43d;
  --yp-btn-color-one-outline-bg: #ffffff01;
  --yp-btn-color-one-outline-bg-h: #3f15eb1a;
  --yp-btn-color-one-outline-border: #3512c4;
  --yp-btn-color-one-outline-fg: #3512c4;
  --yp-btn-color-one-outline-fg-h: #3512c4;
  --yp-btn-color-two-fill-bg: #1a9bff;
  --yp-btn-color-two-fill-bg-h: #8ccdff;
  --yp-btn-color-two-fill-fg: #18171c;
  --yp-btn-color-two-fill-fg-h: #18171c;
  --yp-btn-color-two-ghost-bg: #1a9bff00;
  --yp-btn-color-two-ghost-bg-h: #1a9bff33;
  --yp-btn-color-two-ghost-fg: #1a9bff;
  --yp-btn-color-two-ghost-fg-h: #1a9bff;
  --yp-btn-color-two-soft-bg: #1a9bff1f;
  --yp-btn-color-two-soft-bg-h: #1a9bff3d;
  --yp-btn-color-two-soft-fg: #1a9bff;
  --yp-btn-color-two-soft-border: #1a9bff3d;
  --yp-btn-color-two-outline-bg: #ffffff01;
  --yp-btn-color-two-outline-bg-h: #1a9bff33;
  --yp-btn-color-two-outline-border: #1a9bff;
  --yp-btn-color-two-outline-fg: #1a9bff;
  --yp-btn-color-two-outline-fg-h: #1a9bff;
  --yp-btn-color-white-fill-bg: #ffffff;
  --yp-btn-color-white-fill-bg-h: #e6e6e6;
  --yp-btn-color-white-fill-fg: #0d042f;
  --yp-btn-color-white-fill-fg-h: #0d042f;
  --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-soft-bg: #ffffff1f;
  --yp-btn-color-white-soft-bg-h: #ffffff3d;
  --yp-btn-color-white-soft-fg: #ffffff;
  --yp-btn-color-white-soft-border: #ffffff3d;
  --yp-btn-color-white-outline-bg: #ffffff01;
  --yp-btn-color-white-outline-bg-h: #ffffff33;
  --yp-btn-color-white-outline-border: #ffffff80;
  --yp-btn-color-white-outline-fg: #ffffff;
  --yp-btn-color-white-outline-fg-h: #ffffff;
  --yp-btn-hero-dk-fill-bg: #1e0066;
  --yp-btn-hero-dk-fill-bg-h: #0f0033;
  --yp-btn-hero-dk-fill-fg: #ffffff;
  --yp-btn-hero-dk-fill-fg-h: #ffffff;
  --yp-btn-hero-dk-ghost-bg: #1e006600;
  --yp-btn-hero-dk-ghost-bg-h: #1e00661a;
  --yp-btn-hero-dk-ghost-fg: #1e0066;
  --yp-btn-hero-dk-ghost-fg-h: #1e0066;
  --yp-btn-hero-dk-soft-bg: #1e00661f;
  --yp-btn-hero-dk-soft-bg-h: #1e00663d;
  --yp-btn-hero-dk-soft-fg: #1e0066;
  --yp-btn-hero-dk-soft-border: #1e00663d;
  --yp-btn-hero-dk-outline-bg: #ffffff01;
  --yp-btn-hero-dk-outline-bg-h: #1e00661a;
  --yp-btn-hero-dk-outline-border: #1e0066;
  --yp-btn-hero-dk-outline-fg: #1e0066;
  --yp-btn-hero-dk-outline-fg-h: #1e0066;
  --yp-btn-hero-lt-fill-bg: #00ffcc;
  --yp-btn-hero-lt-fill-bg-h: #66ffe0;
  --yp-btn-hero-lt-fill-fg: #1a1a1a;
  --yp-btn-hero-lt-fill-fg-h: #1a1a1a;
  --yp-btn-hero-lt-ghost-bg: #00ffcc00;
  --yp-btn-hero-lt-ghost-bg-h: #00ffcc1a;
  --yp-btn-hero-lt-ghost-fg: #00ffcc;
  --yp-btn-hero-lt-ghost-fg-h: #00ffcc;
  --yp-btn-hero-lt-soft-bg: #00ffcc1f;
  --yp-btn-hero-lt-soft-bg-h: #00ffcc3d;
  --yp-btn-hero-lt-soft-fg: #00ffcc;
  --yp-btn-hero-lt-soft-border: #00ffcc3d;
  --yp-btn-hero-lt-outline-bg: #ffffff01;
  --yp-btn-hero-lt-outline-bg-h: #00ffcc1a;
  --yp-btn-hero-lt-outline-border: #00ffcc;
  --yp-btn-hero-lt-outline-fg: #00ffcc;
  --yp-btn-hero-lt-outline-fg-h: #00ffcc;
  --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: #333333;
  --yp-dialog-dk-stk: #555555;
  --yp-dialog-dk-table-line-pri: #333333;
  --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-stk: #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: #00000047;
  --yp-intertitle-dk-txt-pri: #ffffff;
  --yp-intertitle-dk-txt-sec: #959595;
  --yp-intertitle-lt-bg: #ffffff80;
  --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: #1a9bff;
  --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: #3512c4;
  --yp-label-lt-transparent-bg: #ffffffd9;
  --yp-label-lt-txt-pri: #1a1a1a;
  --yp-label-lt-txt-sec: #6b6b6b;
  --yp-metric-cards-bg: #1a1a1ad9;
  --yp-metric-cards-txt: #ffffff;
  --yp-metric-cards-muted: #959595;
  --yp-metric-cards-icon: #ffffff;
  --yp-metric-cards-underline: #1a9bff;
  --yp-metric-cards-border: #ffffff26;
  --yp-metric-cards-lt-bg: #ffffffd9;
  --yp-metric-cards-lt-txt: #1a1a1a;
  --yp-metric-cards-lt-muted: #6b6b6b;
  --yp-metric-cards-lt-icon: #1a1a1a;
  --yp-metric-cards-lt-underline: #3512c4;
  --yp-metric-cards-lt-border: #1a1a1a26;
  --yp-metric-cards-dk-bg: #1a1a1ad9;
  --yp-metric-cards-dk-txt: #ffffff;
  --yp-metric-cards-dk-muted: #959595;
  --yp-metric-cards-dk-icon: #ffffff;
  --yp-metric-cards-dk-underline: #1a9bff;
  --yp-metric-cards-dk-border: #ffffff26;
  --yp-metric-card-bg: #1a1a1ad9;
  --yp-metric-card-txt: #ffffff;
  --yp-metric-card-muted: #959595;
  --yp-metric-card-icon: #ffffff;
  --yp-metric-card-underline: #1a9bff;
  --yp-metric-card-border: #ffffff26;
  --yp-metric-card-lt-bg: #ffffffd9;
  --yp-metric-card-lt-txt: #1a1a1a;
  --yp-metric-card-lt-muted: #6b6b6b;
  --yp-metric-card-lt-icon: #1a1a1a;
  --yp-metric-card-lt-underline: #3512c4;
  --yp-metric-card-lt-border: #1a1a1a26;
  --yp-metric-card-dk-bg: #1a1a1ad9;
  --yp-metric-card-dk-txt: #ffffff;
  --yp-metric-card-dk-muted: #959595;
  --yp-metric-card-dk-icon: #ffffff;
  --yp-metric-card-dk-underline: #1a9bff;
  --yp-metric-card-dk-border: #ffffff26;
  --yp-pbar-current-time: #1a9bff;
  --yp-pbar-full: #ffffff40;
  --yp-pbar-marker: #ffffff;
  --yp-pbar-played: #bfbfbf00;
  --yp-pbar-scrubber: #1a9bff;
  --yp-pbar-scrubber-drag: #1a9bff4d;
  --yp-pbar-thumbnail-bg: #1a1a1a;
  --yp-pbar-thumbnail-bg-time: #00000099;
  --yp-pbar-thumbnail-border-color: #808080;
  --yp-pbar-thumbnail-txt-pri: #ffffff;
  --yp-sbar-bg: #1f1f1f;
  --yp-sbar-card-bg: #0d0d0d;
  --yp-sbar-card-bg-h: #1a9bff1a;
  --yp-sbar-inventory-cat-header-bg: #ffffff1f;
  --yp-sbar-chapter-step-active: #1a9bff33;
  --yp-sbar-chapter-step-hover: #1a9bff1a;
  --yp-sbar-interaction-pri: #1a9bff;
  --yp-sbar-interaction-sec: #1a9bff80;
  --yp-sbar-stk-card: #333333;
  --yp-sbar-txt-pri: #ffffff;
  --yp-sbar-txt-sec: #959595;
  --yp-sbar-card-border: #4d4d4d;
  --yp-spinner-color: #1a9bff;
  --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-tooltip-bg: #1a1a1a;
  --yp-tooltip-bg-time: #00000099;
  --yp-tooltip-stk-color: #808080;
  --yp-tooltip-txt-pri: #ffffff;
  --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.1875em;
  --yp-btn-angular-txt-btn-medium-cr: 0.2188em;
  --yp-btn-angular-txt-btn-big-cr: 0.25em;
  --yp-btn-angular-icon-btn-small-cr: 0.75em;
  --yp-btn-angular-icon-btn-medium-cr: 1em;
  --yp-btn-angular-icon-btn-big-cr: 1.75em;
  --yp-btn-round-icon-btn-cr: 5em;
  --yp-btn-round-txt-btn-cr: 5em;
  --yp-dialog-bg-rd: 0.625em;
  --yp-label-bg-rd: 0em;
  --yp-label-highlight-height: 0.25em;
  --yp-sbar-corner-rd-none: 0em;
  --yp-sbar-corner-rd: 0.625em;
  --yp-subtitle-corner-rd: 0.125em;
  --yp-subtitle-vertical-padding: 0.125em;
  --yp-subtitle-horizontal-padding: 0.25em;
  --yp-elevation-2dp: 0 calc(var(--yntro-app-font-size) * 0.125) calc(var(--yntro-app-font-size) * 0.063) calc(var(--yntro-app-font-size) * -0.063) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 0.063) calc(var(--yntro-app-font-size) * 0.063) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.063) calc(var(--yntro-app-font-size) * 0.188) 0 rgb(0 0 0 / 12%);
  --yp-elevation-3dp: 0 calc(var(--yntro-app-font-size) * 0.188) calc(var(--yntro-app-font-size) * 0.063) calc(var(--yntro-app-font-size) * -0.125) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 0.063) calc(var(--yntro-app-font-size) * 0.063) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.125) calc(var(--yntro-app-font-size) * 0.188) 0 rgb(0 0 0 / 12%);
  --yp-elevation-4dp: 0 calc(var(--yntro-app-font-size) * 0.25) calc(var(--yntro-app-font-size) * 0.125) calc(var(--yntro-app-font-size) * -0.125) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 0.125) calc(var(--yntro-app-font-size) * 0.125) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.125) calc(var(--yntro-app-font-size) * 0.25) 0 rgb(0 0 0 / 12%);
  --yp-elevation-6dp: 0 calc(var(--yntro-app-font-size) * 0.375) calc(var(--yntro-app-font-size) * 0.313) calc(var(--yntro-app-font-size) * -0.063) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 0.313) calc(var(--yntro-app-font-size) * 0.5) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.063) calc(var(--yntro-app-font-size) * 0.875) 0 rgb(0 0 0 / 12%);
  --yp-elevation-8dp: 0 calc(var(--yntro-app-font-size) * 0.5) calc(var(--yntro-app-font-size) * 0.375) calc(var(--yntro-app-font-size) * -0.125) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 0.375) calc(var(--yntro-app-font-size) * 0.625) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.188) calc(var(--yntro-app-font-size) * 1.25) 0 rgb(0 0 0 / 12%);
  --yp-elevation-9dp: 0 calc(var(--yntro-app-font-size) * 0.563) calc(var(--yntro-app-font-size) * 0.438) calc(var(--yntro-app-font-size) * -0.125) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 0.438) calc(var(--yntro-app-font-size) * 0.688) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.25) calc(var(--yntro-app-font-size) * 1.375) 0 rgb(0 0 0 / 12%);
  --yp-elevation-12dp: 0 calc(var(--yntro-app-font-size) * 0.75) calc(var(--yntro-app-font-size) * 0.625) calc(var(--yntro-app-font-size) * -0.125) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 0.625) calc(var(--yntro-app-font-size) * 0.938) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.313) calc(var(--yntro-app-font-size) * 1.875) 0 rgb(0 0 0 / 12%);
  --yp-elevation-16dp: 0 calc(var(--yntro-app-font-size) * 1) calc(var(--yntro-app-font-size) * 0.813) calc(var(--yntro-app-font-size) * -0.188) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 0.813) calc(var(--yntro-app-font-size) * 1.25) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.438) calc(var(--yntro-app-font-size) * 2.5) 0 rgb(0 0 0 / 12%);
  --yp-elevation-24dp: 0 calc(var(--yntro-app-font-size) * 1.5) calc(var(--yntro-app-font-size) * 1.25) calc(var(--yntro-app-font-size) * -0.375) rgb(0 0 0 / 20%), 0 calc(var(--yntro-app-font-size) * 1.25) calc(var(--yntro-app-font-size) * 1.875) 0 rgb(0 0 0 / 14%), 0 calc(var(--yntro-app-font-size) * 0.625) calc(var(--yntro-app-font-size) * 3.75) 0 rgb(0 0 0 / 12%);
  --yp-root-font: "Roboto";
}