/*
	CSS Stylesheet „note“
	Version 2023-11-16a
	© 2023 m-ds GmbH
*/

.note {
	background    : #fafafa;
	border        : 1px solid #ddd;
	border-radius : 0.5em;
	padding       : 0.5em;
}

.note .content {
	color       : #555;
	font-size   : 0.75em;
	white-space : normal;
}

.note .meta {
	color      : #999;
	display    : flex;
	font-size  : 0.5em;
	gap        : 1em;
	margin-top : 0.5em;
}

/****************************************************************************************************
	current child notes
*/

button.addNote {
	align-items     : center;
	background      : #5a0;
	border          : 1px solid #490;
	border-radius   : 50%;
	display         : inline-flex;
	color           : white;
	font-size       : 3vh;
	height          : 4vh;
	justify-content : center;
	outline         : none;
	width           : 4vh;
}

#currentChildNotes {
	display        : flex;
	flex-direction : column;
	gap            : 0.25em;
}

@media (hover: hover) {
	button.addNote {
		cursor : pointer;
	}

	button.addNote:hover {
		background : #af0;
		border     : 1px solid #9e0;
	}
}