html {
  scrollbar-gutter: stable;
}
body {
  background: #5B5B5B;
}
#overlay { background:rgba(255,255,255,.75); display:none; position:fixed; top:0; right:0; bottom:0; left:0; opacity:1; width:100%; height:100%; z-index:20; backdrop-filter:blur(3px); }
nav {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.navItem {
  background: #2D2D2D;
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
}
.navItem:hover {
  background: #636363;
  color: #FFFFFF;
  cursor: pointer;
}
#navMenuLandingWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -289px;
  margin-top: -213px;
}
#navMenuLanding {
  width: 142px;
  height: 286px;
  display: flex;
  top: 50%;
  left: 50%;
  flex-direction: column;
  gap: 8px;
  padding: 18px;
  background: #FFFFFF;
  border: 2px solid #000000;
  border-radius: 8px;
}
.navItemLanding {
  display: flex;
  justify-content: center;
  padding: 8px;
  border-left: 1px solid #FFFFFF;
  background: #2D2D2D;
  color: #FFFFFF;
  text-decoration: none;
}
.navItemLanding:hover {
  background: #636363;
  color: #FFFFFF;
  cursor: pointer;
}
.h1landingpage {
  margin: 8px;
}
.h1searcherror {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.externalLinkIcon {
  position: relative;
  height: 18px;
  width: 18px;
  display: inline-block;
  background: url("/images/icons/SiteIcons.18px.61.webp") 0 -486px no-repeat;
}
.fileHostIconKeep2Share { width:18px; height:18px; line-height:18px; background:url("/images/icons/SiteIcons.18px.61.webp") -18px -216px no-repeat; }
.fileHostIconFileBoom { width:18px; height:18px; line-height:18px; background:url("/images/icons/SiteIcons.18px.61.webp") -18px -234px no-repeat; }
.fileHostIconTezFiles { width:18px; height:18px; line-height:18px; background:url("/images/icons/SiteIcons.18px.61.webp") -18px -253px no-repeat; }
.fileHostIconUpstore { width:18px; height:18px; line-height:18px; background:url("/images/icons/SiteIcons.18px.61.webp") -18px -198px no-repeat; }
.linkStatusOnline { vertical-align:top; width:18px; height:18px; line-height:18px; display:inline-block; margin-right:4px; background:url("/images/icons/SiteIcons.18px.61.webp") 0 -504px no-repeat; }
.linkStatusPending { vertical-align:top; width:18px; height:18px; line-height:18px; display:inline-block; margin-right:4px; background:url("/images/icons/SiteIcons.18px.61.webp") 0 -522px no-repeat; }
.linkStatusOffline { vertical-align:top; width:18px; height:18px; line-height:18px; display:inline-block; margin-right:4px; background:url("/images/icons/SiteIcons.18px.61.webp") 0 -540px no-repeat; }
.camSiteIconsAmateur { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -54px no-repeat; }
.camSiteIconsAmateurLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsAmateurLabel:after { content: "Amateur.tv"; }
.camSiteIconsAmateur:hover .camSiteIconsAmateurLabel { display: inline-block; }
.camSiteIconsBongacams { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -36px no-repeat; }
.camSiteIconsBongacamsLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsBongacamsLabel:after { content: "Bongacams"; }
.camSiteIconsBongacams:hover .camSiteIconsBongacamsLabel { display: inline-block; }
.camSiteIconsCam4 { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -54px no-repeat; }
.camSiteIconsCam4Label { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsCam4Label:after { content: "Cam4"; }
.camSiteIconsCam4:hover .camSiteIconsCam4Label { display: inline-block; }
.camSiteIconsCams { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 0 no-repeat; }
.camSiteIconsCamsLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsCamsLabel:after { content: "Cams"; }
.camSiteIconsCams:hover .camSiteIconsCamsLabel { display: inline-block; }
.camSiteIconsCamSoda { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -342px no-repeat; }
.camSiteIconsCamSodaLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsCamSodaLabel:after { content: "CamSoda"; }
.camSiteIconsCamSoda:hover .camSiteIconsCamSodaLabel { display: inline-block; }
.camSiteIconsChaturbate { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -146px no-repeat; }
.camSiteIconsChaturbateLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsChaturbateLabel:after { content: "Chaturbate"; }
.camSiteIconsChaturbate:hover .camSiteIconsChaturbateLabel { display: inline-block; }
.camSiteIconsCherryTV { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") -342px -616px no-repeat; }
.camSiteIconsCherryTVLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsCherryTVLabel:after { content: "CherryTV"; }
.camSiteIconsCherryTV:hover .camSiteIconsCherryTVLabel { display: inline-block; }
.camSiteIconsDreamcam { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -415px no-repeat; }
.camSiteIconsDreamcamLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsDreamcamLabel:after { content: "Dreamcam"; }
.camSiteIconsDreamcam:hover .camSiteIconsDreamcamLabel { display: inline-block; }
.camSiteIconsePlay { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -540px no-repeat; }
.camSiteIconsePlayLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsePlayLabel:after { content: "ePlay"; }
.camSiteIconsePlay:hover .camSiteIconsePlayLabel { display: inline-block; }
.camSiteIconsFlirt4Free { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -164px no-repeat; }
.camSiteIconsFlirt4FreeLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsFlirt4FreeLabel:after { content: "Flirt4Free"; }
.camSiteIconsFlirt4Free:hover .camSiteIconsFlirt4FreeLabel { display: inline-block; }
.camSiteIconsMyFreeCams { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -216px no-repeat; }
.camSiteIconsMyFreeCamsLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsMyFreeCamsLabel:after { content: "MyFreeCams"; }
.camSiteIconsMyFreeCams:hover .camSiteIconsMyFreeCamsLabel { display: inline-block; }
.camSiteIconsMFC { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -216px no-repeat; }
.camSiteIconsMFCLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsMFCLabel:after { content: "MyFreeCams"; }
.camSiteIconsMFC:hover .camSiteIconsMFCLabel { display: inline-block; }
.camSiteIconsSakuraLivejp { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -270px no-repeat; }
.camSiteIconsSakuraLivejpLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsSakuraLivejpLabel:after { content: "SakuraLive"; }
.camSiteIconsSakuraLivejp:hover .camSiteIconsSakuraLivejpLabel { display: inline-block; }
.camSiteIconsShowup { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -288px no-repeat; }
.camSiteIconsShowupLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsShowupLabel:after { content: "Showup.tv"; }
.camSiteIconsShowup:hover .camSiteIconsShowupLabel { display: inline-block; }
.camSiteIconsStreamate { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -306px no-repeat; }
.camSiteIconsStreamateLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsStreamateLabel:after { content: "Streamate"; }
.camSiteIconsStreamate:hover .camSiteIconsStreamateLabel { display: inline-block; }
.camSiteIconsStripchat { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -324px no-repeat; }
.camSiteIconsStripchatLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsStripchatLabel:after { content: "Stripchat"; }
.camSiteIconsStripchat:hover .camSiteIconsStripchatLabel { display: inline-block; }
.camSiteIconsXloveCam { height: 18px; width: 18px; position: relative; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -108px no-repeat; }
.camSiteIconsXloveCamLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 24px; margin-top: -9px; }
.camSiteIconsXloveCamLabel:after { content: "XloveCam"; }
.camSiteIconsXloveCam:hover .camSiteIconsXloveCamLabel { display: inline-block; }
.genderIconsCouple { font-size: 18px; line-height: 18px; margin-top: 2px; }
.genderIconsCouple::before { content: "\01F491"; }
.genderIconsCoupleLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 8px; margin-top: -9px;}
.genderIconsCoupleLabel:after { content: "Couple"; }
.genderIconsCouple:hover .genderIconsCoupleLabel { display: inline-block; }
.genderIconsFemale { font-size: 18px; line-height: 18px; }
.genderIconsFemale::before { content: "\002640"; }
.genderIconsFemaleLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 8px; margin-top: -9px; }
.genderIconsFemaleLabel:after { content: "Female"; }
.genderIconsFemale:hover .genderIconsFemaleLabel { display: inline-block; }
.genderIconsMale { font-size: 18px; line-height: 18px; }
.genderIconsMale::before { content: "\002642"; }
.genderIconsMaleLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 8px; margin-top: -9px; }
.genderIconsMaleLabel:after { content: "Male"; }
.genderIconsMale:hover .genderIconsMaleLabel { display: inline-block; }
.genderIconsTransgender { font-size: 18px; line-height: 18px; }
.genderIconsTransgender::before { content:"\0026A5"; }
.genderIconsTransgenderLabel { display: none; background-color: #FFFFFF; color: #000000; text-align: center; padding: 8px; position: absolute; z-index: 5; border: 1px solid #000000;
  font-size: 18px; margin-left: 8px; margin-top: -9px; }
