:root {
    --fd0-sidebar-width: 15rem;
}

.fd0-logo {
    font-weight: 800;
    letter-spacing: .08em;
}

.fd0-empty {
    padding: 3rem 1rem;
    text-align: center;
    color: var(--tblr-secondary);
}

.fd0-stat-number {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.fd0-screenshot {
    width: 100%;
    max-height: 25rem;
    object-fit: contain;
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    background: var(--tblr-bg-surface-secondary);
}

.fd0-log {
    max-height: 24rem;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.fd0-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.fd0-mockup-image {
    width: 8rem;
    height: 5rem;
    object-fit: cover;
    border-radius: var(--tblr-border-radius);
    background: var(--tblr-bg-surface-secondary);
}

.fd0-commit {
    font-family: var(--tblr-font-monospace);
    font-size: .8125rem;
    overflow-wrap: normal;
    white-space: nowrap;
    word-break: normal;
}

.fd0-release {
    font-family: var(--tblr-font-monospace);
    font-size: .8125rem;
    overflow-wrap: normal;
    word-break: normal;
}

.fd0-version-chain {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
}

.fd0-version-chain--two {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.fd0-version-stage {
    min-width: 0;
}

.fd0-version-arrow {
    color: var(--tblr-secondary);
    font-size: 1.5rem;
}