#main-image{object-fit:contain;max-height:600px;display:block}#osd-viewer{background:#f8f9fa;height:600px;min-height:5em;max-height:70vh}#osd-viewer[style*=aspect-ratio]{height:auto}#osd-viewer.fullpage{height:100%;max-height:none}.osd-btn-group{position:absolute;top:10px;right:10px;z-index:10;border-radius:.375rem;border:1px solid rgba(0,0,0,.125);overflow:hidden;display:flex;flex-direction:column}.osd-btn{background-color:#fff;border:none;border-bottom:1px solid rgba(0,0,0,.125);color:#495057;font-size:.875rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out}.osd-btn:last-child{border-bottom:none}.osd-btn:hover{background-color:#f8f9fa;color:#212529}.osd-btn:active{background-color:#e9ecef}