.ka-view {
	width: 100%;
	height: 100%;
}

.ka-nav {
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;

	.title {
		display: flex;
		align-items: center;
		flex-direction: row;

		img {
			width: 30px;
			height: 30px;
		}

		.title-content {
			margin: 0 0.5rem;
		}
	}

	.action-row {
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: center;
		
		.link {
			margin-left: 0.5rem;
		}

		.login-info {
			display: flex;
			align-items: center;
			justify-content: center;

			span {
				margin-left: 10px;
			}
		}

		.login-btn {
			display: flex;
			margin-left: 0.5rem;
			align-items: center;
			border-radius: 25px;
			padding: 0.45rem 1rem;
			justify-content: center;
			transition-duration: 300ms;
			background-color: var(--nav-color);

			&:hover {
				transition-duration: 300ms;
				background-color: var(--nav-hover);
			}
		}
	}
}

.ka-footer {
	width: 100%;
	display: flex;
	margin: 1rem 0;
	align-items: center;
	flex-direction: column;
	justify-content: center;

	.searched {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer {
		margin: 1rem 0;
		width: 100%;
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		justify-content: center;

		* {
			text-align: end;
		}
	}
}