.color-card.svelte-basvhc{display:flex;flex-direction:column;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.color-card.svelte-basvhc:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.color-swatch.svelte-basvhc{position:relative;width:100%;border:none;cursor:pointer;transition:opacity var(--transition-base)}.color-swatch.svelte-basvhc:hover{opacity:.9}.color-swatch.svelte-basvhc:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.copied-indicator.svelte-basvhc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;background-color:#0003;animation:svelte-basvhc-fadeIn var(--transition-fast)}@keyframes svelte-basvhc-fadeIn{0%{opacity:0}to{opacity:1}}.color-info.svelte-basvhc{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.color-hex.svelte-basvhc{font-size:var(--text-base);font-weight:500}.color-name.svelte-basvhc{font-size:var(--text-sm);color:var(--color-text-secondary)}.color-values.svelte-basvhc{margin-top:var(--space-1)}.color-value.svelte-basvhc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.mono.svelte-basvhc{font-family:var(--font-mono)}.mobile-ad-container.svelte-1ummc8o .mobile-ad{width:100%;max-width:728px;margin:0 auto}