.directory-badge__preview {
    display: inline-block;
    max-width: 100%;
    border-radius: 0.65rem;
}

.directory-badge__preview img {
    display: block;
    width: min(100%, 320px);
    height: auto;
}

.directory-badge__preview:focus-visible,
.directory-badge__code:focus-visible,
.directory-badge [data-copy-directory-badge]:focus-visible {
    outline: 3px solid #0a192f;
    outline-offset: 3px;
}

.directory-badge__code {
    min-height: 7rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
}