@use "var";
@use "color";

@use 'page.project.map' as map;
@use 'page.project.panel' as panel;
@use 'page.project.feed' as feed;
@use 'page.project.settings' as settings;

#projects {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/* Drill & Map icons */

	a.drill {
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;

		.drill-icon {
			position: absolute;
			display: inline-block;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);

			i {
				transition: color 0.3s;
			}
		}
	}

	.fa-stack {
		.fa-message {
			font-size: 32px;
			text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
			color: color.$message-bg;
		}
		.fa-message-in {
		    font-size: 13px;
		    color: color.$message;
		    top: 1px;
		}
		.fa-track-start, .fa-track-end {
			color: color.$message;
			font-size: 14px;
			top: 1px;
		}
		.fa-track-end {
			color: #FF7814;
		}
	}
}