.hl-frame{--hl-frame-white:#fafaf9;--hl-frame-mat:#f3f2ef;box-sizing:border-box;width:100%;max-width:100%;background:var(--hl-frame-white);border:1px solid rgba(255,255,255,.92);border-radius:2px;box-shadow:0 1px 0 rgba(6,15,26,.1)}.hl-frame-mat{background:var(--hl-frame-mat);box-sizing:border-box}.hl-frame-art{display:flex;align-items:center;justify-content:center;line-height:0;width:100%;background:#fff}.hl-frame-art .hc-library-svg,.hl-frame-art .hc-library-svg svg,.hl-frame-art .hc-library-thumb-img,.hl-frame-art .hc-visual-svg,.hl-frame-art .hc-visual-svg svg,.hl-frame-art .hmm-viewer-image,.hl-frame-art img{display:block;max-width:100%;width:auto;height:auto;object-fit:contain}.hl-frame--thumb .hl-frame-mat{padding:clamp(8px,2.4vw,14px)}.hl-frame--thumb .hl-frame-art{min-height:88px}.hl-frame--thumb .hl-frame-art .hc-library-thumb-img,.hl-frame--thumb .hl-frame-art img{max-height:min(40vw,200px)}.hl-frame--detail{max-width:min(100%,720px);margin:0 auto}.hl-frame--detail .hl-frame-mat{padding:clamp(20px,5vw,44px)}.hl-frame--detail .hl-frame-art{min-height:120px}.hl-frame--viewer{max-width:min(94vw,1080px);margin:0 auto;pointer-events:none}.hl-frame--viewer .hl-frame-mat{padding:clamp(22px,6vw,56px)}.hl-frame--viewer .hl-frame-art .hmm-viewer-image,.hl-frame--viewer .hl-frame-art img{max-width:min(88vw,960px);max-height:min(68vh,780px);pointer-events:none}.hl-frame .hiv-trigger{display:block;width:100%;border:0;padding:0;margin:0;background:transparent;cursor:zoom-in}.hl-frame .hc-library-thumb-fallback{width:100%;min-height:88px;background:rgba(20,49,80,.04)}@media (max-width:640px){.hl-frame--thumb .hl-frame-mat{padding:7px}.hl-frame--detail .hl-frame-mat,.hl-frame--viewer .hl-frame-mat{padding:16px}}