.sdh-pdf {
    --sdh-pdf-bg: #0f172a;
    --sdh-pdf-radius: 16px;
    --sdh-pdf-padding: 16px;
    --sdh-pdf-max-height: 82vh;
    --sdh-pdf-aspect-ratio: 16 / 10;
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.07), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 24%),
        var(--sdh-pdf-bg);
    border-radius: var(--sdh-pdf-radius);
    box-sizing: border-box;
    max-width: 100%;
    padding: var(--sdh-pdf-padding);
    width: 100%;
}

.sdh-pdf *,
.sdh-pdf *::before,
.sdh-pdf *::after {
    box-sizing: border-box;
}

.sdh-pdf--boxed {
    margin-inline: auto;
    max-width: min(100%, 1280px);
}

.sdh-pdf-frame {
    aspect-ratio: var(--sdh-pdf-aspect-ratio);
    border-radius: calc(var(--sdh-pdf-radius) - 4px);
    box-shadow:
        0 32px 80px rgba(15, 23, 42, 0.34),
        0 12px 26px rgba(15, 23, 42, 0.18);
    isolation: isolate;
    max-height: var(--sdh-pdf-max-height);
    min-height: min(420px, var(--sdh-pdf-max-height));
    overflow: hidden;
    position: relative;
    width: 100%;
}

.sdh-pdf-frame::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 18%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.sdh-pdf-frame iframe {
    background: #0f172a;
    border: 0;
    display: block;
    height: 100%;
    min-height: inherit;
    width: 100%;
}

.sdh-pdf-empty {
    background: rgba(15, 23, 42, 0.88);
    border-radius: 14px;
    color: #f8fafc;
    padding: 18px 20px;
}

.sdh-pdf-theme-light .sdh-pdf-empty {
    background: rgba(255, 255, 255, 0.92);
    color: #10233c;
}

@media (max-width: 782px) {
    .sdh-pdf {
        --sdh-pdf-padding: 10px;
        --sdh-pdf-radius: 14px;
    }

    .sdh-pdf-frame {
        min-height: 360px;
    }
}