.matrix {

	&__row {
		display: flex;
		margin: 0 0 0 1px;
	}

	&__cell {
		padding: .5rem;
		border: 1px solid #dadada;
		margin: -1px 0 0 -1px;

		&--only-input {
			padding: 0;
			border: none;
		}
	}

	&__input {
		display: inline-block;
		font-family: Roboto, sans-serif;
		padding: .5rem .15rem;
		min-width: 3.5rem;
		width: 0;
		font-size: 1rem;
		text-align: center;
		border-radius: 0;
		border: 1px solid #dadada;
		-moz-appearance: textfield;

		&:focus {
			position: relative;
			z-index: 5;
			border-color: #222;
			outline: none;
		}

		&::-webkit-outer-spin-button,
		&::-webkit-inner-spin-button {
			appearance: none;
		}

		&[readonly] {
			background-color: #f5f5f5;

			&:focus {
				border: 1px solid #dadada;
			}
		}

		&:invalid {
			box-shadow: none;
		}
	}
}