/* =================================
	   Premium Action Button
	   Unified styling for footer bar buttons
	   ================================= */
	.footer-action-btn.svelte-2a3ops {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		border: none;
		border-radius: 0.5rem;
		background: transparent;
		color: rgb(63, 63, 70);
		cursor: pointer;
		transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
	}

	/* Light mode hover */
	.footer-action-btn.svelte-2a3ops:hover {
		background: rgba(244, 244, 245, 0.8);
		transform: scale(1.05);
	}

	/* Focus state */
	.footer-action-btn.svelte-2a3ops:focus-visible {
		outline: 2px solid rgb(161, 161, 170);
		outline-offset: 2px;
	}

	/* Active/pressed state */
	.footer-action-btn.svelte-2a3ops:active {
		transform: scale(0.95);
	}

	/* Dark mode styling */
	.dark .footer-action-btn.svelte-2a3ops {
		color: rgb(212, 212, 216);
	}

	.dark .footer-action-btn.svelte-2a3ops:hover {
		background: rgba(63, 63, 70, 0.6);
	}

	.dark .footer-action-btn.svelte-2a3ops:focus-visible {
		outline-color: rgb(113, 113, 122);
	}

	/* =================================
	   Icon Container
	   ================================= */
	.footer-action-icon.svelte-2a3ops {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	/* =================================
	   Premium Language Button
	   ================================= */
	.footer-lang-btn.svelte-4a1rlt {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.125rem;
		height: 2.5rem;
		padding: 0 0.625rem;
		border: none;
		border-radius: 0.5rem;
		background: transparent;
		color: rgb(63, 63, 70);
		font-size: 0.75rem;
		font-weight: 500;
		letter-spacing: 0.025em;
		cursor: pointer;
		transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.footer-lang-btn.svelte-4a1rlt:hover {
		background: rgba(244, 244, 245, 0.8);
		transform: scale(1.05);
	}

	.footer-lang-btn.svelte-4a1rlt:focus-visible {
		outline: 2px solid rgb(161, 161, 170);
		outline-offset: 2px;
	}

	.footer-lang-btn.svelte-4a1rlt:active {
		transform: scale(0.95);
	}

	.dark .footer-lang-btn.svelte-4a1rlt {
		color: rgb(212, 212, 216);
	}

	.dark .footer-lang-btn.svelte-4a1rlt:hover {
		background: rgba(63, 63, 70, 0.6);
	}

	.dark .footer-lang-btn.svelte-4a1rlt:focus-visible {
		outline-color: rgb(113, 113, 122);
	}

	.footer-lang-code.svelte-4a1rlt {
		font-family: inherit;
	}

	.footer-lang-chevron.svelte-4a1rlt {
		width: 1rem;
		height: 1rem;
		opacity: 0.7;
		transition: transform 0.2s ease;
	}

	.footer-lang-btn.svelte-4a1rlt:hover .footer-lang-chevron:where(.svelte-4a1rlt) {
		opacity: 1;
	}

	/* =================================
	   Modal Styles (Portal)
	   ================================= */
	.lang-modal-wrapper.svelte-4a1rlt {
		position: fixed;
		inset: 0;
		z-index: 9999;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
		background: rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(4px);
		pointer-events: auto;
	}

	.lang-modal-panel.svelte-4a1rlt {
		position: relative;
		width: 100%;
		max-width: 24rem;
		padding: 1.5rem;
		background: white;
		border-radius: 0.75rem;
		box-shadow:
			0 25px 50px -12px rgba(0, 0, 0, 0.25),
			0 0 0 1px rgba(0, 0, 0, 0.05);
	}

	.dark .lang-modal-panel.svelte-4a1rlt {
		background: rgb(39, 39, 42);
		box-shadow:
			0 25px 50px -12px rgba(0, 0, 0, 0.5),
			0 0 0 1px rgba(255, 255, 255, 0.05);
	}

	.lang-modal-header.svelte-4a1rlt {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1rem;
	}

	.lang-modal-title.svelte-4a1rlt {
		font-size: 1.125rem;
		font-weight: 500;
		color: rgb(24, 24, 27);
	}

	.dark .lang-modal-title.svelte-4a1rlt {
		color: white;
	}

	.lang-modal-close.svelte-4a1rlt {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.5rem;
		border: none;
		border-radius: 0.375rem;
		background: transparent;
		color: rgb(161, 161, 170);
		cursor: pointer;
		transition: all 0.15s ease;
	}

	.lang-modal-close.svelte-4a1rlt:hover {
		background: rgba(244, 244, 245, 0.8);
		color: rgb(82, 82, 91);
	}

	.dark .lang-modal-close.svelte-4a1rlt:hover {
		background: rgba(63, 63, 70, 0.6);
		color: rgb(212, 212, 216);
	}

	/* =================================
	   Language Options
	   ================================= */
	.lang-options.svelte-4a1rlt {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	.lang-option.svelte-4a1rlt {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0.75rem 1rem;
		border: none;
		border-radius: 0.5rem;
		background: transparent;
		color: rgb(82, 82, 91);
		font-size: 0.875rem;
		text-align: left;
		cursor: pointer;
		transition: all 0.15s ease;
	}

	.lang-option.svelte-4a1rlt:hover {
		background: rgba(244, 244, 245, 0.8);
		color: rgb(24, 24, 27);
	}

	.lang-option.active.svelte-4a1rlt {
		background: rgb(244, 244, 245);
		color: rgb(24, 24, 27);
		font-weight: 600;
	}

	.dark .lang-option.svelte-4a1rlt {
		color: rgb(212, 212, 216);
	}

	.dark .lang-option.svelte-4a1rlt:hover {
		background: rgba(63, 63, 70, 0.6);
		color: white;
	}

	.dark .lang-option.active.svelte-4a1rlt {
		background: rgb(63, 63, 70);
		color: white;
	}

	.lang-option-name.svelte-4a1rlt {
		flex: 1;
	}

	.lang-option-check.svelte-4a1rlt {
		width: 1.25rem;
		height: 1.25rem;
		margin-left: 0.75rem;
		color: rgb(82, 82, 91);
	}

	.dark .lang-option-check.svelte-4a1rlt {
		color: rgb(161, 161, 170);
	}

	/* =================================
	   Premium Action Button
	   Unified styling for footer bar buttons
	   ================================= */
	.footer-action-btn.svelte-w84gew {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		border: none;
		border-radius: 0.5rem;
		background: transparent;
		color: rgb(63, 63, 70);
		cursor: pointer;
		transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
	}

	/* Light mode hover */
	.footer-action-btn.svelte-w84gew:hover {
		background: rgba(244, 244, 245, 0.8);
		transform: scale(1.05);
	}

	/* Focus state */
	.footer-action-btn.svelte-w84gew:focus-visible {
		outline: 2px solid rgb(161, 161, 170);
		outline-offset: 2px;
	}

	/* Active/pressed state */
	.footer-action-btn.svelte-w84gew:active {
		transform: scale(0.95);
	}

	/* Ecommerce mode active indicator */
	.footer-action-btn.active.svelte-w84gew {
		background: rgba(20, 184, 166, 0.1);
		color: rgb(13, 148, 136);
	}

	/* Dark mode styling */
	.dark .footer-action-btn.svelte-w84gew {
		color: rgb(212, 212, 216);
	}

	.dark .footer-action-btn.svelte-w84gew:hover {
		background: rgba(63, 63, 70, 0.6);
	}

	.dark .footer-action-btn.svelte-w84gew:focus-visible {
		outline-color: rgb(113, 113, 122);
	}

	.dark .footer-action-btn.active.svelte-w84gew {
		background: rgba(20, 184, 166, 0.15);
		color: rgb(45, 212, 191);
	}

	/* =================================
	   Icon Container
	   ================================= */
	.footer-action-icon.svelte-w84gew {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	.manual-popover.svelte-1bcnkv9 {
		position: fixed;
		bottom: calc(
			0rem + 4.25rem + 0.5rem
		); /* Adjusted: trigger bottom (0) + trigger height (py-5 ~ 4.25rem) + offset (0.5rem) */

		/* Default (small screens): Center popover (w-64 = 16rem) relative to button (w-80 = 20rem) */
		/* Button center = 0 + (20rem / 2) = 10rem */
		/* Popover left = Button center - (Popover width / 2) = 10rem - (16rem / 2) = 2rem */
		left: 8rem;
		transform: translateX(0); /* No translation needed for default */

		background-color: var(--popover, white);
		color: var(--popover-foreground, black);
		border: 1px solid var(--border, #e5e7eb);
	}

	/* Dark mode styles */
	.dark .manual-popover.svelte-1bcnkv9 {
		background-color: var(--popover, #1f2937);
		color: var(--popover-foreground, #f3f4f6);
		border-color: var(--border, #4b5563);
	}

	/* Adjust positioning for smaller screens if needed */
	@media (max-width: 767px) {
		.manual-popover.svelte-1bcnkv9 {
			left: 0;
			transform: translateX(0);
			bottom: calc(3rem + 4rem + 0.5rem);
			width: calc(100% - 2rem);
			margin-left: 1rem;
			margin-right: 1rem;
		}
	}

	/* Basic button styling */
	.manual-popover.svelte-1bcnkv9 button:where(.svelte-1bcnkv9) {
		background-color: transparent;
		cursor: pointer;
		/* Add hover/focus styles matching your theme */
	}
	.manual-popover.svelte-1bcnkv9 button:where(.svelte-1bcnkv9):hover {
		background-color: var(--accent, #f3f4f6); /* Example hover */
	}
	.dark .manual-popover.svelte-1bcnkv9 button:where(.svelte-1bcnkv9):hover {
		background-color: var(--accent, #374151); /* Example dark hover */
	}

	/* Overlay styles */
	.popover-overlay.svelte-1bcnkv9 {
		/* Background color set inline with Tailwind class */
		/* z-index set inline */
		/* position: fixed and inset-0 set inline */
	}

	/* =================================
	   Premium To-Top Button
	   Monochromatic / Minimalist Design
	   ================================= */
	.to-top-btn.svelte-1gqwkad {
		position: fixed;
		left: 1.5rem;
		bottom: 1.5rem;
		z-index: 100;

		/* Size & Shape */
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		padding: 0;
		border: none;
		border-radius: 50%;

		/* Colors - Light Mode */
		background: rgba(255, 255, 255, 0.95);
		color: rgb(24, 24, 27); /* zinc-900 */
		box-shadow:
			0 4px 12px rgba(0, 0, 0, 0.08),
			0 1px 3px rgba(0, 0, 0, 0.06),
			0 0 0 1px rgba(0, 0, 0, 0.04);

		/* Smooth Interactions */
		cursor: pointer;
		transition:
			transform 300ms cubic-bezier(0.22, 1, 0.36, 1),
			box-shadow 300ms cubic-bezier(0.22, 1, 0.36, 1),
			background-color 200ms ease;

		/* Backdrop blur for glassmorphism */
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
	}

	/* Dark Mode */
	.dark .to-top-btn.svelte-1gqwkad {
		background: rgba(39, 39, 42, 0.95); /* zinc-800 */
		color: rgb(250, 250, 250); /* zinc-50 */
		box-shadow:
			0 4px 12px rgba(0, 0, 0, 0.3),
			0 1px 3px rgba(0, 0, 0, 0.2),
			0 0 0 1px rgba(255, 255, 255, 0.06);
	}

	/* Hover State */
	.to-top-btn.hovered.svelte-1gqwkad {
		transform: translateY(-4px) scale(1.05);
		box-shadow:
			0 8px 24px rgba(0, 0, 0, 0.12),
			0 4px 8px rgba(0, 0, 0, 0.08),
			0 0 0 1px rgba(0, 0, 0, 0.06);
	}

	.dark .to-top-btn.hovered.svelte-1gqwkad {
		box-shadow:
			0 8px 24px rgba(0, 0, 0, 0.5),
			0 4px 8px rgba(0, 0, 0, 0.3),
			0 0 0 1px rgba(255, 255, 255, 0.1);
	}

	/* Pressed State */
	.to-top-btn.pressed.svelte-1gqwkad {
		transform: translateY(-2px) scale(0.98);
	}

	/* Focus State */
	.to-top-btn.svelte-1gqwkad:focus-visible {
		outline: 2px solid rgb(161, 161, 170); /* zinc-400 */
		outline-offset: 3px;
	}

	/* =================================
	   Progress Ring
	   ================================= */
	.progress-ring.svelte-1gqwkad {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		transform: rotate(-90deg);
		pointer-events: none;
	}

	.progress-ring-bg.svelte-1gqwkad {
		fill: none;
		stroke: rgba(161, 161, 170, 0.15); /* zinc-400/15 */
		stroke-width: 2;
	}

	.progress-ring-fill.svelte-1gqwkad {
		fill: none;
		stroke: rgb(82, 82, 91); /* zinc-600 */
		stroke-width: 2;
		stroke-dasharray: 125.6;
		stroke-linecap: round;
		transition: stroke-dashoffset 150ms ease;
	}

	.dark .progress-ring-fill.svelte-1gqwkad {
		stroke: rgb(161, 161, 170); /* zinc-400 */
	}

	/* =================================
	   Arrow Icon
	   ================================= */
	.to-top-icon.svelte-1gqwkad {
		width: 1.125rem;
		height: 1.125rem;
		transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.to-top-btn.hovered.svelte-1gqwkad .to-top-icon:where(.svelte-1gqwkad) {
		transform: translateY(-2px);
	}

	/* =================================
	   Tooltip
	   ================================= */
	.to-top-tooltip.svelte-1gqwkad {
		position: absolute;
		left: calc(100% + 0.75rem);
		top: 50%;
		transform: translateY(-50%);
		padding: 0.375rem 0.75rem;
		border-radius: 0.375rem;
		background: rgb(24, 24, 27); /* zinc-900 */
		color: rgb(250, 250, 250); /* zinc-50 */
		font-size: 0.75rem;
		font-weight: 500;
		letter-spacing: 0.01em;
		white-space: nowrap;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		pointer-events: none;
	}

	.dark .to-top-tooltip.svelte-1gqwkad {
		background: rgb(250, 250, 250); /* zinc-50 */
		color: rgb(24, 24, 27); /* zinc-900 */
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	}

	/* Tooltip arrow */
	.to-top-tooltip.svelte-1gqwkad::after {
		content: '';
		position: absolute;
		top: 50%;
		right: -4px;
		transform: translateY(-50%) rotate(45deg);
		width: 8px;
		height: 8px;
		background: inherit;
	}

	/* =================================
	   Responsive Adjustments
	   ================================= */
	@media (max-width: 768px) {
		.to-top-btn.svelte-1gqwkad {
			right: 1rem;
			bottom: 5rem; /* Above mobile footer */
			width: 2.75rem;
			height: 2.75rem;
		}

		.to-top-icon.svelte-1gqwkad {
			width: 1rem;
			height: 1rem;
		}

		/* Hide tooltip on mobile */
		.to-top-tooltip.svelte-1gqwkad {
			display: none;
		}
	}

	/* =================================
	   Reduced Motion
	   ================================= */
	@media (prefers-reduced-motion: reduce) {
		.to-top-btn.svelte-1gqwkad {
			transition: none;
		}

		.to-top-btn.hovered.svelte-1gqwkad {
			transform: none;
		}

		.to-top-icon.svelte-1gqwkad {
			transition: none;
		}

		.progress-ring-fill.svelte-1gqwkad {
			transition: none;
		}
	}

	.collab-card.svelte-1iebw94 {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		will-change: transform, box-shadow;
	}

	.collab-card.svelte-1iebw94:hover {
		transform: translateY(-4px);
	}

	.folder-card.svelte-5hw88d {
		--folder-bg: rgba(255, 255, 255, 0.7);
		--folder-border: rgba(0, 0, 0, 0.08);
		--folder-accent: rgb(236, 72, 153);

		position: relative;
		display: block;
		width: 100%;
		aspect-ratio: 4 / 3.2;
		text-decoration: none;
		perspective: 1000px;
		z-index: 1;
	}

	.dark .folder-card.svelte-5hw88d {
		--folder-bg: rgba(24, 24, 27, 0.7);
		--folder-border: rgba(255, 255, 255, 0.08);
	}

	.folder-body.svelte-5hw88d {
		position: relative;
		width: 100%;
		height: 100%;
		background: var(--folder-bg);
		backdrop-filter: blur(12px) saturate(180%);
		-webkit-backdrop-filter: blur(12px) saturate(180%);
		border: 1px solid var(--folder-border);
		border-radius: 1.25rem;
		border-top-left-radius: 0;
		display: flex;
		flex-direction: column;
		z-index: 5;
		overflow: hidden;
		box-shadow:
			0 10px 30px -10px rgba(0, 0, 0, 0.05),
			inset 0 1px 1px rgba(255, 255, 255, 0.4);
	}

	.dark .folder-body.svelte-5hw88d {
		box-shadow:
			0 20px 40px -20px rgba(0, 0, 0, 0.4),
			inset 0 1px 1px rgba(255, 255, 255, 0.05);
	}

	.folder-tab.svelte-5hw88d {
		position: absolute;
		top: -2.25rem;
		left: -1px;
		height: 2.25rem;
		padding: 0 1.25rem;
		background: var(--folder-bg);
		backdrop-filter: blur(12px);
		border: 1px solid var(--folder-border);
		border-bottom: none;
		border-radius: 1rem 1rem 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 4;
		transition: background-color 0.3s ease;
	}

	.tab-category.svelte-5hw88d {
		font-family: 'Inter', sans-serif;
		font-size: 0.625rem;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: var(--folder-accent);
	}

	.folder-inner.svelte-5hw88d {
		flex: 1;
		display: flex;
		flex-direction: column;
		padding: 1.5rem;
	}

	.folder-preview.svelte-5hw88d {
		flex: 1;
		width: 100%;
		background: rgba(0, 0, 0, 0.02);
		border-radius: 0.75rem;
		margin-bottom: 1.25rem;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dark .folder-preview.svelte-5hw88d {
		background: rgba(255, 255, 255, 0.02);
	}

	.folder-preview.svelte-5hw88d img:where(.svelte-5hw88d) {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 0.9;
	}

	.folder-placeholder.svelte-5hw88d {
		flex: 1;
		width: 100%;
		background: rgba(0, 0, 0, 0.02);
		border-radius: 0.75rem;
		margin-bottom: 1.25rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dark .folder-placeholder.svelte-5hw88d {
		background: rgba(255, 255, 255, 0.02);
	}

	.placeholder-icon.svelte-5hw88d {
		width: 2.5rem;
		height: 2.5rem;
		color: rgba(113, 113, 122, 0.3);
	}

	.folder-info.svelte-5hw88d {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
	}

	.folder-title.svelte-5hw88d {
		font-family: 'Inter', sans-serif;
		font-size: 1.25rem;
		font-weight: 800;
		letter-spacing: -0.02em;
		color: rgb(24, 24, 27);
		margin: 0;
	}

	.dark .folder-title.svelte-5hw88d {
		color: rgb(250, 250, 250);
	}

	.folder-meta.svelte-5hw88d {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.meta-count.svelte-5hw88d {
		font-size: 0.75rem;
		color: rgb(113, 113, 122);
		font-weight: 500;
	}

	.meta-arrow.svelte-5hw88d {
		width: 0.875rem;
		height: 0.875rem;
		color: var(--folder-accent);
		opacity: 0;
		transform: translateX(-10px);
		transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.folder-card.svelte-5hw88d:hover .meta-arrow:where(.svelte-5hw88d) {
		opacity: 1;
		transform: translateX(0);
	}

	/* Decorative Layers */
	.folder-layer.svelte-5hw88d {
		position: absolute;
		background: var(--folder-bg);
		border: 1px solid var(--folder-border);
		border-radius: 1.25rem;
		z-index: -1;
		transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.layer-1.svelte-5hw88d {
		inset: 0.5rem -0.5rem -0.5rem 0.5rem;
		opacity: 0.4;
	}

	.layer-2.svelte-5hw88d {
		inset: 1rem -1rem -1rem 1rem;
		opacity: 0.2;
	}

	.folder-card.svelte-5hw88d:hover .layer-1:where(.svelte-5hw88d) {
		transform: translate(4px, -4px);
	}

	.folder-card.svelte-5hw88d:hover .layer-2:where(.svelte-5hw88d) {
		transform: translate(8px, -8px);
	}

	.turnstile-container.svelte-195ddjf {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.custom-scrollbar.svelte-1jfe0fn::-webkit-scrollbar {
		width: 4px;
	}
	.custom-scrollbar.svelte-1jfe0fn::-webkit-scrollbar-track {
		background: transparent;
	}
	.custom-scrollbar.svelte-1jfe0fn::-webkit-scrollbar-thumb {
		background-color: rgba(255, 255, 255, 0.1);
		border-radius: 999px;
	}
	.custom-scrollbar.svelte-1jfe0fn:hover::-webkit-scrollbar-thumb {
		background-color: rgba(255, 255, 255, 0.3);
	}

	/* =================================
	   Premium Action Button
	   Unified styling for footer bar buttons
	   ================================= */
	.footer-action-btn.svelte-4iyuca {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		border: none;
		border-radius: 0.5rem;
		background: transparent;
		color: rgb(63, 63, 70);
		cursor: pointer;
		transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
	}

	/* Light mode hover */
	.footer-action-btn.svelte-4iyuca:hover {
		background: rgba(244, 244, 245, 0.8);
		transform: scale(1.05);
	}

	/* Focus state */
	.footer-action-btn.svelte-4iyuca:focus-visible {
		outline: 2px solid rgb(161, 161, 170);
		outline-offset: 2px;
	}

	/* Active/pressed state */
	.footer-action-btn.svelte-4iyuca:active {
		transform: scale(0.95);
	}

	/* Dark mode styling */
	.dark .footer-action-btn.svelte-4iyuca {
		color: rgb(212, 212, 216);
	}

	.dark .footer-action-btn.svelte-4iyuca:hover {
		background: rgba(63, 63, 70, 0.6);
	}

	.dark .footer-action-btn.svelte-4iyuca:focus-visible {
		outline-color: rgb(113, 113, 122);
	}

	/* =================================
	   Icon Container
	   ================================= */
	.footer-action-icon.svelte-4iyuca {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	.lazy-section.svelte-7ijm3y {
		width: 100%;
		height: auto;
		will-change: transform, opacity;
	}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
input.svelte-1fo7tpm::placeholder {
  color: #0000;
}

input.svelte-1fo7tpm:focus::placeholder {
  color: var(--color-zinc-400, oklch(70.5% .015 286.067));
}

@media (prefers-color-scheme: dark) {
  input.svelte-1fo7tpm:focus::placeholder {
    color: var(--color-zinc-500, oklch(55.2% .016 285.938));
  }
}

	.direction-reverse.svelte-10i79jb {
		animation-direction: reverse;
	}

	/* View Transitions API support */
	@supports (view-transition-name: none) {
		::view-transition-old(marquee-container),
		::view-transition-new(marquee-container) {
			animation-duration: 0.4s;
			animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		}

		::view-transition-old(marquee-track-1),
		::view-transition-new(marquee-track-1),
		::view-transition-old(marquee-track-2),
		::view-transition-new(marquee-track-2) {
			animation-duration: 0.5s;
			animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		}
	}