TeaWeb/shared/css/static/modals.scss

:global {
	.arrow {
		display: inline-block;
		border: solid black;
		//border-width: 0 3px 3px 0;
		//padding: 3px;
		//height: 10px;

		border-width: 0 .2em .2em 0;
		padding: .21em;
		height: .5em;
		width: .5em;

		&.right {
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
		}

		&.left {
			transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
		}

		&.up {
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
		}

		&.down {
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		}
	}
}