sr-url-embed,
.sr-url-embed {
    display: block;
    margin: calc(var(--spacing, .25rem) * 4) 0;
    color: var(--sr-text, var(--text-strong, var(--color-default-900, #242424)));
}

.sr-url-embed-youtube iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid var(--sr-border, var(--color-default-300, #d8dde6));
    border-radius: var(--radius, 8px);
}

.sr-url-embed-caption {
    display: block;
    margin-top: calc(var(--spacing, .25rem) * 1.5);
    color: var(--sr-muted, var(--text-muted, var(--color-default-600, #666)));
    font-size: var(--type-caption-size, .8125rem);
}

.sr-url-embed:is(.sr-url-embed-x, .sr-url-embed-instagram) {
    display: grid;
    gap: calc(var(--spacing, .25rem) * 1);
    padding: calc(var(--spacing, .25rem) * 3);
    border: 1px solid var(--sr-border, var(--color-default-300, #d8dde6));
    border-radius: var(--radius, 8px);
    background: var(--sr-surface, var(--color-card, #fff));
}

.sr-url-embed a {
    overflow-wrap: anywhere;
}