.canvas {
	overflow: auto;
	margin: 30px 0;
	padding: 20px 15px;
	background: #fafafa;

	box-shadow: 2px 2px 10px 2px #c0c4cc;
	.inputwid {
		width: 180px;
	}

	.gridBox {
		position: relative;

		.gridTable {
			margin: 20px auto;
			tr {
				th {
					.point {
						top: 0;
						left: 0;
						display: block;
						::v-deep(.sensorIcon) {
							width: 20px;
							height: 20px;
							margin-top: -20px;
							cursor: pointer;
						}
					}
				}
			}
		}
		.baseMap {
			will-change: filter;
			filter: blur(3px);
		}
		.layerTable {
			left: 50%;
			top: 50%;
			margin-top: 0;
			position: absolute;
			transform: translate(-50%, -50%);
		}
	}
}
::v-deep(.popup) {
	width: 250px;
	height: 40px;
	display: none;
	padding: 10px;
	position: absolute;
	background-color: rgba(255, 250, 250, 0.7);
	box-shadow: 2px 2px 10px 2px #c0c4cc;

	span {
		margin-right: 15px;
	}
	&::after {
		content: '';
		width: 0;
		height: 0;
		bottom: -7px;
		position: absolute;
		left: calc(50% - 1px);
		transform: translateX(-50%);
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid rgba(255, 250, 250, 0.7);
	}
}
