.notification-bell.svelte-vw7wxs {
	-webkit-tap-highlight-color: transparent;
}

@keyframes svelte-698jj1-shimmer {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}
.animate-shimmer.svelte-698jj1 {
	animation: svelte-698jj1-shimmer 1.5s infinite;
}

.rich-text-container .tiptap p.is-editor-empty:first-child::before {
	content: attr(data-placeholder);
	float: left;
	color: #adb5bd;
	pointer-events: none;
	height: 0;
}

.rich-text-container.svelte-19ktia1 {
	max-height: 400px;
	overflow-y: auto;
}

.prose {
	max-width: none;
}

/* หมุนวงแหวนรอบนอกช้าๆ (Slow Rotation for Background) */
@keyframes svelte-wmggry-slow-rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.animate-slow-rotate.svelte-wmggry {
	transform-origin: 100px 100px;
	animation: svelte-wmggry-slow-rotate 60s linear infinite;
}

/* ลอยขึ้นลงสลับกัน (Floating Motion for Dots) */
@keyframes svelte-wmggry-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}
.animate-float.svelte-wmggry {
	animation: svelte-wmggry-float 3s ease-in-out infinite;
}
.animate-float-delayed.svelte-wmggry {
	animation: svelte-wmggry-float 4s ease-in-out infinite reverse;
}

/* === เพิ่มประสิทธิภาพความลื่นไหล (GPU Acceleration) === */
.animate-slow-rotate.svelte-wmggry,
.animate-float.svelte-wmggry,
.animate-float-delayed.svelte-wmggry,
.animate-k-drift.svelte-wmggry {
	will-change: transform;
	backface-visibility: hidden;
}

/* การลอยแบบนิ่งสงบและเอียงเบาๆ สำหรับตัว K (Smooth Floating Drift) */
@keyframes svelte-wmggry-k-drift {
	0%,
	100% {
		transform: translateY(0) rotate(-1deg);
	}
	50% {
		transform: translateY(-6px) rotate(1.5deg);
	}
}
.animate-k-drift.svelte-wmggry {
	transform-box: fill-box;
	transform-origin: center;
	/* เพิ่มเวลาเป็น 5 วินาทีเพื่อให้ดูนิ่งและพรีเมียมที่สุด */
	animation: svelte-wmggry-k-drift 5s ease-in-out infinite;
}

/* แสงวูบวาบเบาๆ (Soft Opacity Pulse) */
@keyframes svelte-wmggry-soft-pulse {
	0%,
	100% {
		opacity: 0.08;
	}
	50% {
		opacity: 0.15;
	}
}
.animate-soft-pulse.svelte-wmggry {
	animation: svelte-wmggry-soft-pulse 4s ease-in-out infinite;
}