/* reset  */
body{
	font-family: sans-serif;
	margin: 0;
	padding:0;
	&.dark{
		color: white;
		background: hsl(0 0% 0%);
	}
}
input[type=checkbox] { cursor: pointer; }

header {
    padding: 2px;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 2px;
    input{width: 100%;font-size: 5vw;text-align: center}
}
#banners{text-align: center;position: fixed;bottom:0;left:0;right:0}

input[type=text] { text-align:center }
button{padding: 10px;font-size: 6vw;}
video{width:100%}

.row{white-space: nowrap;display:contents}
#searchResults{
	background: hsl(0 0% 90%);
	gap: 1px 1px;
	display: grid;
	grid-template-columns: min-content min-content min-content;
	overflow: hidden;
	>div>div{background: white}
}

#scaninfo{text-align: center;
	img{margin: 5px;/* box-shadow: 0 2px 9px grey; *//* border: 1px solid hsl(0 0% 80% / 1); */}
}
#found_barcode{font-weight: bold;margin: 5px 0;font-size: 26px;display: flex;gap:5px;justify-content: center;color: grey;}
.aisleLocations{font-size: 5vw;white-space: pre;background: white;margin: 5px 0px;display: grid;grid-template-columns: repeat(7, min-content);gap: 3px;justify-content: center;
	&>:first-child>div{background: white;font-weight: normal;}
}
.aisleLocation{display: contents;gap:5px;white-space: nowrap;
	>div{/* color: white; */background: hsl(0 0% 90%);padding: 1px 3px;font-weight: bold;}
}
#desc{font-weight: bold;font-size: 5vw;}

#scanList{display: grid;grid-template-columns: min-content 1fr;white-space: nowrap;align-items: center;gap: 10px 5px;overflow: hidden;row-rule: 2px solid hsl(0 0% 85%);
	>div{display: contents}
	>div>div>div:first-child{font-weight: bold;margin-bottom: 2px;}
}