.potd-pill.svelte-1y8yad3{border:1px solid var(--border);background:color-mix(in srgb, var(--secondary) 55%, transparent);width:fit-content;max-width:100%;color:var(--foreground);font-family:var(--font-mono);border-radius:999px;align-items:center;gap:10px;padding:7px 14px;font-size:.75rem;transition:background-color .15s,border-color .15s;display:flex}.potd-pill.svelte-1y8yad3:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--secondary)}.label.svelte-1y8yad3{color:var(--muted-foreground);flex:none}.title.svelte-1y8yad3{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.clock.svelte-1y8yad3{border-left:1px solid var(--border);color:var(--muted-foreground);flex:none;align-items:baseline;gap:6px;padding-left:10px;display:inline-flex}.clock-time.svelte-1y8yad3{color:var(--foreground);font-variant-numeric:tabular-nums}@media (width<=640px){.potd-pill.svelte-1y8yad3{gap:8px;padding:7px 12px}.has-title.svelte-1y8yad3 .label:where(.svelte-1y8yad3),.clock-label.svelte-1y8yad3{display:none}}