/*Huggers:*/
.hug, .vhug, .mini-hug, .big-hug {
	display: flex;
}
.hug, .vhug { 
	gap:8px;
}
.mini-hug {
	gap:4px;
}
.big-hug {
	gap:8px;
}
*:is(.hug, .mini-hug, .big-hug) > * {
	margin-top: auto;
	margin-bottom: auto;
}

.hug-wide {
	gap:24px;
}

.spread {
	display: flex;
	gap:8px;
	width: 100%;
}
.spread > *:not(:first-child):last-child {
	text-align: right;
}
.spread > * {
	margin: auto;
	margin-top: auto;
	margin-bottom: auto;
}
.spread > *:first-child {
	margin-left: 0px;
}
.spread > *:not(:first-child):last-child {
	margin-right: 0px;
} 
.vhug {
	flex-direction: column;
}
.vhug > * {
	
}
.spread, .vspread {
	display: flex!important;
	justify-content: space-between;
}
.vspread {
	flex-direction: column;
}
.vspread > * {
	
}
.vspread > *:first-child {
	margin-top: 0px!important;
}
.vspread > *:last-child {
	margin-bottom: 0px;
}
.vspread > .group:last-child {
	margin-top: auto!important;
}