/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js!./companion/modules/event/features/sessions/itemtemplate/sessiononlinevideo/sessiononlinevideo.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.sessiononlinevideo .sessiononlinevideo-container {
  position: relative;
}
.sessiononlinevideo .sessiononlinevideo-container .videothumbnail {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.sessiononlinevideo .sessiononlinevideo-container .videothumbnail:hover .overlayplaceholder .overlayplaceholder-bg {
  opacity: 0.8;
}
.sessiononlinevideo .sessiononlinevideo-container .videothumbnail:hover .overlayplaceholder h4 {
  opacity: 1;
}
.sessiononlinevideo .sessiononlinevideo-container .anonymoususer,
.sessiononlinevideo .sessiononlinevideo-container .lockedsession {
  width: 100%;
  height: 100%;
}
.sessiononlinevideo .sessiononlinevideo-container .anonymoususer .videothumbnail .overlayplaceholder,
.sessiononlinevideo .sessiononlinevideo-container .lockedsession .videothumbnail .overlayplaceholder {
  opacity: 1;
  pointer-events: all;
}
.sessiononlinevideo .sessiononlinevideo-container .anonymoususer .videothumbnail .overlayplaceholder .overlayplaceholder-bg,
.sessiononlinevideo .sessiononlinevideo-container .lockedsession .videothumbnail .overlayplaceholder .overlayplaceholder-bg {
  opacity: 0.8;
}
.sessiononlinevideo .sessiononlinevideo-container .lockedsession .videothumbnail .overlayplaceholder h4 {
  opacity: 1;
}
.sessiononlinevideo .sessiononlinevideo-container .updateloader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 200ms ease-out;
  pointer-events: none;
}
.sessiononlinevideo .sessiononlinevideo-container .updateloader .updateloader-bg {
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sessiononlinevideo .sessiononlinevideo-container .updateloader.visible {
  opacity: 1;
  pointer-events: all;
}
.sessiononlinevideo .sessiononlinevideo-container .overlayplaceholder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 1;
  transition: opacity 600ms ease-out;
}
.sessiononlinevideo .sessiononlinevideo-container .overlayplaceholder .overlayplaceholder-bg {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 600ms ease-out;
}
.sessiononlinevideo .sessiononlinevideo-container .overlayplaceholder .lockedsession-message {
  width: 100%;
  height: 100%;
  text-align: center;
  display: grid;
  place-content: center;
  padding: 20px;
}
.sessiononlinevideo .sessiononlinevideo-container .overlayplaceholder h4 {
  opacity: 0;
  transition: opacity 600ms ease-out;
}
.sessiononlinevideo .sessiononlinevideo-container .overlayplaceholder .overlayplaceholder-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.sessiononlinevideo .sessiononlinevideo-container .messageplaceholder,
.sessiononlinevideo .sessiononlinevideo-container .overlayplaceholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.sessiononlinevideo .sessiononlinevideo-container .playsymbol {
  margin: 0.5em 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 28px;
  border-radius: 8px;
}
.sessiononlinevideo .sessiononlinevideo-container .playsymbol i {
  font-size: 36px;
}


/*# sourceMappingURL=c-20260702-mod-sessions-online-fcc1037897e3306afc97.css.map*/