@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

#yodatai-banner
{
	background-color: #EFF8E7;

	.wrapper
	{
		width: 940px;
		margin: auto;
		font-size: 0.8em;

		> div
		{
			display: inline-block;
			vertical-align: top;
			height: 40px;
			line-height: 40px;
		}

		#coming-soon
		{
			background-color: #CEF0B3;
			text-transform: uppercase;
			padding: 0 10px;
		}

		#arrow
		{
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 20px 0 20px 10px;
			border-color: transparent transparent transparent #cff2b2;

			html[dir='rtl'] &
			{
				border-width: 20px 10px 20px 0;
				border-color: transparent #cff2b2 transparent transparent;
			}
		}

		#teaser
		{
			width: 640px;
			text-align: center;
		}

		span
		{
			.hires('/img/v6/logo-chat');
			background-size: cover !important;
			height: 28px;
			width: 28px;
			display: inline-block;
			margin-top: 6px;
			vertical-align: top;
			.margin-left-right(0, 10px);

			html[dir='rtl'] &
			{
				.margin-left-right(10px, 0);
			}
		}

		a
		{
			background-color: #cef0b3;
			padding: 5px 20px;
			width: auto;
			height: 19px;
			min-width: 80px;
			max-width: 120px;
			text-align: center;
			display: inline-block;
			font-weight: bold;
			text-decoration: none;
			border-radius: 3px;
			margin: 6px 0 4px 0;
			line-height: initial;
			font-size: 1.15em;
			outline: none;
		}
	}

	#go-btn
	{
		float: right;

		.margin-left-right(0, 10px);

		html[dir='rtl'] &
		{
			.margin-left-right(10px, 0);
			float: left;
		}
	}

	#banner-close
	{
		.hires('/img/v2/playground/close-dialog');
		width: 9px;
		height: 9px;
		margin-top: 13px;
		float: right;
		cursor: pointer;

		html[dir='rtl'] &
		{
			float: left;
		}
	}
}