.component.zoom3{background-color:var(--media-bk-color);border-radius:0;display:flex;flex:1;flex-direction:column;margin:0;overflow:hidden;position:relative}.component.zoom3>.componentTitle{background-color:var(--media-bk-color);color:var(--media-text-color)!important;display:none}.component.zoom3.showTitle>.componentTitle{display:block}.component.zoom3>.content{display:flex;flex:1;overflow:hidden;position:relative}.component.zoom3 picture{flex:1}.component.zoom3 canvas,.component.zoom3 img{display:block;height:100%;width:100%}.component.zoom3:not(.empty) 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{align-items:stretch;align-self:stretch;display:flex}.component.zoom3 .ctrlRequired,.component.zoom3 .twoTouchesRequired{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;color:#fff;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.component.zoom3 .ctrlRequired:after,.component.zoom3 .twoTouchesRequired:after{text-align:center}.component.zoom3 .twoTouchesRequired:after{content:"Use two touches to drag or zoom the image"}html[lang=cy-GB] .component.zoom3 .twoTouchesRequired:after{content:"Defnyddiwch ddau gyffyrddiad i lusgo neu chwyddo'r ddelwedd"}.component.zoom3 .ctrlRequired:after{content:"Press the control key and move the mouse wheel to zoom the image"}html[lang=cy-GB] .component.zoom3 .ctrlRequired:after{content:"Pwyswch y fysell rheoli a symudwch olwyn y llygoden i chwyddo'r ddelwedd"}body.OS_OSX .component.zoom3 .ctrlRequired:after{content:"Press the command key and move the mouse wheel to zoom the image"}html[lang=cy-GB] body.OS_OSX .component.zoom3 .ctrlRequired:after{content:"Pwyswch y allwedd gorchymyn a symudwch olwyn y llygoden i chwyddo'r ddelwedd"}.component.zoom3 .controls{--focus-outline-color:var(--focus-outline-color-on-dark);background-color:rgba(0,0,0,.5);display:flex;flex-wrap:wrap;justify-content:flex-end;position:absolute;right:0;top:0;z-index:1}.component.zoom3.empty .controls{display:none}.component.zoom3 .controls>button,.component.zoom3 .focusCell>button{align-items:center;background-color:transparent;color:#fff;display:flex;font-size:24px;justify-content:center;margin:2px;padding:0}.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{opacity:0;pointer-events:none;transition:opacity .1s linear}.component.zoom3.showControls .controls,.component.zoom3:focus-within .controls{opacity:1;pointer-events:auto;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{opacity:0;pointer-events:none;position:absolute;transition:opacity .1s linear}.component.zoom3.showControls .focusCell{opacity:.8;transition-duration:0s}.component.zoom3 .focusCell.empty{display:none}.component.zoom3 .focusCell>button{background-color:rgba(0,0,0,.5);left:0;margin:0;pointer-events:auto;position:absolute;top:0}.component.zoom3 .focusCell>canvas{height:100%;width:100%}.component.zoom3.fullPage{background-color:var(--media-fullpage-bk-color);bottom:0;height:auto;left:0;margin:0;position:fixed;right:0;top:0;width:auto;z-index:10000}.App_FireFox .component.zoom3.fullPage:not(.transparent) .content>canvas{background:var(--media-fullpage-bk-color)}.component.zoom3.fullPage>.componentTitle{background-color:var(--media-fullpage-bk-color);border:none;color:var(--media-fullpage-text-color)!important;display:flex;gap:var(--pager-gap);margin:0;padding:0;position:relative;z-index:1}.component.zoom3.fullPage .componentTitle>div{flex-shrink:0}.component.zoom3.fullPage .componentTitle>.label{align-self:center;flex-grow:1;flex-shrink:1;overflow:hidden;padding:6px;text-overflow:ellipsis;white-space:nowrap}.component.zoom3.fullPage label{color:var(--media-fullpage-text-color)}.component.zoom3.fullPage .component.pager{margin:2px 0}.component.zoom3.fullPage .component.pager button{background-color:transparent;border-color:var(--media-fullpage-text-color);color:var(--media-fullpage-text-color)}.Layout_Embed .component.zoom3 .controls .openFullPage,.component.zoom3.fullPage .component.pager .autoSaveOnNav,.component.zoom3.fullPage .component.pager .toggleToolbar,.component.zoom3.fullPage .controls .openFullPage{display:none}.component.zoom3.fullPage .closeFullPage{align-self:stretch;background-color:transparent;border:1px solid var(--media-fullpage-text-color);color:var(--media-fullpage-text-color);margin:2px 0;padding:0 5px}@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}}