.qlm-viewport { position: relative; }
.qlm-content { display: flow-root; }
.qlm-viewport.qlm-collapsed {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 60px), transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 60px), transparent 100%);
}
button.qlm-toggle {
    display: inline-flex; align-items: center; gap: 10px;
    background: transparent; border: 0; border-radius: 0; box-shadow: none;
    color: inherit; cursor: pointer; font: inherit; font-weight: 500;
    letter-spacing: normal; text-transform: none; line-height: 1.5;
    padding: 10px 0; margin: 6px 0 0; min-height: 44px;
}
button.qlm-toggle:hover { background: transparent; color: inherit; box-shadow: none; text-decoration: underline; }
button.qlm-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
button.qlm-toggle[hidden] { display: none !important; }
.qlm-arrow { display: inline-block; width: 9px; height: 9px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.qlm-toggle[aria-expanded="true"] .qlm-arrow { transform: translateY(2px) rotate(225deg); }
@media print {
    .qlm-viewport.qlm-collapsed { max-height: none !important; overflow: visible; mask-image: none; -webkit-mask-image: none; }
    button.qlm-toggle { display: none !important; }
}