/* PocketSub 独自のスタイル調整（Tailwindで表現しきれない部分のみ） */

body {
	font-family: "Hiragino Sans", "Yu Gothic", sans-serif;
}

/* トースト通知のスライドイン／フェードアウト */
.toast {
	animation: slide-in 0.3s ease-out;
}

.toast-hide {
	animation: fade-out 0.3s ease-out forwards;
}

@keyframes slide-in {
	from {
		transform: translateX(100%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}