:root {
}
#shown-list {
	display:none;
}
//.container {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.container {
	//padding:0;
}
article {
	box-shadow: 2px 2px 20px grey;
}
h1 {font-size:2rem}
details {
}
details > form {
	padding:1rem;
}
#current-list,ul,li {
	list-style-type:none;
	list-style:none;
	margin:0;
	padding:0;
}
#current-list  > li{
	list-style:none !important;
}
.item {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:start;
	padding:2px;
	margin:2px;
	border-bottom: 1px solid grey;
color:grey;
}
.item-checkbox-wrapper {
	display:block;
	margin: .25rem 0.25rem 0 0;
	width:3ch;
	height:3ch;
}
.item-checkbox {
	width:3ch;
	height:3ch;
}

.item.checked span.item-name {
  text-decoration: line-through;
  color: gray;
}

.item-name{
	display:block;
	width:400px !important;
	font-weight:bold;
	color:var(--pico-color);
}
.item-quantity{
	display:block;
width:4ch !important;	
color:grey;
}
.item-price{
	display:block;
width:20ch;	
}
/.item-total{
	display:block;
width:10ch;	
}
.item-button-wrapper{
	display:block;
	width:2rem;
	height:2rem;
	margin: 0 0 0 1rem;
}
.item-button{
	display:block;
	width:2rem;
	height:1.5rem;
	padding:1px;
	font-size:0.75rem;
}
.total-cost {
	display:flex;
	flex-direciton:row;
	justify-content:end;
}