@mixin card() {
    width: 100%;
	min-height: 40px;
	box-sizing: border-box;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 10px;

	&:focus,
	&:focus-within {
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		outline: none;
	}
}

@mixin skeleton-shimmer() {
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: shimmer 2s infinite;
}

@keyframes shimmer {
	0% {
		background-position: -200% 0;
	}
	100% {
		background-position: 200% 0;
	}
}