/* embeded/EmbededApp.vue */
.embeded-root[data-v-ad06ed60] {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #000;
}
.embeded-poster[data-v-ad06ed60] {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}
.facade[data-v-ad06ed60] {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.facade[data-v-ad06ed60]:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -3px;
}
.facade__play[data-v-ad06ed60] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.facade:hover .facade__play[data-v-ad06ed60] {
  transform: scale(1.1);
  background-color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 768px) {
.facade__play[data-v-ad06ed60] {
    width: 60px;
    height: 60px;
}
.facade__play svg[data-v-ad06ed60] {
    width: 40px;
    height: 40px;
}
}
@media (max-width: 480px) {
.facade__play[data-v-ad06ed60] {
    width: 50px;
    height: 50px;
}
.facade__play svg[data-v-ad06ed60] {
    width: 30px;
    height: 30px;
}
}
@media (max-height: 450px) and (orientation: landscape) {
.facade__play[data-v-ad06ed60] {
    width: 40px;
    height: 40px;
}
.facade__play svg[data-v-ad06ed60] {
    width: 25px;
    height: 25px;
}
}
@media (prefers-reduced-motion: reduce) {
.facade__play[data-v-ad06ed60] {
    transition: none;
}
.facade:hover .facade__play[data-v-ad06ed60] {
    transform: none;
}
}
.loader-container[data-v-ad06ed60] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #000;
  gap: 20px;
}
.loader-container--over-poster[data-v-ad06ed60] {
  background: rgba(0, 0, 0, 0.55);
}
.spinner[data-v-ad06ed60] {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(234, 34, 38, 0.2);
  border-top-color: #ea2226;
  border-radius: 50%;
  animation: spin-ad06ed60 0.8s linear infinite;
}
@keyframes spin-ad06ed60 {
to {
    transform: rotate(360deg);
}
}
.loader-text[data-v-ad06ed60] {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}