@mixin card() {
    width: 100% !important;
	min-height: 40px !important;
	box-sizing: border-box !important;
	padding: 8px 12px !important;
	border: 1px solid var(--paca-border-muted) !important;
	border-radius: 10px;
	background: var(--paca-surface) !important;
	color: var(--paca-fg-strong) !important;

	&::placeholder {
		color: var(--paca-text-faint) !important;
	}

	&:focus,
	&:focus-within {
		box-shadow: 0 4px 8px var(--paca-shadow-soft) !important;
		outline: none;
	}
}

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

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