@import './node_modules/@waca/ca-ui-toolkit/essentials/essentials';

.tilesViewContainer {
	width: 100%;

	.homeCaptionRow {
		display: block;
		margin-bottom: 16px;
		height: 22px;


		.recentCaption {
			@include theming(color, text-01);
			font-weight: 700;
			float: left;
			font-size: 1rem;
		}

		.recentShowMore {
			font-size: 0.875rem;
			float: right;

			a {
				@include theming(color, link-01);
			}
		}
	}

	.assetTilesContainer {

		.tileFlexLayout {
			@media only screen and (max-width: 700px) {
				justify-content: space-around;
			}
		}
	}
}

.assetTilesNoRecents {
	width: 100%;
	min-height: 300px;
	text-align: center;
	@include theming(background, ui-background);
	padding-top: 48px;
	font-size: 14px;

	.noRecentsIcon {
		margin-bottom: 24px;
		width: 128px;
		height: 128px;
	}

	.noRecentsText {
		@include theming(color, text-02);
		word-wrap: break-word;

		.noRecentsHeading {
			font-weight: bold;
			font-size: 16px;
		}

		.noRecentsParagraph {
			font-size: 14px;
		}
	}
}