.srt-db657560-track {
    display: flow-root;
    position: relative;
    width: 100%;
    overflow-anchor: none;
}

.srt-db657560-stage {
    box-sizing: border-box;
    width: 100%;
}

.srt-db657560-track[data-srt-sticky] > .srt-db657560-stage {
    position: sticky;
    top: var(--srt-pin, 80px);
}

.srt-db657560-container {
    display: block;
    margin: 0 auto;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
    overflow-wrap: anywhere;
}

.srt-db657560-image {
    margin-inline-end: var(--srt-gap, 10px);
}

.srt-db657560-text {
    white-space: pre-wrap;
    position: relative;
}

.srt-db657560-word {
    display: inline-block;
    max-width: 100%;
    vertical-align: baseline;
}

.srt-db657560-image {
    display: inline-block;
    position: relative;
    width: min(var(--srt-image-width, 120px), 100%);
    height: var(--srt-image-height, 80px);
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    border-radius: var(--srt-image-radius, 4px);
}

.srt-db657560-image > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.srt-db657560-track[data-srt-expand] .srt-db657560-image {
    width: min(calc(var(--srt-image-width, 120px) * var(--srt-amount, 1)), 100%);
    margin-inline-end: calc(var(--srt-gap, 10px) * var(--srt-amount, 1));
}

.srt-db657560-track[data-srt-expand] .srt-db657560-image > img {
    width: var(--srt-expanded-width, 120px);
    max-width: none;
}

@media (prefers-reduced-motion: reduce) {
    .srt-db657560-track {
        height: auto !important;
    }

    .srt-db657560-track > .srt-db657560-stage {
        position: static !important;
        min-height: 0 !important;
    }

    .srt-db657560-track [data-srt-unit],
    .srt-db657560-track [data-srt-unit] > img {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        clip-path: none !important;
    }

    .srt-db657560-track[data-srt-expand] .srt-db657560-image {
        width: min(var(--srt-image-width, 120px), 100%) !important;
        margin-inline-end: var(--srt-gap, 10px) !important;
    }
}

/* Anchor the image pixels to the requested opening origin, without affecting text. */
.srt-db657560-track[data-srt-expand] .srt-db657560-image[data-srt-reveal="center"] > img {
    position: relative;
    left: 50%;
    translate: -50% 0;
}
.srt-db657560-track[data-srt-expand] .srt-db657560-image[data-srt-reveal="right"] > img {
    position: relative;
    left: 100%;
    translate: -100% 0;
}

.srt-db657560-zoom-trigger { cursor: zoom-in; }
.srt-db657560-zoom-trigger[aria-expanded="true"] { cursor: zoom-out; }
.srt-db657560-zoom-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.srt-db657560-zoom-layer {
    position: fixed; inset: auto; margin: 0; padding: 0; border: 0;
    translate: -50% -50%; transform-origin: center center;
    pointer-events: none; overflow: hidden; isolation: isolate;
}
.srt-db657560-zoom-layer > img {
    display: block; width: 100%; height: 100%; max-width: none; margin: 0;
    border: 0; border-radius: inherit;
}
.srt-db657560-zoom-shadow { box-shadow: 0 12px 40px rgb(0 0 0 / 22%); }
.srt-db657560-image > img.srt-db657560-zoom-source-hidden { visibility: hidden !important; }
