@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('assets/fonts/slick.eot');
  src:
    url('assets/fonts/slick.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/slick.woff') format('woff'),
    url('assets/fonts/slick.ttf') format('truetype'),
    url('assets/fonts/slick.svg#slick') format('svg');
  font-display: swap;
}

@font-face {
  font-family: 'tfg';
  src: url('assets/fonts/icon-font/tfg.eot?j32v8q');
  src:
    url('assets/fonts/icon-font/tfg.eot?j32v8q#iefix') format('embedded-opentype'),
    url('assets/fonts/icon-font/tfg.ttf?j32v8q') format('truetype'),
    url('assets/fonts/icon-font/tfg.woff?j32v8q') format('woff'),
    url('assets/fonts/icon-font/tfg.svg?j32v8q#tfg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.ssBtnDefault {
  position: absolute;
  z-index: 100000000;
  background: none;
  border: none;
  outline: none;
  right: 0;
  cursor: pointer;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  top: 8px;
  right: 8px;
  opacity: 0.6;
  pointer-events: all;
  transition-duration: 0.25s;
}
.ssBtnDefault:hover {
  opacity: 1 !important;
  transition-duration: 0.25s;
}
.ssBtnDefault .fade {
  transition-duration: 5s;
  opacity: 0;
}
.ssBtnYouTube {
  background: none;
  border: none;
}
ytd-watch-flexy .ytp-right-controls-left .ssBtnYouTube svg {
  margin: 1px auto;
  width: 22px;
  height: auto;
}
.ytp-embed .ytp-right-controls .ssBtnYouTube {
  width: 20px !important;
  margin-right: 15px !important;
}
.ssBtnVimeo {
  height: 2rem !important;
  width: 2rem !important;
  margin-top: 8px !important;
}
.ssBtnVimeo button {
  width: 100% !important;
  height: 100% !important;
}
.ssBtnVimeo button svg {
  width: 19px;
}
.ssBtnNetflix {
  background: none;
  border: none;
  cursor: pointer;
  width: 4rem;
  margin: 0 0.5rem;
  display: inline-block;
  flex-shrink: 0;
}
.ssBtnNetflix > svg {
  transform: translateY(-0.5rem);
}
.ssBtnNetflix:hover {
  transform: scale(1.2);
  transition-duration: 0.25s;
}
.ssBtnHulu {
  width: 27px;
  margin-top: 4px;
  margin-right: 10px;
  opacity: 0.7;
  cursor: pointer;
}
.ssBtnHulu:hover {
  opacity: 1;
}
.ssBtnAmazon {
  margin-left: 1.5vw;
  outline: none;
  cursor: pointer;
  opacity: 0.8;
}
.ssBtnAmazon:hover {
  opacity: 1;
}
@media (min-width: 1200px) {
  .ssBtnAmazon {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
  }
}
@media (max-width: 1199px) {
  .ssBtnAmazon {
    width: 20px;
    height: 20px;
  }
}
.ssBtnMax {
  width: 24px;
  height: 24px;
  margin: 4px;
  padding: 12px;
  box-sizing: content-box;
  position: relative;
  opacity: 0.7;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ssBtnMax:hover {
  opacity: 1;
  transform: scale(1.2);
}
.ssBtnMax svg {
  width: 24px;
  height: 24px;
}
.ssBtnDisney {
  opacity: 0.7;
}
.ssBtnDisney:hover {
  opacity: 1;
}
.ssBtnDisney svg {
  width: 25px !important;
  height: 31px !important;
  padding-top: 4px;
  margin-right: 7px;
}
.ssBtnApple {
  cursor: pointer;
  opacity: 0.7;
}
.ssBtnApple:hover {
  opacity: 1;
}
.ssBtnApple svg {
  width: 22px !important;
  height: 22px !important;
  margin-right: 2px !important;
}
body .vsNotification {
  display: flex;
  width: 100%;
  height: 4rem;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 1000000000;
  top: -4rem;
  padding: 0.75rem 1.25em;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.25em;
  font-size: 12px;
  height: fit-content;
  justify-self: center;
  width: auto;
  animation-name: notification;
  animation-iteration-count: 1;
  animation-duration: 2s;
}
@keyframes notification {
  0% {
    top: -4rem;
  }
  25% {
    top: 3rem;
  }
  85% {
    top: 3rem;
  }
  100% {
    top: -4rem;
  }
}
body .vsNotification.persist {
  top: 3rem;
  animation-name: notification-persist;
  animation-iteration-count: 1;
  animation-duration: 1s;
}
@keyframes notification-persist {
  0% {
    top: -4rem;
  }
  100% {
    top: 3rem;
  }
}
body .vsNotification.success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}
body .vsNotification.fail {
  background-color: #edd4d4;
  border-color: #e6c3c3;
  color: #b62424;
}
body .vsNotification .vsNotificationClose {
  color: #b62424;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  line-height: 0;
  position: relative;
  left: 0.5rem;
  cursor: pointer;
}
body .vsNotification .vsNContent {
  position: absolute;
  z-index: 1000000000;
  margin-bottom: 1em;
  padding: 0.75rem 1.25em;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0.25em;
  font-size: 12px;
  height: fit-content;
  top: 0;
}
body .vsNotification a {
  color: #b62424;
}
.ssModal {
  display: none;
  position: fixed;
  z-index: 100000000;
  right: 20px;
  opacity: 0;
  background-color: #fffefa;
  border-radius: 3px;
  padding: 25px;
  color: #525252;
  font-family: muli, sans-serif;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  animation-name: animateOn;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
.ssModal.visible {
  display: block;
}
.ssModal * {
  vertical-align: middle;
  line-height: normal;
  font-weight: normal;
}
@keyframes animateOn {
  from {
    opacity: 0;
    top: 0px;
  }
  to {
    opacity: 1;
    top: 20px;
  }
}
.ssModal .close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  opacity: 0.5;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NDMuNCA0NDMuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQzLjQgNDQzLjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTYuOCw0MDMuNWwxODEuOC0xODEuOEw2LjgsMzkuOWMtNS45LTUuOS04LjItMTQuNS02LTIyLjZDMyw5LjIsOS4yLDMsMTcuMywwLjhjOC4xLTIuMiwxNi43LDAuMSwyMi42LDZsMTgxLjgsMTgxLjgKCUw0MDMuNSw2LjhjNS45LTUuOSwxNC41LTguMiwyMi42LTZjOC4xLDIuMiwxNC40LDguNCwxNi41LDE2LjVjMi4yLDguMS0wLjEsMTYuNy02LDIyLjZMMjU0LjcsMjIxLjdsMTgxLjgsMTgxLjgKCWM1LjksNS45LDguMiwxNC41LDYsMjIuNmMtMi4yLDguMS04LjQsMTQuNC0xNi41LDE2LjVjLTguMSwyLjItMTYuNy0wLjEtMjIuNi02TDIyMS43LDI1NC43TDM5LjksNDM2LjVjLTUuOSw1LjktMTQuNSw4LjItMjIuNiw2CglDOS4yLDQ0MC40LDMsNDM0LjEsMC44LDQyNkMtMS40LDQxOCwwLjksNDA5LjQsNi44LDQwMy41TDYuOCw0MDMuNXoiLz4KPC9zdmc+Cg==);
  width: 10px;
  height: 10px;
}
.ssModal .ssButtons {
  margin-top: 25px;
  text-align: right;
}
.ssModal .ssButtons .ssButton,
.ssModal .ssButtons a .ssButton {
  display: inline-block;
  height: 20px;
  padding: 3px 12px 3px;
  margin-left: 14px;
  border-radius: 4px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  font-size: 12px;
  color: #525252;
  line-height: 20px;
  font-weight: normal;
  cursor: pointer;
  text-decoration: none;
}
.ssModal .ssButtons .ssButton .emoji,
.ssModal .ssButtons a .ssButton .emoji {
  font-size: 15px;
  vertical-align: bottom;
}
.ssModal .ssButtons .ssButton.blue,
.ssModal .ssButtons a .ssButton.blue {
  background-color: #19acef;
  color: #fff;
}
.ssModal .icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIKCSBpZD0iTGF5ZXJfMSIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgODMuOSIKCSBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgODMuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMwMEFERUY7fQo8L3N0eWxlPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC05NTIuMzYyMTgpIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNS42LDk1Mi40Yy0xLjMsMC0yLjQsMS0yLjksMS44bC01LjYsMTEuMUgxMWMtNiwwLTExLDUtMTEsMTF2NDljMCw2LDUsMTEsMTEsMTFoNzhjNiwwLDExLTUsMTEtMTF2LTQ5CgkJYzAtNi01LTExLTExLTExSDcyLjlsLTUuNi0xMS4xYy0wLjUtMS4xLTEuNi0xLjgtMi45LTEuOEwzNS42LDk1Mi40TDM1LjYsOTUyLjR6IE0zNy42LDk1OC44aDI1LjJsNS41LDExLjEKCQljMC41LDEuMSwxLjYsMS44LDIuOSwxLjhoMTguMWMyLjYsMCw0LjUsMS45LDQuNSw0LjV2NDljMCwyLjYtMS45LDQuNS00LjUsNC41SDExLjFjLTIuNiwwLTQuNS0xLjktNC41LTQuNXYtNDkKCQljMC0yLjYsMS45LTQuNSw0LjUtNC41aDE4LjFjMS4xLDAsMi40LTAuOCwyLjktMS44TDM3LjYsOTU4Ljh6IE01MC4yLDk3OS44Yy0xMS42LDAtMjEsOS40LTIxLDIxczkuNCwyMSwyMSwyMXMyMS05LjQsMjEtMjEKCQlTNjEuOCw5NzkuOCw1MC4yLDk3OS44eiBNNTAuMiw5ODYuMmM4LjEsMCwxNC41LDYuNSwxNC41LDE0LjVzLTYuNSwxNC41LTE0LjUsMTQuNXMtMTQuNS02LjUtMTQuNS0xNC41UzQyLjEsOTg2LjIsNTAuMiw5ODYuMnoiLz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-right: 22px;
  margin-top: 2px;
  display: inline-block;
}
.ssModal .body {
  display: inline-block;
  width: 315px;
}
.ssModal .body .title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 7px;
}
.ssModal .body .description {
  font-size: 13px;
  font-weight: lighter;
}
body #ssTempHolder {
  position: fixed;
  z-index: 1000000000000;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: none;
}
body #ssTempHolder video {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
}
body.ssTakeScreenshot .ssElement {
  z-index: 100000000000 !important;
}
body.ssTakeScreenshot.ssNetflix [data-uia='video-canvas'] {
  z-index: 10000000;
}
body.ssTakeScreenshot.ssNetflix video {
  background-color: #000;
}
body.ssTakeScreenshot.ssNetflix .player-timedtext {
  display: none !important;
}
body.ssTakeScreenshot.ssNetflix.showSubs .player-timedtext {
  display: block !important;
}
body.ssTakeScreenshot.ssAmazon .dv-player-fullscreen video {
  z-index: 99999999 !important;
}
body.ssTakeScreenshot.ssDisney .btm-media-overlays-container {
  display: none;
}
body.ssTakeScreenshot.ssDisney .TimedTextOverlay {
  display: none;
}
body.ssTakeScreenshot.ssDisney.showSubs .TimedTextOverlay {
  display: block;
}
body.ssTakeScreenshot.ssHulu .ContentPlayer__contentArea {
  z-index: 10000000000;
  position: relative;
}
body.ssTakeScreenshot.ssHulu .ClosedCaption {
  display: none;
}
body.ssTakeScreenshot.ssHulu.showSubs .ClosedCaption {
  display: block;
}
body.ssTakeScreenshot.ssMax video {
  z-index: 99999999;
  position: relative;
}
body.ssTakeScreenshot.ssYoutube .html5-video-container,
body.ssTakeScreenshot.ssYoutube .ytp-caption-window-container {
  z-index: 999999999 !important;
}
body.ssTakeScreenshot.ssApple #apple-music-video-player {
  z-index: 999999999 !important;
}
body.ssTakeScreenshot.ssApple .video-player-scrim {
  display: none;
}
body .ssWrapper {
  overflow: hidden;
}