// Slide animation: in from left, out to right, no extra class needed
:root {
	--adcmdr-rotate-duration: #{$speed * 2};
	--adcmdr-rotate-ease: #{$ease};
	--adcmdr-rotate-z-index: 1;
	--adcmdr-rotate-z-index-active: 3;
}

.adcmdr-rotate {
	position: relative;

	.adcmdr-ad {
		transition: opacity var(--adcmdr-rotate-duration) var(--adcmdr-rotate-ease);
		position: absolute;
		opacity: 0;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: var(--adcmdr-rotate-z-index);

		&.woactive {
			position: relative;
			opacity: 1;
			z-index: var(--adcmdr-rotate-z-index-active);
		}

		&.adcmdr-amp-ad {
			display: block;
			opacity: 1;
			+ .adcmdr-amp-ad {
				margin-top: var(--adcmdr-gutter-width-half);
			}
		}
	}
}