#popup-video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

#popup-video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#popup-video {
	opacity: 0;
  	position: absolute;
  	top: 0;
  	left: 0;
  	transition: all 0.5s ease;
}

#loader-animation {
	opacity: 1;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translateX(-50%) translateY(-50%);
  	transition: all 0.5s ease;
}

#popup-skip-video {
	opacity: 0;
	position: absolute;
  	bottom: 100px;
  	left: 50%;
  	transform: translateX(-50%);
  	border-radius: 99px;
  	background-color: rgba(255,255,255,0.75);
  	width: 40px;
	height: 40px;
  	z-index: 999;
  	cursor: pointer;
  	display: flex;
  	align-items: center;
	justify-content: center;
  	transition: all 0.2s ease;
}

#popup-skip-video:hover {
  	background-color: rgba(255,200,150,0.75);
}

#popup-skip-video > i {
  color: black;
  font-size: 22px;
  transition: all 0.2s ease;
}

#popup-skip-video:hover > i {
  color: #333;
}

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

#logo-enlarged {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://moveart.wasmer.app/wp-content/uploads/2025/12/logo_moveart.png');
  border-radius: 20px;
  background-size: cover !important;
  transition: all 1.5s ease, background 2.0s linear;
  z-index: 9999;
}

#logo-enlarged-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background: white;
}