/* PQR_MEDIA_SEO_MODERN_V1 */

:is(.pqr-video-seo, .pqr-pdf-seo).pqr-media-seo-modern-v1 {
    --seo-surface: var(--pqr-surface, #ffffff);
    --seo-panel: var(--pqr-panel, #ffffff);
    --seo-soft: #f5f7ff;
    --seo-text: var(--pqr-text, #111a2e);
    --seo-muted: var(--pqr-muted, #68758e);
    --seo-border: var(--pqr-border, #dce3f0);
    --seo-primary: #6255ed;
    --seo-secondary: #2b8cff;
    --seo-mint: #2ed6a1;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: var(--seo-text);
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-media-seo-inner-v1 {
    position: relative;
    z-index: 2;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-media-seo-decoration-v1 {
    position: absolute;
    z-index: -1;
    width: clamp(240px, 35vw, 520px);
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
    opacity: .18;
    filter: blur(4px);
    background:
        radial-gradient(
            circle,
            rgba(98, 85, 237, .7),
            rgba(46, 214, 161, .2) 48%,
            transparent 70%
        );
    animation:
        pqrSeoGlowV1 8s ease-in-out infinite alternate;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-media-seo-decoration-v1:first-child {
    inset-block-start: 4%;
    inset-inline-end: -14%;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-media-seo-decoration-v1:nth-child(2) {
    inset-block-end: 8%;
    inset-inline-start: -18%;
    animation-delay: -4s;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-heading-v1 {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    color: var(--seo-text);
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-heading-v1
.pqr-seo-heading-copy-v1 {
    min-width: 0;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-icon-v1 {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    margin-top: -.12em;
    border: 1px solid rgba(98, 85, 237, .16);
    border-radius: 15px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            var(--seo-primary),
            var(--seo-secondary) 58%,
            var(--seo-mint)
        );
    box-shadow:
        0 13px 28px rgba(98, 85, 237, .2);
    font-size: 18px;
    transform-origin: center;
    animation:
        pqrSeoIconFloatV1 4.5s ease-in-out infinite;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
h3.pqr-seo-heading-v1
.pqr-seo-icon-v1 {
    width: 39px;
    height: 39px;
    border-radius: 12px;
    font-size: 15px;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-animated-card-v1 {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--seo-border);
    border-radius: 20px;
    color: var(--seo-text);
    background:
        linear-gradient(
            145deg,
            rgba(98, 85, 237, .045),
            rgba(46, 214, 161, .025)
        ),
        var(--seo-panel);
    box-shadow:
        0 15px 38px rgba(23, 35, 68, .07);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-animated-card-v1::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    opacity: .7;
    background:
        linear-gradient(
            180deg,
            var(--seo-primary),
            var(--seo-mint)
        );
}

html[dir="rtl"]
:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-animated-card-v1::before {
    inset: 0 0 0 auto;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-animated-card-v1:hover {
    z-index: 2;
    border-color: rgba(98, 85, 237, .3);
    box-shadow:
        0 22px 48px rgba(43, 55, 95, .13);
    transform: translateY(-4px);
}

:is(.pqr-video-seo, .pqr-pdf-seo)
details.pqr-seo-animated-card-v1 {
    padding: 0;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
details.pqr-seo-animated-card-v1
summary {
    position: relative;
    padding: 18px 52px 18px 22px;
    color: var(--seo-text);
    cursor: pointer;
    font-weight: 800;
    list-style: none;
}

html[dir="rtl"]
:is(.pqr-video-seo, .pqr-pdf-seo)
details.pqr-seo-animated-card-v1
summary {
    padding: 18px 22px 18px 52px;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
details.pqr-seo-animated-card-v1
summary::-webkit-details-marker {
    display: none;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
details.pqr-seo-animated-card-v1
summary::after {
    content: "+";
    position: absolute;
    inset-inline-end: 18px;
    inset-block-start: 50%;
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 9px;
    color: var(--seo-primary);
    background: rgba(98, 85, 237, .1);
    transform: translateY(-50%);
    transition: transform .2s ease;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
details[open].pqr-seo-animated-card-v1
summary::after {
    transform:
        translateY(-50%)
        rotate(45deg);
}

:is(.pqr-video-seo, .pqr-pdf-seo)
details.pqr-seo-animated-card-v1
> :not(summary) {
    margin-inline: 22px;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
details.pqr-seo-animated-card-v1
> :last-child {
    margin-bottom: 20px;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-list-v1 {
    display: grid;
    gap: 11px;
    padding: 0;
    list-style: none;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-list-v1 > li {
    position: relative;
    padding: 14px 16px 14px 46px;
    border: 1px solid var(--seo-border);
    border-radius: 15px;
    color: var(--seo-text);
    background: var(--seo-panel);
}

html[dir="rtl"]
:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-list-v1 > li {
    padding: 14px 46px 14px 16px;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-list-v1 > li::before {
    content: "✓";
    position: absolute;
    inset-inline-start: 14px;
    inset-block-start: 13px;
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    border-radius: 8px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            var(--seo-primary),
            var(--seo-mint)
        );
    font-size: 12px;
    font-weight: 900;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
a {
    text-underline-offset: 3px;
}

:is(.pqr-video-seo, .pqr-pdf-seo)
a:hover {
    color: var(--seo-primary);
}

html.pqr-seo-motion-ready
:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-reveal-v1 {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity .55s ease,
        transform .55s cubic-bezier(.2, .7, .2, 1);
    transition-delay:
        calc(var(--pqr-seo-order, 0) * 45ms);
}

html.pqr-seo-motion-ready
:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-reveal-v1.is-visible {
    opacity: 1;
    transform: none;
}

html[data-pqr-theme="glass"]
:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-animated-card-v1 {
    --seo-panel: rgba(255, 255, 255, .63);
    --seo-border: rgba(255, 255, 255, .7);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

html[data-pqr-theme="midnight"]
:is(.pqr-video-seo, .pqr-pdf-seo).pqr-media-seo-modern-v1 {
    --seo-surface: #10182a;
    --seo-panel: #141f34;
    --seo-soft: #19253b;
    --seo-text: #f4f7ff;
    --seo-muted: #a8b3c9;
    --seo-border: #2d3b57;
}

html[data-pqr-theme="midnight"]
:is(.pqr-video-seo, .pqr-pdf-seo)
:is(
    h1, h2, h3, h4, h5, h6,
    p, li, summary, strong
) {
    color: inherit;
}

html[data-pqr-theme="midnight"]
:is(.pqr-video-seo, .pqr-pdf-seo)
.pqr-seo-list-v1 > li {
    color: var(--seo-text);
    border-color: var(--seo-border);
    background: var(--seo-panel);
}

@keyframes pqrSeoIconFloatV1 {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-4px) rotate(2deg);
    }
}

@keyframes pqrSeoGlowV1 {
    from {
        transform: translate3d(-2%, -2%, 0) scale(.96);
    }

    to {
        transform: translate3d(4%, 5%, 0) scale(1.07);
    }
}

@media (max-width: 700px) {
    :is(.pqr-video-seo, .pqr-pdf-seo)
    .pqr-seo-heading-v1 {
        gap: 10px;
    }

    :is(.pqr-video-seo, .pqr-pdf-seo)
    .pqr-seo-icon-v1 {
        width: 39px;
        height: 39px;
        border-radius: 12px;
        font-size: 15px;
    }

    :is(.pqr-video-seo, .pqr-pdf-seo)
    .pqr-seo-list-v1 > li {
        padding-block: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(.pqr-video-seo, .pqr-pdf-seo)
    .pqr-seo-icon-v1,
    :is(.pqr-video-seo, .pqr-pdf-seo)
    .pqr-media-seo-decoration-v1 {
        animation: none !important;
    }

    html.pqr-seo-motion-ready
    :is(.pqr-video-seo, .pqr-pdf-seo)
    .pqr-seo-reveal-v1 {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}