#container{align-items:flex-start;display:flex;height:100vh;justify-content:center;margin:0 auto;overflow:hidden;padding:var(--vertical-margin,0) var(--horizontal-margin,0);position:relative;width:100%}#container.natural{align-items:flex-start;overflow-x:hidden;overflow-y:auto}#container.natural #viewer{height:auto;width:auto}#container.fit-horizontal{align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto}#container.fit-horizontal #viewer{height:auto;object-fit:contain;width:calc(100vw - 100vw*var(--horizontal-margin, 0))}#container.fit-vertical{align-items:center;justify-content:center;overflow-y:hidden}#container.fit-vertical #viewer{height:calc(100vh - 100vh*var(--vertical-margin, 0));object-fit:contain;width:auto}#viewer.default{height:auto;margin:0;max-height:100%;max-width:100%;object-fit:contain;width:auto}#container.mobile{align-items:flex-start;overflow-y:auto;padding:0!important}#container.mobile #viewer{height:auto;width:100%}#viewer{display:block;margin:0 auto;padding:0;position:relative}#container.with-margins{padding:var(--vertical-margin,0) var(--horizontal-margin,0)}#media-container{backdrop-filter:blur(3px);background-color:rgba(0,0,0,.5);bottom:0;cursor:pointer;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1001}#image-viewer,#video-player{aspect-ratio:16/9;border:none;border-radius:10px;display:block;display:none;height:auto;left:50%;max-width:1200px;min-width:320px;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}#image-viewer{max-height:90vh;object-position:center}#audio-player{background:#fff;border-radius:30px;bottom:40px;display:none;left:50%;max-width:800px;min-width:320px;padding:10px;position:fixed;transform:translateX(-50%);width:80%;z-index:1002}#close-media-container{background:hsla(0,0%,100%,.8);border-radius:50%;cursor:pointer;display:none;padding:5px;position:absolute;right:20px;top:20px;z-index:1002}#area-tooltip{background:#fff;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.2);padding:5px 10px;pointer-events:none;position:fixed;visibility:hidden;z-index:1000}@media (max-width:640px){#container{padding:0!important}#audio-player,#image-viewer,#video-player{width:95%}#audio-player{bottom:20px}#close-media-container{right:10px;top:10px}}