/* VFX styles */
	.vfx-btn-close {
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
		left: 0;
		width: 50px;
		height: 100%;

		background: transparent;
		border: none;

		cursor: pointer;
	}
		.vfx-btn-close:before,
		.vfx-btn-close:after {
			content: '';

			position: absolute;
			top: 50%;
			left: 50%;
			width: 20px;
			height: 2px;
			background: #00d8d0;

			border-radius: 50%;

			border: 1px solid #00d8d0;
		}

		.vfx-btn-close:before {
			transform: translate3d(-50%, -50%, 0) rotate(45deg);
		}

		.vfx-btn-close:after {
			transform: translate3d(-50%, -50%, 0) rotate(-45deg);
		}

/* Vita extra styles */
	#webchat {
		transition: opacity 0.35s ease, visibility 0.35s ease;
		opacity: 0;
		visibility: hidden;
	}
	#webchat .wchat__maximize-header {
		padding-left: 35px;
	}

	#webchat .wchat__maximize {
		background-color: #cfd1d1 !important;
	}

/* [STATE] Vita is shown */
	.tag-vita-show #webchat {
		opacity: 1;
		visibility: visible;
	}

/* [STATE] Vita with hidden chat preview  */
	.tag-vita-hide-preview .wchat__maximize-header {
		display: none !important;
	}

@media screen and (max-width: 900px) {
	/* [STATE] Vita with hidden chat preview  */
	.tag-vita-hide-preview .wchat__maximize {
		width: 44px;
		height: 44px;

		background-size: 140% !important;
	}
}