//
// Switcher Preview by Devices
//
#qazana-preview {
	background-color: #333;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	border: 0;

	.qazana-device-desktop & {
		overflow-y: hidden;
	}

	body:not(.qazana-device-desktop) & {
		overflow-y: auto;
	}
}

#qazana-preview-responsive-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all .5s ease 0s;

	.qazana-device-desktop & {
		min-width: map_get($breakpoints, lg);
		width: 100%;
		height: 100%;
	}

	.qazana-device-tablet & {
		width: $screen-md-min;
		height: $screen-lg-min;
		padding: 40px 10px 70px;
	}

	.qazana-device-mobile & {
		width: 360px;
		height: 640px;
		padding: 40px 10px 70px;
	}

	body:not(.qazana-device-desktop) & {
		border-radius: 30px;
		background-color: #111;
		margin: 30px auto 80px;
		box-sizing: content-box;
	}
}

#qazana-preview-iframe {
	width: 100%;
	height: 100%;
	background-color: #fff;
}