.element{
	font-size:10pt;
}
.element.border{
	border-radius:5px;
	border:solid 1px #dee7f1;
	margin:5px;
}
.element .line-bottom{
	border-bottom:solid 1px #dee7f1;
}
.element .pad{
	padding:2px 8px;
}
.element .grow{
	flex:1;
}

.element .steps{padding:10px;}
.element .steps>div{
	text-align: center;
	border-radius:5px;
	border:solid 1px #dee7f1;
	margin:2px;
	padding:6px;
}
.element .steps>div:first-child{
	border-bottom-color:rgb(var(--theme));
	color:rgb(var(--theme));
	border-bottom-width:2px;
}

.element .shrink{
	flex:unset;
}
.element .btn{
	text-align:center;
	background:rgb(var(--theme));
	color:#FFF;
	border-radius:5px;
	padding:10px;
}
.element .btn>i{
	vertical-align: middle;
    margin-top: -4px;
	font-size:15pt;
}
.element h3{
	font-size:16px;
	color:rgb(var(--theme));
}

.element .tag{
	background-color:rgba(var(--theme),.1);
	color:rgb(var(--theme));
	border-radius:5px;
	padding:1px 8px;
}

.element .slider{
	height:30px;
	display:flex;
	margin-top:25px;
}
.element .slider>.btn{
	padding: 2px 10px;
	margin:0;
	width:12px;
	padding-top:4px;
	font-weight:bold;
	font-size:12pt;
}
.element .slider>.btn:first-child{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.element .slider>.btn:last-child{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.element .slider>.qty{
	width:35px;
	padding-top:5px;
	text-align:center;
	border:solid 1px #dee7f1;
	border-width:1px 0 1px 0;
}