@use '../variables' as *;

.#{$prefix}result {
	flex-grow: 1;
	width: 100%;
	padding-block: var(--#{$prefix}result-padding-y);
	padding-inline: var(--#{$prefix}result-padding-x);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: var(--#{$prefix}result-gap);

	&__content {
		text-align: center;
		display: flex;
		flex-direction: column;
		gap: var(--#{$prefix}result-content-gap);
	}

	&__title {
		font-size: var(--#{$prefix}result-title-font-size);
		font-weight: var(--#{$prefix}result-title-font-weight);
	}

	&__subtitle {
		font-size: var(--#{$prefix}result-subtitle-font-size);
		font-weight: var(--#{$prefix}result-subtitle-font-weight);
	}
}