@charset "utf-8";

@font-face { font-family: CameraPlainVariable; src: url("https://cdn.gpteng.co/mcp-widgets/v1/fonts/CameraPlainVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

#lovable-badge { --badge-bg: #1b1b1b; --badge-text: #c5c1b9; --badge-text-hover: #dcdad5; --badge-radius: 6px; --badge-padding: 8px; --badge-gap: 6px; --badge-shadow: 0 0 0 1px rgba(0, 0, 0, 0.88),
			0 1px 0 0 rgba(0, 0, 0, 0.04),
			0 2px 2px -1px rgba(0, 0, 0, 0.08),
			0 4px 4px -2px rgba(0, 0, 0, 0.08),
			0 8px 8px -4px rgba(0, 0, 0, 0.08),
			0 16px 16px -8px rgba(0, 0, 0, 0.08); --badge-transition-duration: 0.2s; --badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1); --focus-color: #575ECF; --focus-offset: 2px; --focus-width: 2px; position: fixed; bottom: 12px; right: 12px; height: 24px; display: flex; align-items: center; z-index: 1000000; border-radius: var(--badge-radius); font-size: 12px; font-family: CameraPlainVariable, "CameraPlainVariable Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; transform: translateZ(0px); will-change: transform, opacity; background-color: var(--badge-bg) !important; color: var(--badge-text) !important; box-shadow: var(--badge-shadow) !important; font-weight: 400 !important; text-transform: none !important; font-feature-settings: normal !important; }

#lovable-badge-cta { display: flex; align-items: center; gap: var(--badge-gap); padding: 0 var(--badge-padding); height: 100%; color: inherit; text-decoration: none; white-space: nowrap; border-radius: var(--badge-radius) 0 0 var(--badge-radius); transition: background-color var(--badge-transition-duration) ease,
			color var(--badge-transition-duration) ease,
			transform 0.1s ease; }

#lovable-badge-cta:hover { background: rgba(255, 255, 255, 0.04); color: var(--badge-text-hover); }

#lovable-badge-cta:active { transform: scale(0.98); }

#lovable-badge-cta:focus { outline: none; }

#lovable-badge-cta:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); z-index: 1; }

#lovable-badge-text { line-height: 1; }

#lovable-badge-divider { width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.04); flex-shrink: 0; }

#lovable-badge-close { width: 24px; height: 24px; min-width: 24px; min-height: 24px; cursor: pointer; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; display: flex; align-items: center; justify-content: center; border-radius: 0 var(--badge-radius) var(--badge-radius) 0; flex-shrink: 0; transition: background-color var(--badge-transition-duration) ease,
			transform 0.1s ease; }

#lovable-badge-close:hover { background: rgba(255, 255, 255, 0.04); }

#lovable-badge-close:active { transform: scale(0.92); }

#lovable-badge-close:focus { outline: none; }

#lovable-badge-close:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: calc(var(--focus-offset) * -1); z-index: 1; }

#lovable-badge-close svg path { fill: var(--badge-text); transition: fill var(--badge-transition-duration) ease; }

#lovable-badge-close:hover svg path { fill: var(--badge-text-hover); }

@media (prefers-reduced-motion: reduce) {
  #lovable-badge-cta, #lovable-badge-close, #lovable-badge-close svg path { transition: none; }
  #lovable-badge-cta:active, #lovable-badge-close:active { transform: none; }
}

@media (prefers-contrast: high) {
  #lovable-badge { --badge-bg: #000; --badge-text: #fff; --badge-text-hover: #fff; border: 2px solid; }
  #lovable-badge-cta:focus-visible, #lovable-badge-close:focus-visible { outline-width: 3px; }
}