.resourceDetail[data-type="urlpreview"] {
    background: var(--primary-bg-color);
    color: var(--primary-fg-color);
    display: flex;
}

.resourceDetail[data-type="urlpreview"] .resourceContent {
    box-sizing: border-box;
    padding: 10px;
}

.overlayElement .resourceDetail[data-type="urlpreview"] .resourceButtons {
    display: flex;
}

.resourceDetail[data-type="urlpreview"] a {
    color: var(--primary-fg-color);
}

.resourceDetail[data-type="urlpreview"][data-original-type="bluesky"] {
    background: transparent;
    padding: 0px;
}

.resourceDetail[data-type="urlpreview"] .bluesky-embed {
    background: var(--primary-bg-color);
    position: relative;
    padding: 16px 16px 16px 25px;
}

.resourceDetail[data-type="urlpreview"] .bluesky-embed::before,
.resourceDetail[data-type="urlpreview"] .bluesky-embed::after {
    content: '\201C';
    font-size: 4em;
    line-height: 1;
    color: var(--primary-fg-color);
    opacity: 0.3;
    position: absolute;
    pointer-events: none;
}

.resourceDetail[data-type="urlpreview"] .bluesky-embed::before {
    top: -1px;
    left: 2px;
}

.resourceDetail[data-type="urlpreview"] .bluesky-embed::after {
    content: '\201D';
    bottom: -15px;
    right: 3px;
}