:root {
	--EASGlanceToolbarHeight: 0;
	--OLSKStickyHeaderTop: var(--EASGlanceToolbarHeight);
}

@media screen and (max-width: 760px) {

	:root {
		--EASGlanceToolbarHeight: 50px;
	}

}

.EASGlance {
	padding: 0;
	padding-top: calc(var(--EASGlanceToolbarHeight) + 2px);

	font-family: Arial;
	font-size: 9pt;
}

.EASGlanceHeader {
	display: flex !important;

	align-items: center;
	background: inherit;
}

.EASGlanceRootLink {
	line-height: 0;
}

.EASGlanceRootLinkImage {
	width: 44px;
	padding: 4px;
}

@media screen and (max-width: 760px) {

	.EASGlanceRootLinkImage {
		width: 42px;
	}

}

.EASGlanceList {
	background: var(--OLSKDecorBackgroundDark);
}

.EASGlanceListSort {
	cursor: pointer;
}

.EASGlanceListSort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: relative;
}

.EASGlanceListSort.asc:after {
  border-bottom: 5px solid #000;
  top: -10px;
  right: -5px;
}

.EASGlanceListSort.desc:after {
  border-top: 5px solid #000;
  top: 10px;
  right:-5px;
}

.EASGlanceFilterInput {
	padding: 5px 8px !important;
	height: 100%;
	border: none !important;
	border-radius: 5px !important;
	flex-grow: 1;

	background: #115533 !important;
	font-size: 125%;
	color:  var(--OLSKCommonForeground);
}

@media screen and (max-width: 760px) {

	.EASGlanceFilterInput {
		max-width: 68%;
	}

}

.EASGlanceProjectsCompilationLink {
	padding: 0 10px;
}

.EASGlanceList .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.EASGlanceListItem {
	padding: 10px;
	width: 220px;

	font-size: 120%;
}

@media screen and (max-width: 760px) {

	.EASGlanceListItem {
		width: 100%;
		padding: unset;

		font-size: 100%;
	}

}

@media screen and (max-width: 760px) {

	.EASGlanceListItem {
		width: 100%;
	}

}

.EASGlanceListItemIconImage {
	width: 100%;
	padding: 10px;
	border-radius: 15px;

	margin: 0 !important;
}

@media screen and (max-width: 760px) {

	.EASGlanceListItemIconImage {
		--OLSKCommonCardImageSize: 36px !important;

		padding: 5px 8px;
	}

}

.EASGlanceListItemName {
	font-size: 140%;
	text-decoration: none;
}

.EASGlanceListItemBlurb {
	opacity: 0.5;
}