.ryh-header > .ryh-logo[data-ryh-header-logo],
.ryh-header > .ryh-logo {
	transition: transform var(--rht-logo-duration,520ms) cubic-bezier(.22,1,.36,1), opacity var(--rht-logo-duration,520ms) ease;
	will-change: transform,opacity;
}

.ryh-header.rht-media-playing > .ryh-logo[data-ryh-header-logo],
.ryh-header.rht-media-playing > .ryh-logo {
	transform: translate(-50%,calc(-50% - var(--rht-logo-lift,92px)));
	opacity: 0;
}

.rht-header-stage {
	align-items: center;
	display: flex;
	height: min(var(--rht-gif-height,78px),calc(100% - 12px));
	justify-content: center;
	left: 50%;
	max-width: min(var(--rht-gif-width,330px),42%);
	opacity: 0;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	top: calc(50% + var(--rht-gif-offset,0px));
	transform: translate(-50%,-42%) scale(.96);
	transition: opacity var(--rht-gif-fade,220ms) ease, transform var(--rht-gif-fade,220ms) cubic-bezier(.22,1,.36,1);
	visibility: hidden;
	width: var(--rht-gif-width,330px);
	z-index: 3;
}

.rht-header-stage.is-visible {
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
	visibility: visible;
}

.rht-header-stage img {
	display: block!important;
	height: auto!important;
	max-height: 100%!important;
	max-width: 100%!important;
	object-fit: contain;
	width: auto!important;
}

@media (max-width:900px) {
	.ryh-header.rht-media-playing > .ryh-logo[data-ryh-header-logo],
	.ryh-header.rht-media-playing > .ryh-logo {
		transform: translate(-50%,calc(-50% - var(--rht-logo-lift-mobile,82px)));
	}
	.rht-header-stage {
		height: min(var(--rht-gif-height-mobile,60px),calc(100% - 16px));
		max-width: min(var(--rht-gif-width-mobile,190px),56%);
		width: var(--rht-gif-width-mobile,190px);
	}
}