.component.zoom3{position:relative;flex:1;display:flex;flex-direction:column;margin:0;border-radius:0;overflow:hidden;background-color:var(--media-bk-color)}.component.zoom3>.componentTitle{display:none;color:var(--media-text-color)!important;background-color:var(--media-bk-color)}.component.zoom3.showTitle>.componentTitle{display:block}.component.zoom3>.content{position:relative;display:flex;flex:1;overflow:hidden}.component.zoom3 picture{flex:1}.component.zoom3 canvas,.component.zoom3 img{display:block;width:100%;height:100%}.component.zoom3 img{object-fit:scale-down}.component.zoom3:not(.empty).transparent .content>canvas,.component.zoom3:not(.empty).transparent img{background:var(--media-transparency-bk)}.component.zoom3 .pagerContainer{display:flex;align-self:stretch;align-items:stretch}.component.zoom3 .twoTouchesRequired{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;color:#fff;background-color:rgba(0,0,0,.75);pointer-events:none}.component.zoom3 .twoTouchesRequired:after{content:"Use two touches to drag or zoom the image."}.component.zoom3 .controls{--focus-outline-color:var(--focus-outline-color-on-dark);display:flex;flex-wrap:wrap;justify-content:flex-end;position:absolute;top:0;right:0;z-index:1;background-color:rgba(0,0,0,.5)}.component.zoom3.empty .controls{display:none}.component.zoom3 .controls>button,.component.zoom3 .focusCell>button{display:flex;align-items:center;justify-content:center;margin:2px;padding:0;color:#fff;background-color:transparent;font-size:24px}.component.zoom3.minScale button.zoomOut,.component.zoom3.minScale button.zoomReset,.component.zoom3:not(.busy) .controls>.busy{display:none}.component.zoom3 .controls>.busy{position:relative;width:30px}@media screen and (hover:hover) and (pointer:fine){.component.zoom3 .controls{pointer-events:none;opacity:0;transition:opacity .1s linear}.component.zoom3.showControls .controls,.component.zoom3:focus-within .controls{pointer-events:auto;opacity:1;transition-duration:0s}}.component.zoom3 .controls .tracker{display:none}@media screen and (min-width:500px) and (min-height:500px){.component.zoom3.fullPage.trackerFullPage .controls,.component.zoom3.trackerAlways .controls{width:160px}.component.zoom3.fullPage.trackerFullPage .controls .tracker,.component.zoom3.trackerAlways .controls .tracker{display:block;width:100%}}.component.zoom3 .focusCell{position:absolute;pointer-events:none;opacity:0;transition:opacity .1s linear}.component.zoom3.showControls .focusCell{opacity:.8;transition-duration:0s}.component.zoom3 .focusCell.empty{display:none}.component.zoom3 .focusCell>button{position:absolute;top:0;left:0;margin:0;pointer-events:auto;background-color:rgba(0,0,0,.5)}.component.zoom3 .focusCell>canvas{width:100%;height:100%}.component.zoom3.fullPage{position:fixed;top:0;left:0;bottom:0;right:0;width:auto;height:auto;z-index:10000;margin:0;background-color:var(--media-fullpage-bk-color)}.App_FireFox .component.zoom3.fullPage:not(.transparent) .content>canvas{background:var(--media-fullpage-bk-color)}.component.zoom3.fullPage>.componentTitle{position:relative;display:flex;border:none;margin:0;padding:0;z-index:1;color:var(--media-fullpage-text-color)!important;background-color:var(--media-fullpage-bk-color)}.component.zoom3.fullPage .componentTitle>div{flex-shrink:0}.component.zoom3.fullPage .componentTitle>.label{flex-grow:1;flex-shrink:1;align-self:center;padding:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.component.zoom3.fullPage .component.pager{margin:2px 0}.component.zoom3.fullPage .component.pager button{color:var(--media-fullpage-text-color);background-color:transparent}.component.zoom3.fullPage .component.pager input{color:var(--text-color)}.component.zoom3.fullPage .component.pager .autoSaveOnNav,.component.zoom3.fullPage .component.pager .toggleToolbar,.component.zoom3.fullPage .controls .openFullPage,.Layout_Embed .component.zoom3 .controls .openFullPage{display:none}.component.zoom3.fullPage .closeFullPage{padding:0 5px;color:var(--media-fullpage-text-color);background-color:transparent;font-size:18px}@media screen and (pointer:coarse){.component.zoom3.fullPage .closeFullPage{display:flex;align-self:stretch;align-items:center;justify-content:center;min-width:25px;border:1px solid var(--border-color);border-radius:2px;margin:2px}}@media screen and (max-width:450px){.component.zoom3.fullPage .component.pager .pagerCurrentText{display:none}}@media print{.component.zoom3 .controls,.component.zoom3 canvas{display:none!important}.component.zoom3 picture{display:block!important}}