/* shared.css */
/* Utility classes that can be used globally across components */
@import "../components/font-size.css";
@import "../components/text-color.css";
@import "../components/buttons.css";
@import "../components/inputs.css";
@import "../components/forms.css";
@import "../components/content-panel.css";

.invisible {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.visible {
	display: block;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.center {
	text-align: center !important;
}

.align-left {
	text-align: left !important;
}

.align-right {
	text-align: right !important;
}

.inline-block {
	display: inline-block !important;
}

.cursor-wait {
	cursor: wait !important;
}

.text-uppercase {
	text-transform: uppercase;
}

.bold {
	font-weight: bold !important;
}

.animate {
	animation: var(--default-animation);
}