/* from src/client/components/autoresize-textarea/autoresize-textarea.css */

/* HACK: https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */

.autoresize-textarea__wrapper---2VZA1 {
	display: grid;
	width: 100%;
	height: 100%;
}

/* No nesting here, because we want to keep precedence as low as possible */

.autoresize-textarea__editable---LrrqY, .autoresize-textarea__dummy---mFLYc {
	grid-area: 1 / 1 / 2 / 2;

	display: inline-block;
	box-sizing: border-box;
	white-space: normal;
	overflow: hidden;
	overflow-wrap: normal;
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		font-style: inherit
}

.autoresize-textarea__dummy---mFLYc {
	visibility: hidden;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content; /* NOTE: This prevents the pseudo-element from line-wrapping when the overall page content is bigger than the viewport, which is necessary to get consistent behaviour with regular elements. */
}

.autoresize-textarea__editable---LrrqY {
	border: none;
	resize: none;
	margin: 0;
	width: 100%;
	height: 100%;
}


/* from src/client/components/table/table.css */

.table__table---22_r7 {
	display: grid;
	grid-template-columns: auto auto auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.table__cell---3PaNC {
	/* width: max(fit-content, 100%); */
	border: 1px solid silver;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;

	/* Border-collapsing hack */
	margin-left: -1px;
	margin-top: -1px;	
}

.table__cell---3PaNC.table__selectionPart---x6YGc {
		background-color: #EEEEEE;
		z-index: 2;
	}

.table__cell---3PaNC.table__selectionLeftEdge---1N5B_ {
		border-left: 2px solid rgb(36, 36, 36);
		margin-left: -2px; /* Includes border-collapsing compensation */
	}

.table__cell---3PaNC.table__selectionRightEdge---3HQMN {
		border-right: 2px solid rgb(36, 36, 36);
		margin-right: -1px;
	}

.table__cell---3PaNC.table__selectionTopEdge---3rpyb {
		border-top: 2px solid rgb(36, 36, 36);
		margin-top: -2px; /* Includes border-collapsing compensation */
	}

.table__cell---3PaNC.table__selectionBottomEdge---1YFE2 {
		border-bottom: 2px solid rgb(36, 36, 36);
		margin-bottom: -1px;
	}

.table__cellContents---Tzzg7, .table__editableCell---35lZy {
	padding: 3px 5px;
	white-space: pre-wrap;
}


/* from src/client/global.css */


body {
	font-family: "sans-serif";
}

textarea {
	margin-bottom: 4px;
}

.preview {
	background-color: chartreuse;
	/* overflow: visible; */
	width: 80px;
	height: 40px;
}

.previewContents {
	/* NOTE: *Must* be a block element for ResizeObserver to work */
	display: inline-block;
	background-color: beige;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	white-space: pre-line;
}