/*////////////////////////////////////////////////////////////////////////////80
// Atheos Terminal
//////////////////////////////////////////////////////////////////////////////80
// Copyright (c) 2020 Liam Siira (liam@siira.io), distributed as-is and without
// warranty under the MIT License. See [root]/docs/LICENSE.md for more.
// This information must remain intact.
//////////////////////////////////////////////////////////////////////////////80
// Copyright (c) 2013 Codiad & Kent Safranski
// Source: https://github.com/Fluidbyte/Codiad-Terminal
//////////////////////////////////////////////////////////////////////////////*/
#terminal {
	position: relative;
	width: 100%;
	font-family: 'Ubuntu-Fira', monospace;
	background-color: var(--shade7, #1C1C1Ey);
	background-image: radial-gradient(var(--navy, #001F3F), var(--shade9, #010101) 150%);
	text-shadow: 0 0 2px var(--shade4, #414141);
	line-height: 1.3em;
	overflow: hidden;
}

#terminal::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(0deg, rgba(0, 30, 0, 0.2), transparent 3px);
	pointer-events: none;
}

#terminal .scanline {
	width: 100%;
	height: 100px;
	z-index: 8;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.2) 10%, rgba(0, 0, 0, 0.1) 100%);
	opacity: 0.1;
	position: absolute;
	bottom: 100%;
	pointer-events: none;
	animation: scanline 8s linear infinite;
}

#terminal .container {
	padding: 5px;
	height: 375px;
	overflow: auto;
}

#terminal::selection {
	background: var(--blue, #0A84FF);
	text-shadow: none;
}

#terminal pre {
	padding: 0;
	margin: 0;
	background: unset;
}

#terminal .command {
	font-weight: bold;
}

#terminal .user {
	color: var(--green, #46A609);
}

#terminal .path {
	color: var(--blue, #0A84FF);
}

#terminal #output .data {
	padding: 0 15px;
}

#command {
	width: 100%;
	display: flex;
}

#prompt {
	display: inline-block;
	font-weight: bold;
	white-space: pre;
}

#terminal_input {
    position: relative;
    caret-color: transparent;
	font-weight: bold;
}
/* Puts a blinking square after the content as replacement for caret */
#terminal_input:after {
    content: "■";
    animation: cursor 1s infinite;
    animation-timing-function: step-end;
    margin-left: 2px;
}

@keyframes scanline {
	0% {
		bottom: 100%;
	}
	80% {
		bottom: 100%;
	}
	100% {
		bottom: -20%;
	}
}

@keyframes cursor {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}