.genderIconsTransgenderLabel:after { content: "Transgender"; }
.genderIconsTransgender:hover .genderIconsTransgenderLabel { display: inline-block; }
.camSiteLogoAll { height: 56px; width: 202px; }
.camSiteLogoAll::before { font-size: 48px; color: #FFFFFF; text-decoration: none; content: "All"; display: flex; justify-content: center; align-items: center; background: #000000; }
.camSiteLogoAmateur{ height: 56px; width: 202px; background: url('/images/icons/SiteIcons.18px.61.webp') -36px -56px no-repeat; }
.camSiteLogoBongacams{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -36px -168px no-repeat; }
.camSiteLogoCam4{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -36px -224px no-repeat; }
.camSiteLogoCams{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -36px -336px no-repeat; }
.camSiteLogoCamSoda{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -36px -448px no-repeat; }
.camSiteLogoCherryTV { height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -36px -280px no-repeat; }
.camSiteLogoChaturbate { height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -36px -504px no-repeat; }
.camSiteLogoDreamcam { height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -36px -560px no-repeat; }
.camSiteLogoePlay { height: 56px; width: 202px; background: url('/images/icons/SiteIcons.18px.61.webp') -36px -112px no-repeat; }
.camSiteLogoFlirt4Free{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -238px 0px no-repeat; }
.camSiteLogoMFC{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -238px -112px no-repeat; }
.camSiteLogoMyFreeCams{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -238px -112px no-repeat; }
.camSiteLogoSakuraLivejp{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -238px -336px no-repeat; }
.camSiteLogoShowup{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -238px -392px no-repeat; }
.camSiteLogoStreamate{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -238px -448px no-repeat; }
.camSiteLogoStripchat{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -238px -504px no-repeat; }
.camSiteLogoXloveCam{ height: 56px; width: 202px; background: url("/images/icons/SiteIcons.18px.61.webp") -238px -560px no-repeat; }
.thumbsUpSmall { height: 18px; width: 18px; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -379px no-repeat; }
.thumbsDownSmall { height: 18px; width: 18px; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -397px no-repeat; }
.categoryAhegao { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") 0px 0px no-repeat; }
.categoryAmerican { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -320px 0px no-repeat; }
.categoryAsian { height: 180px; width: 640px; background: url("/images/icons/tags.1.01.webp") -640px 0px no-repeat; }
.categoryAnal { height: 180px; width: 820px; background: url("/images/icons/tags.1.01.webp") -960px 0px no-repeat; }
.categoryBBW { height: 180px; width: 1000px; background: url("/images/icons/tags.1.01.webp") -1280px 0px no-repeat; }
.categoryBlack { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") 0px -180px no-repeat; }
.categoryBlondes { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -320px -180px no-repeat; }
.categoryBisexual { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -640px -180px no-repeat; }
.categoryBreasts { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -960px -180px no-repeat; }
.categoryBrunettes { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -1280px -180px no-repeat; }
.categoryButt { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") 0px -360px no-repeat; }
.categoryCollege { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -320px -360px no-repeat; }
.categoryCum-Play { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -640px -360px no-repeat; }
.categoryEuropean { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -960px -360px no-repeat; }
.categoryFeet { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -1280px -360px no-repeat; }
.categoryFetish { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") 0px -540px no-repeat; }
.categoryFucking { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -320px -540px no-repeat; }
.categoryGay { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -640px -540px no-repeat; }
.categoryGroup { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -960px -540px no-repeat; }
.categoryHispanic { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -1280px -540px no-repeat; }
.categoryLesbian { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") 0px -720px no-repeat; }
.categoryMasturbation { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -320px -720px no-repeat; }
.categoryMILF { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -640px -720px no-repeat; }
.categoryOral { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -960px -720px no-repeat; }
.categoryPublic { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -1280px -720px no-repeat; }
.categoryRedheads { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") 0px -900px no-repeat; }
.categorySex-Toys { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -320px -900px no-repeat; }
.categorySquirt { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -640px -900px no-repeat; }
.categoryStrip { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -960px -900px no-repeat; }
.categoryYoung { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") -1280px -900px no-repeat; }
.categoryInteractive-Toys { height: 180px; width: 320px; background: url("/images/icons/tags.1.01.webp") 0px -1080px no-repeat; }
.searchBoxWrapper {
  width: 100%;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom:24px;
}
.modelSearchForm {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  height: 22px;
}
#modelSearch {
  height: 22px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}
#modelSearch:focus-visible {
  outline: 0;
}
#camsiteSearch {
  height: 22px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}
#camsiteSearch:focus-visible {
  outline: 0;
}
.searchButton {
  border: 0;
  border-radius: 5px;
  padding: 0;
  height: 22px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}
.searchIcon {
  background: url("/images/icons/SiteIcons.18px.61.webp") no-repeat, #FFFFFF;
  background-position: -18px -19px;
  text-indent: -9999px;
  width: 17px;
  height: 16px;
  border-color: #FFFFFF;
  border-radius: 5px;
  border-style: solid;
  padding: 0px;
  outline: none;
}
.h2SearchError{ 
  display: flex;
  justify-content: center;
  color: #FF0000;
  font-size: 18px;
  font-weight: normal;
  font-family: courier;
  height: 18px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 100vw;
  flex-wrap: nowrap;
}
.h2landingpage{ 
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: normal;
  font-family: courier;
  height: 18px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 100vw;
  flex-wrap: nowrap;
}
#backToTop {
  text-decoration:none;
  padding:10px;
  color:#fff;
  background:#228B22;
  border-radius:100px;
  float:right;
  position:sticky;
  position:-webkit-sticky;
  bottom:30px;
  margin-right:20px;
  z-index:10;
}
.plyr:fullscreen video{
  width: max-content !important;
}
.recordings {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}
.recordingLink {
  text-decoration: none;
}
.recordingImageWrapper {
  position: relative;
  overflow: hidden;
  width: 320px; 
  height: 180px;
  display: flex;
  justify-content: center;
}
.recordingImageBackground {
  filter: blur(15px);
  content: "";
  background-position: center;
  background-size: cover;
  z-index: 0;
  position: absolute;
}
.recordingImage {
  position: absolute;
  z-index: 1;
  max-width: 320px;
  max-height: 180px;
}
.page-load-status {
  color: #FFFFFF;
  font-size: 18px;
}

.tab {
  display: inline-block;
  background: #2D2D2D;
  color: #FFFFFF;
  font-size: 18px;
  margin:0; padding: 5px 25px 5px 15px;
  -webkit-clip-path: polygon(100% 0, 90% 0, 100% 100%, 0 100%, 0.5% 0);
  height: 21px;
  clip-path: polygon(100% 0, 90% 0, 100% 100%, 0 100%, 0.5% 0);
}
.rpRecordingMeta {
  border: 3px solid #FFFFFF;
  font-size: 16px;
  background: #000000;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  font-family: courier;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 8px;
}
.rpRecordingMetadataGroup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.rpRecordingMetadata {
  display: flex;
  justify-content: flex-start;
}
.rpRecordingMetaHeading {
  width: 100%;
  font-size: 20px;
}
.rpRecordingInfoLeft {
  font-size: 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.rpRecordingInfoRight {
  font-size: 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 55%;
}
.rpRecordingInfoData {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 12 0;
}
.rpRecordingInfoLabel { width: 132px; }
.rpRecordingInfoValue {
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
}

#voteSystemWrapper { border-top: 2px solid #FFFFFF; display: flex; flex-direction: column; width: 100%; justify-content: flex-start; align-items: center; height: 97px; }
.voteSystemHeading { padding-top: 8px; }
#voteSystem { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-evenly; width: 350px; margin-left: auto; margin-right: auto; padding-top: 8px; }
#voteSystemData { display: none; }
.thumbsUpButton { display: inline-block; height: 36px; width: 36px; padding: 0; border-radius: 50%; border: transparent; outline: none; float: left; background: rgba(255,255,255,0.75); opacity: .8; }
.thumbsUpButton:hover { background:rgba(255,255,255,0.75); opacity:1; cursor: pointer; }
.thumbsUpButtonVoteNotChosen { display:inline-block; height:36px; width:36px; padding:0; border-radius:50%; border:transparent; outline:none; float:left; background:rgba(255,255,255,0.75); opacity:.3; }
.thumbsUpButtonVoteNotChosen:hover { background:rgba(255,255,255,0.75); opacity:1; }
.thumbsUpButtonVoteChosen { display:inline-block; height:36px; width:36px; padding:0; border-radius:50%; border:transparent; outline:none; float:left; background:rgba(255,255,255,0.75); opacity:.8; }
.thumbsUpButtonVoteChosen:hover  { background:rgba(255,255,255,0.75); opacity:1; }
.thumbsDownButton { display:inline-block; height:36px; width:36px; padding:0; border-radius:50%; border:transparent; outline:none; float:right; background:rgba(255,255,255,0.75); opacity:.8; }
.thumbsDownButton:hover { background:rgba(255,255,255,0.75); opacity:1; cursor: pointer; }
.thumbsDownButtonVoteNotChosen { display:inline-block; height:36px; width:36px; padding:0; border-radius:50%; border:transparent; outline:none; float:right; background:rgba(255,255,255,0.75); opacity:.3; }
.thumbsDownButtonVoteNotChosen:hover { background:rgba(255,255,255,0.75); opacity:1; }
.thumbsDownButtonVoteChosen { display:inline-block; height:36px; width:36px; padding:0; border-radius:50%; border:transparent; outline:none; float:right; background:rgba(255,255,255,0.75); opacity:.8; }
.thumbsDownButtonVoteChosen:hover { background:rgba(255,255,255,0.75); opacity:1; }
.thumbsUp { height: 36px; width: 36px; line-height: 36px; display: inline-block; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -594px no-repeat; border: 2px solid #FFFFFF; border-radius: 60px; }
.thumbsDown { height: 36px; width: 36px; line-height: 36px; display: inline-block; background: url("/images/icons/SiteIcons.18px.61.webp") 0 -558px no-repeat; border: 2px solid #FFFFFF; border-radius: 60px; }
.thumbsUpSmall { height: 18px; width: 18px; line-height: 18px; display: inline-block; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -379px no-repeat; }
.thumbsDownSmall { height: 18px; width: 18px; line-height: 18px; display: inline-block; background: url("/images/icons/SiteIcons.18px.61.webp") -18px -397px no-repeat; }
.thumbsUpLarge { height: 96px; width: 96px; line-height: 96px; display: inline-block; background: url("/images/icons/SiteIcons.18px.61.webp") -440px -96px no-repeat; border: 2px solid #FFFFFF;
  border-radius: 60px;
}
.thumbsDownLarge { height: 96px; width: 96px; line-height: 96px; display: inline-block; background: url("/images/icons/SiteIcons.18px.61.webp") -440px 0 no-repeat; border: 2px solid #FFFFFF;
  border-radius: 60px;
}
.ratingsBar {
  width:144px; height:36px; margin:0; padding:0; display:inline-block; position:relative; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; -o-user-select:none;
}
.ratingsBarValueLabelContainer {
  display: inline-block; height: 36px; width: 144px; line-height: 36px; position: absolute; top: 0px; left: 0px; text-align: center; margin: 0; background: #878787;  border-radius: 1.5em; z-index: 10;
  border: 2px solid #FFFFFF;
}
.ratingsBarValue {
  width:100%; background:#0000CD; border-radius:1.5em; height:36px; line-height:36px; vertical-align:middle; text-align:center; margin:0; position:absolute; top:0px; left:0px; z-index:20;
}
.ratingsBar:hover #ratingsBarStats { 
  display:block; font-weight:normal; width:216px; background-color:white; color:#000000; text-align:center; border-radius:6px; border:1px solid #0000FF; margin-bottom:5px; line-height:18px; padding:5px 0;
  position:absolute; z-index:10; bottom:100%; left:50%; margin-left:-108px; font-size:18px; height:18px; display:flex; justify-content:center; align-content:center; flex-direction:row;
}
.ratingsBar #ratingsBarStats { display:none; }
.ratingsBarValueLabelText{ height:36px; line-height:36px; color:#FFFFFF; font-size:16px; vertical-align:middle; font-family:helvetica; display:inline-block; z-index:30; position:relative; }
#thumbsUpSmallCount { margin-left:4px; }
#thumbsDownSmallCount { margin-left:4px; }
#ratingsOverlay { background:rgba(255,255,255,.75); display:none; position:fixed; top:0;right:0; bottom:0; left:0; opacity:1; width:100%; height:100%; z-index:30; backdrop-filter:blur(3px); }
#voteSystemVoteConfirmationMessage { 
  display: none; position: fixed; border: 2px solid #FFFFFF; background-color: #2D2D2D; border-radius: 1.5em; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  height: 128px; width: 320px; z-index: 30; font-family: Times New Roman; color: #FFFFFF; text-align: center; padding-top: 8px;
}
#voteSystemVoteConfirmationContentThumbsDown { display: none; position: relative; top: 50%; transform: translateY(-50%); float: left; margin-left: 16px; height: 96px; }
#voteSystemVoteConfirmationContentThumbsUp { display: none; position: relative; top: 50%; transform: translateY(-50%); float: left; margin-left: 16px; height: 96px; }
#voteSystemVoteConfirmationImage { display: inline-block; }
#voteSystemVoteConfirmationMessageText {
  display: inline-block; transform: translateY(-50%); top: 50%; position: absolute; font-weight: bold; color: #FFFFFF; font-size: 28px; margin-left: -90px; white-space: pre; vertical-align: unset; z-index: 30;
}
.voteSystemVoteConfirmationImage { display: inline-block; }
.voteSystemVoteConfirmationMessageText {
  display: inline-block; transform: translateY(-50%); top: 50%; position: absolute; font-weight: bold; color: #FFFFFF; font-size: 28px; margin-left: -90px; white-space: pre; vertical-align: unset; z-index: 30;
}

/** mobile */
@media only screen and (max-width: 719px) {
  #navMenuMobile {
    width: 142px;
    height: 286px;
    top: 50%;
    left: 50%;
    margin-left: -71px;
    margin-top: -143px;
    flex-direction: column;
    position: fixed;
    z-index: 20;
    gap: 8px;
    padding: 18px;
    background: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 8px;
  }
  .navItemMobile {
    padding: 8px;
    border-left: 1px solid #FFFFFF;
    background: #2D2D2D;
    color: #FFFFFF;
    text-decoration: none;
  }
  .navItemMobile:hover {
    background: #636363;
    color: #FFFFFF;
    cursor: pointer;
  }
  #navMenuDesktop { display: none; }
  #mobileMenuIcon {
    display: block;
    width: 32px;
    height: 32px;
    z-index: 25;
    position: fixed;
    background: #D3D3D3;
    border: transparent;
    border-radius: 4px;
    padding-top: 0.5px;
    padding-left: 4px;
    padding-bottom: 3.5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    margin-left: 3px;
    margin-top: 4px;
    top: 4px;
    left: 4px;
  }
  .mobileMenuIconBar1, .mobileMenuIconBar2, .mobileMenuIconBar3 {
    width: 28px;
    height: 3px;
    background-color: #333;
    transition: 0.4s;
    margin-top: 5px;
    padding-bottom: 2px;
  }
  h1 {
    color: #FFFFFF;
    max-width: 100vw;
  }
  .h1searcherror {
    font-size: 18px;
  }
  .h2searcherror {
    font-size: 16px;
  }
  .h1category {
    font-size: 18px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .h1categoryindex {
    font-size: 18px;
    width: 262px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
  }
  .h1camsiteindex {
    font-size: 18px;
    width: 310px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
  }
  .h1camsite {
    font-size: 18px;
    width: 332px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
  }
  .h1modelindex {
    font-size: 18px;
    width: 223px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
  }
  .h1modelpage {
    font-size: 18px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .h1mostliked {
    font-size: 18px;
    width: 180px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
  }
  .h1mostviewed {
    font-size: 18px;
    width: 191px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
  }
  .h1newest {
    font-size: 18px;
    width: 235px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
  }
  .h1recording {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    width: 100%;
    font-size: 20px;
    margin: 10 auto 10px auto;
  }
  .h2RoomTopic { display: none; }
  .navItem { padding: 4px; }
  .camSiteIndexSmall {
    display: flex;
    justify-content: center;
    width: 90%;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 4px;
    gap: 12px;
  }
  .camSiteLogoSmall {
    zoom: 0.5;
    opacity: 0.5;
    outline: 4px solid #5B5B5B;
  }
  .camSiteLogoSmall:hover { 
    zoom: 0.5;
    opacity: 1;
    outline: 4px solid #FFA500;
  }
  .camSiteLogoSmallSelected {
    zoom: 0.5;
    opacity: 1;
    outline: 4px solid #FFFFFF;
  }
  .recording {
    width: 320px;
    height: 228px;
    outline: 1px solid #FFFFFF;
  }
  .recordingInfo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    background: #FFFFFF;
    color: #000000;
    height: 48px;
    gap: 6px;
  }
  .recordingInfoLeft {
    height: 18px;
    max-height: 18px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 8px;
    gap: 8px;
  }
  .recordingInfoModelName {
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
  }
  .recordingInfoRight {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
  }
  .categoryRecordingInfoLeft {
    height: 18px;
    max-height: 18px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    width: 100%;
  }
  .categoryRecordingInfoRight {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
  }
  .recordingInfoTimestamp { padding-left: 4px; }
  .recordingInfoDuration { padding-right: 4px; }
  .recordingInfoTimestampValue { display: none; }
  .paginationLinkNextButton { display: none; }
  .rpRecordingInfoModelNameText { display: none; }
  .rpRecordingInfoCamSiteText { display: none; }
  .camSiteIndex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 16px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

/** tablet */
@media only screen and (max-width: 1574px) and (min-width: 720px) {
  .h1 {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
  }
  .h1Recording {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-size: 18px;
    height: 18px;
  }
  .h2RoomTopic {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-size: 16px;
    height: 54px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
  }
  .h2RoomTopic .h2RoomTopicText {
    position: absolute;
    visibility: hidden;
    width: 100px;
    font-size: 18px;
    background-color: #2D2D2D;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    margin-top: -148px;
  }
  .h2RoomTopic:hover .h2RoomTopicText {
    visibility: visible;
  }

  .rpRecordingInfoModelName .rpRecordingInfoModelNameText {
    visibility: hidden;
    font-size: 18px;
    background-color: #2D2D2D;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    margin-top: -65px;
  }
  .rpRecordingInfoModelName:hover .rpRecordingInfoModelNameText {
    visibility: visible;
  }
  .rpRecordingInfoCamSite .rpRecordingInfoCamSiteText {
    visibility: hidden;
    font-size: 18px;
    background-color: #2D2D2D;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    margin-top: -45px;
  }
  .rpRecordingInfoCamSite:hover .rpRecordingInfoCamSiteText {
    visibility: visible;
  }
}
/** tablet & desktop */
@media only screen and (min-width: 720px) {
  body {
    margin: 0px;
  }
  #navMenuDesktop {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 720px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
  }
  #navMenuMobile { display: none; }
  #mobileMenuIcon { display: none; }
  .navSmallCamSites {
    height: 86px;
  }
  .navItem {
    padding: 4px;
    border-left: 1px solid #FFFFFF;
    font-size: 18px;
  }
  .navItem:first-child { border-left: none; }
  .camSiteIndexSmall {
    display: flex;
    justify-content: center;
    width: 95%;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 8px;
    gap: 12px;
  }
  .camSiteLogoSmall {
    zoom: 0.5;
    -moz-transform:scale(0.5);
    -moz-transform-origin: 0 0;
    opacity: 0.5;
    outline: 4px solid #5B5B5B;
  }
  .camSiteLogoSmall:hover { 
    zoom: 0.5;
    -moz-transform:scale(0.5);
    -moz-transform-origin: 0 0;
    opacity: 1;
    outline: 4px solid #FFA500;
  }
  .camSiteLogoSmallSelected {
    zoom: 0.5;
    -moz-transform:scale(0.5);
    -moz-transform-origin: 0 0;
    opacity: 1;
    outline: 4px solid #FFFFFF;
  }
  .recording {
    width: 320px;
    height: 204px;
    outline: 1px solid #FFFFFF;
  }
  .recordingInfo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    color: #000000;
  }
  .recordingInfoLeft {
    height: 18px;
    max-height: 18px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 3px;
    gap: 8px;
  }
  .recordingInfoModelName {
    height: 20px;
    line-height: 18px;
    max-width: 132px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 18px;
    min-width: 84px;
    text-decoration: none;
  }
  .categoryRecordingInfoLeft {
    height: 18px;
    max-height: 18px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 3px;
    gap: 8px;
    font-weight: bold;
  }
  .categoryRecordingInfoRight {
    height: 18px;
    width: 160px;
    max-height: 18px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 3px;
    gap: 8px;
  }
  .recordingInfoModelName:hover {
    overflow:visible;
  }
  .recordingInfoModelName:hover span {
    position: absolute;
    background-color: white;
    z-index:1;
    height: 22px;
  }
  .recordingInfoRight {
    height: 18px;
    width: 134px;
    max-height: 18px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 3px;
    gap: 8px;
  }
  .recordingInfoLikes {
    display: flex;
    font-size: 18px;
    gap: 4px;
    line-height: 18px;
  }
  .recordingInfoLikes .thumbsUpSmall { 
    display: inline-block;
  }
  .recordingInfoLikes .thumbsUpCount { 
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-text-select: none;
    -webkit-user-select: none;
  }
  .recordingInfoLikes .thumbsDownSmall { 
    display: inline-block;
  }
  .recordingInfoLikes .thumbsDownCount { 
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-text-select: none;
    -webkit-user-select: none;
  }
  .recordingInfoLikesLabel {
    display: none;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    padding: 8px;
    position: absolute;
    z-index: 5;
    border: 1px solid #000000;
    font-size: 18px;
    margin-left: -132px;
    margin-top: -9px;
  }
  .recordingInfoLikes:hover .recordingInfoLikesLabel {
    display: inline-block;
  }
  .recordingInfoTimestamp {
    display: flex;
    font-size: 18px;
    gap: 4px;
    line-height: 18px;
  }
  .recordingInfoTimestampValue {
    width: 18px;
    height: 18px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-text-select: none;
    -webkit-user-select: none;
  }
  .recordingInfoTimestampValue::before {
    content: "\1F551";
  }
  .recordingInfoTimestamp:hover .recordingInfoTimestampLabel {
    display: inline-block;
  }
  .recordingInfoTimestampLabel {
    display: none;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    padding: 8px;
    z-index: 5;
    border: 1px solid #000000;
    font-size: 18px;
    position: absolute;
    margin-top: -9px;
    margin-left: -216px;
  }
  .recordingInfoDuration {
    height: 18px;
    line-height: 18px;
    max-width: 144px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 18px;
    position: relative;
    text-align: right;
  }
  .recordingInfoDurationValue {
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-text-select: none;
    -webkit-user-select: none;
  }
  .recordingInfoDurationLabel:after {
    content: "Recording Duration";
  }
  .recordingInfoDurationLabel {
    display: none;
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    padding: 8px;
    z-index: 5;
    border: 1px solid #000000;
    font-size: 18px;
    position: absolute;
    margin-top: -9px;
    margin-left: -168px;
  }
  .recordingInfoDuration:hover .recordingInfoDurationLabel {
    display: inline-block;
  }
  .camSiteIndex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 40px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  #pagination {
    width: 100%;
    height: 192px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .paginationLinkNextButton {
    text-decoration: none;
    font-size: 20px;
    background: #2D2D2D;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 12px;
    margin-top: 60px;
    height: 75px;
    width: 150px;
  }
  .paginationLinkNext::before {
    content: 'Load More';
  }
  .paginationLinkNext {
    text-decoration: none;
    color: #FFFFFF;
    width: 150px;
    height: 75px;
    display: flex;
    margin-left: -8px;
    margin-top: -3px;
    justify-content: center;
    align-items: center;
  }
  .paginationLinkNextButton:hover {
    background: #636363;
  }
  .infinite-scroll-request {
    display: none;
  }
  .infinite-scroll-last {
    display: none;
  }
  .infinite-scroll-error {
    display: none;
  }
}

/** desktop */
@media only screen and (min-width: 1575px) {
  h1 {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
  }
  .h1Recording {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    height: 37px;
  }
  .h2RoomTopic {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-size: 22px;
    height: 54px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }
  .h2RoomTopic .h2RoomTopicText {
    visibility: hidden;
    width: 100px;
    font-size: 18px;
    background-color: #2D2D2D;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    margin-top: -64px;
  }
  .h2RoomTopic:hover .h2RoomTopicText {
    visibility: visible;
  }
  .rpRecordingInfoModelName .rpRecordingInfoModelNameText {
    visibility: hidden;
    font-size: 18px;
    background-color: #2D2D2D;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    margin-top: -65px;
  }
  .rpRecordingInfoModelName:hover .rpRecordingInfoModelNameText {
    visibility: visible;
  }
  .rpRecordingInfoCamSite .rpRecordingInfoCamSiteText {
    visibility: hidden;
    font-size: 18px;
    background-color: #2D2D2D;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    margin-top: -45px;
  }
  .rpRecordingInfoCamSite:hover .rpRecordingInfoCamSiteText {
    visibility: visible;
  }

}


@media only screen and (max-width: 719px) {
  #content {
    color: #FFFFFF;
    max-width: 100vw;
  }
  #rpPoster {
    width: 99%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  #player {
    max-width: 89vw;
    width: 89vw;
  }
  #playerWrapper {
    width: 89vw;
    border: 3px solid #FFFFFF;
  }
  .rpImageWrapperSmall {
    position: relative;
    overflow: hidden;
    width: 100%; 
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .rpImageWrapperMedium {
    display: none;
  }
  .rpImageWrapperLarge {
    display: none;
  }
  .rpImageBackground {
    filter: blur(15px);
    content: "";
    background-position: center;
    background-size: cover;
    z-index: 0;
    position: absolute;
    width: 100%;
  }
  .rpImage {
    position: absolute;
    z-index: 1;
    max-width: 100%;
  }
  .contactSheetSmall {
    width: 98vw;
  }
  .contactSheetMedium {
    display: none;
  }
  .contactSheetLarge {
    display: none;
  }
  .recordingPage {
    display: flex;
    flex-direction: column;
    width: 90vw;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
  }
  .recordingPageRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    max-width: 100%;
  }
  .rpModelProfileWrapper {
    font-size: 22px;
    background: #000000;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #FFFFFF;
    padding: 8px;
    min-width: 312px;
  }
  .rpModelProfileData {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px;
  }
  .rpModelProfileLabel {
    width: 110px;
    font-size: 16px;
  }
  .rpModelProfileValue {
    margin-left: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 4px;
    font-size: 16px;
  }
  #rpContactSheet {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
  }
  #rpMeta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
  }
  .rpRecordingMeta {
    width: 330px;
  }
  .rpRecordingMetadataGroup {
    width: 100%;
  }
  .rpRecordingMetaLabel {
    width: 100%;
    margin-left: 8px;
  }
  .rpRecordingMetaLabel {
    width: 100%;
    margin-left: 8px;
  }
  .rpRecordingMetadata {
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }
  #rpInfo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
  }
  .rpRecordingInfo {
    font-size: 22px;
    background: #000000;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 346px;
    border: 3px solid #FFFFFF;
  }
  #rpModelProfile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .rpRecordingInfoData {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .rpRecordingInfoLeft {
    width: 334px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .rpRecordingInfoRight {
    width: 334px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .rpRecordingInfoDownload {
    width: 316px;
  }
}
/** tablet */
@media only screen and (max-width: 1574px) and (min-width: 720px) {
  #content {
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  h1 {
    display: flex;
    justify-content: center;
    color: #FFFFFF;
  }
  #rpPoster {
    min-width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 700px;
  }
  #player {
    width: 694px;
  }
  #playerWrapper {
    width: 694px;
    border: 3px solid #FFFFFF;
    overflow: hidden;
    height: 100%;
  }
  .rpImageWrapperSmall {
    display: none;
  }
  .rpImageWrapperMedium {
    position: relative;
    overflow: hidden;
    width: 700px; 
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .rpImageWrapperLarge {
    display: none;
  }
  .rpImageBackground {
    filter: blur(15px);
    content: "";
    background-position: center;
    background-size: cover;
    z-index: 0;
    position: absolute;
  }
  .rpImage {
    position: absolute;
    z-index: 1;
    max-width: 700px;
  }
  .contactSheetSmall {
    display: none;
  }
  .contactSheetMedium {

  }
  .contactSheetLarge {
    display: none;
  }
  .recordingPage {
    display: flex;
    flex-direction: column;
    width: 90vw;
    justify-content: center;
    align-items: center;
    gap: 32px;
  }
  .recordingPageRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    max-width: 692px;
  }
  .rpModelProfileWrapper {
    font-size: 22px;
    background: #000000;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 678px;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #FFFFFF;
    padding: 8px;
    min-width: 678px;
  }
  .rpModelProfileData {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 8px;
    min-width: 47%;
  }
  .rpModelProfileLabel {
    width: 110px;
    font-size: 16px;
  }
  .rpModelProfileValue {
    margin-left: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 4px;
    font-size: 16px;
  }
  #rpContactSheet {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  #rpMeta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .rpRecordingMeta {
    width: 678px;
  }
  .rpRecordingMetadata {
    flex-direction: row;
    align-items: center;
  }
  .rpRecordingMetaLabel {
    width: 220px;
    margin-left: 8px;
  }
  #rpInfo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .rpRecordingInfo {
    font-size: 22px;
    background: #000000;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 694px;
    border: 3px solid #FFFFFF;
  }
  .rpRecordingInfoRight {
    border-left: 2px solid;
  }
  #rpModelProfile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .rpRecordingInfoData {
    justify-content: flex-start;
  }
  .rpRecordingInfoLeft .rpRecordingInfoData .rpRecordingInfoLabel {
    width: 90px;
  }
  .rpRecordingInfoLeft {
    padding: 8px;
  }
  .rpRecordingInfoRight {
    padding: 8px;
  }
  .rpRecordingInfoDownload {
    width: 100%;
  }
}
@media only screen and (min-width: 1575px) {
  #content {
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  #rpPoster {
    min-width: 700px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 700px;
  }
  #player {
    width: 694px;
  }
  #playerWrapper {
    width: 694px;
    border: 3px solid #FFFFFF;
  }
  .rpImageWrapperSmall {
    display: none;
  }
  .rpImageWrapperMedium {
    display: none;
  }
  .rpImageWrapperLarge {
    position: relative;
    overflow: hidden;
    width: 700px; 
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .rpImageBackground {
    filter: blur(15px);
    content: "";
    background-position: center;
    background-size: cover;
    z-index: 0;
    position: absolute;
  }
  .rpImage {
    position: absolute;
    z-index: 1;
    max-width: 700px;
  }
  .contactSheetSmall {
    display: none;
  }
  .contactSheetMedium {
    display: none;
  }
  .recordingPage {
    display: flex;
    flex-direction: column;
    width: 90vw;
    justify-content: center;
    align-items: center;
    gap: 32px;
  }
  .recordingPageRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    max-width: 1432px;
  }
  .rpModelProfileWrapper {
    font-size: 22px;
    background: #000000;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1730px;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid #FFFFFF;
    min-width: 678px;
  }
  .rpModelProfileData {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 8px;
    min-width: 33%;
  }
  .rpModelProfileLabel {
    width: 138px;
  }
  .rpModelProfileValue {
    margin-left: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 4px;
  }
  #rpContactSheet {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  #rpMeta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .rpRecordingMeta {
    width: 678px;
  }
  .rpRecordingMetadata {
    flex-direction: row;
  }
  .rpRecordingMetaLabel {
    width: 220px;
    margin-left: 8px;
  }
  #rpInfo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .rpRecordingInfo {
    font-size: 22px;
    background: #000000;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 694px;
    border: 3px solid #FFFFFF;
  }
  .rpRecordingInfoRight {
    border-left: 2px solid;
  }
  #rpModelProfile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .rpRecordingInfoData {
    justify-content: flex-start;
  }
  .rpRecordingInfoLeft .rpRecordingInfoData .rpRecordingInfoLabel {
    width: 90px;
  }
  .rpRecordingInfoLeft {
    padding: 8px;
  }
  .rpRecordingInfoRight {
    padding: 8px;
  }
  .rpRecordingInfoDownload {
    width: 100%;
  }
}
.linkDarkBackground { 
  color: #FFFFFF;
  text-decoration: none;
}
.linkDarkBackground:hover {
  color: #FFA500;
}
.linkWhiteBackground { 
  color: #000000;
  text-decoration: none;
}
.linkWhiteBackground:hover {
  color: #0000CD;
}
.rpRecordingInfoDownload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-top: 2px solid;
  padding: 16px;
  background: #FFFFFF;
}
.camSiteLogoTiny {
  zoom: 0.4;
}
.camsiteLogoTiny:hover {
  opacity: 0.9;
}
.downloadButton {
  color: #FFFFFF;
  background-color: #0000CD;
  padding: 16px;
  outline: 2px solid transparent;
  font-weight: bold;
  border: none;
}
.downloadButton:hover {
  background: #FFA500;
  color: #000000;
  outline: 2px solid #39FF14;
  border: none;
  cursor: pointer;
}



/** plyr CSS */
@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:transparent;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;border-radius:var(--plyr-menu-radius,4px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:transparent;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:transparent;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:transparent;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:transparent}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:4px;border-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}