.tcon {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 40px;
	background: transparent;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent; }
.tcon > * {
	display: block; }
.tcon:hover, .tcon:focus {
	outline: none; }
.tcon::-moz-focus-inner {
	border: 0; }

.tcon-grid {
	padding: 1rem; }
.tcon-grid .tcon-grid__item {
	width: 0.5rem;
	height: 0.5rem;
	background: #3760b6;
	color: black;
	-webkit-transition: 0.3s;
	transition: 0.3s; }

.tcon-grid.tcon-transform .tcon-grid__item {
	-webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
	transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); }

.tcon-grid--collapse .tcon-grid__item {
	-webkit-box-shadow: -0.625rem 0, -0.625rem 0.625rem, 0.625rem 0, 0.625rem -0.625rem, 0 -0.625rem, -0.625rem -0.625rem, 0 0.625rem, 0.625rem 0.625rem;
	box-shadow: -0.625rem 0, -0.625rem 0.625rem, 0.625rem 0, 0.625rem -0.625rem, 0 -0.625rem, -0.625rem -0.625rem, 0 0.625rem, 0.625rem 0.625rem;

	/*-webkit-box-shadow: -1.25rem 0, -1.25rem -0.625rem, -0.625rem 0, -0.625rem -1.25rem, 0 -1.25rem, -1.25rem -1.25rem, 0 -0.625rem, -0.625rem -0.625rem;;
	box-shadow: -1.25rem 0, -1.25rem -0.625rem, -0.625rem 0, -0.625rem -1.25rem, 0 -1.25rem, -1.25rem -1.25rem, 0 -0.625rem, -0.625rem -0.625rem;*/
}

.tcon-grid--collapse.tcon-transform .tcon-grid__item {
	-webkit-box-shadow: -0.5rem 0, 0 0 transparent, 0.5rem 0, 0 0 transparent, 0 -0.5rem, 0 0 transparent, 0 0.5rem, 0 0 transparent;
	box-shadow: -0.5rem 0, 0 0 transparent, 0.5rem 0, 0 0 transparent, 0 -0.5rem, 0 0 transparent, 0 0.5rem, 0 0 transparent; }

.tcon-visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto; }