@charset "UTF-8";

:root {
	--gap: min(12px, 1rem);
	--section-main-width: 800px;

	transition: 0.1s ease-out;
}

* {
	/* font-family: , system-ui, sans-serif; */
	font-family: "dejavu";
	text-decoration: none;
	outline: none;
	border: none;
}

/* Selection */

::selection {
	color: var(--text-selected-color);
	background: var(--text-selected-background-color);
}

::-moz-selection {
	color: var(--text-selected-color);
	background: var(--text-selected-background-color);
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Buttons and links */

a,
*[type="button"] {
	cursor: pointer;
}

a,
a>* {
	color: var(--link-color);
}

a:is(:hover, :focus),
a:is(:hover, :focus)>* {
	color: var(--link-color-hover);
}

a:active,
a:active>* {
	color: var(--link-color-active);
}

/* Wrappers */

:is(.row, .column) {
	gap: var(--gap);
}

.row:not(.column) {
	display: flex;
	flex-direction: row;
}

.column:not(.row) {
	display: flex;
	flex-direction: column;
}

/* Macroses */

.rounded {
	border-radius: 0.75rem;
}

.grow {
	flex-grow: 1;
}

/* Lists */

:is(ol, ul) {
	margin: unset;
	padding: 0.6rem 0.8rem;
	gap: 0.3rem;
}

:is(ol, ul):is(.column, .row) {
	gap: 0.3rem;
}

li {
	display: inline-flex;
}

li>span.name:first-child:after {
	content: ":";
}

li>span.value:last-child {
	margin-left: auto;
}

li>span.value:last-child:before {
	content: var(--old);
	margin-right: 0.4rem;
	font-size: 0.8rem;
	text-decoration: line-through;
	color: var(--text-notice-color);
}

div.loading {
	display: none;
}
