/*
 * Classes utilitarias do tema.
 *
 * Responsabilidade: oferecer utilitarios pequenos e previsiveis para
 * alinhamento, espacamento, acessibilidade e largura de conteudo.
 */

.rnen-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.rnen-flow > * + * {
	margin-block-start: var(--rnen-flow-space, var(--rnen-space-4));
}

.rnen-text-left {
	text-align: left;
}

.rnen-text-center {
	text-align: center;
}

.rnen-text-right {
	text-align: right;
}

.rnen-text-muted {
	color: var(--rnen-color-text-muted);
}

.rnen-bg-surface {
	background-color: var(--rnen-color-surface);
}

.rnen-bg-background {
	background-color: var(--rnen-color-background);
}

.rnen-w-full {
	width: 100%;
}

.rnen-mx-auto {
	margin-inline: auto;
}

.rnen-mt-0 {
	margin-block-start: var(--rnen-space-0);
}

.rnen-mb-0 {
	margin-block-end: var(--rnen-space-0);
}

.rnen-mt-4 {
	margin-block-start: var(--rnen-space-4);
}

.rnen-mb-4 {
	margin-block-end: var(--rnen-space-4);
}

.rnen-mt-8 {
	margin-block-start: var(--rnen-space-8);
}

.rnen-mb-8 {
	margin-block-end: var(--rnen-space-8);
}

.rnen-p-4 {
	padding: var(--rnen-space-4);
}

.rnen-p-6 {
	padding: var(--rnen-space-6);
}

.rnen-py-8 {
	padding-block: var(--rnen-space-8);
}

.rnen-py-12 {
	padding-block: var(--rnen-space-12);
}