:root{--blockMaxSize:calc(100% - 130px);--imageMargin:5px;--image-total-sum:3;--images-pop-top:auto;--opaque-red:#e72020cc;--navBarWidth:55px}#image-container{height:100vh;left:0;position:absolute;top:0;width:100%;@supports (height:100dvh){height:100dvh}align-items:center;display:flex;justify-content:center;overflow:visible;z-index:0}@media (max-width:768px) and (orientation:portrait){#image-container{width:100%}}#image-display{z-index:0}#image-cover,#image-display{display:flex;height:100%;overflow:visible;position:absolute;width:100%}#image-cover{pointer-events:none;z-index:1}#image-draw-canvas{height:100%!important;overflow:visible;width:100%!important;z-index:-2}.invisible{opacity:0;pointer-events:none}.image-viewer-image-container.active{border:1px solid var(--o-hive-primary-40);transform:scale3d(115%,115%,115%)}.image-viewer-image-container.selected-delete{border:4px solid var(--opaque-red);opacity:1!important;transform:scale3d(115%,115%,115%)}.image-viewer-image-container.selected-delete:before{background-color:var(--opaque-red);border-radius:5px;content:"";height:40%;max-height:25px;max-width:25px;position:absolute;right:-5px;top:-5px;width:40%}.image-viewer-image-container.selected-delete:after{background:url(../images/icons/X.svg);background-position:50%;background-size:contain;content:"";height:40%;position:absolute;right:-5px;top:-5px;width:40%}.image-viewer-arrow{align-items:center;aspect-ratio:1;background-color:var(--btn-bg);border:1px solid var(--arrow-border);border-radius:25%;display:flex;height:60%;justify-content:center}.image-viewer-arrow.left{position:absolute}.image-viewer-arrow:hover{cursor:pointer}.image-viewer-arrow:disabled{opacity:.5}.image-viewer-arrow:disabled:hover{cursor:auto;opacity:.5}.image-viewer-arrow>img{height:60%}:root:not(.light) .image-viewer-arrow>img{filter:invert(1)}.image-viewer-arrow-sideCont{align-items:center;align-self:center;cursor:pointer;display:flex;height:30%;justify-content:center;overflow:hidden;position:absolute;top:0;top:50%;transform:translateY(-50%);width:6rem;z-index:10}.image-viewer-arrow-sideCont *{user-select:none}.image-viewer-arrow-sideCont>button{height:30%;opacity:.5;transform:translate(-20%);transition:opacity .2s linear;width:100%}.image-viewer-arrow-sideCont:hover>button{opacity:1}.image-viewer-arrow-sideCont.right{right:0}.image-viewer-arrow-sideCont.right>button{transform:translate(20%)}.drawer-toggle-button{bottom:0;display:flex;filter:var(--iconOutline);height:25px;justify-content:center;position:absolute;right:50%;transform:rotate(-90deg);width:25px;z-index:15}.drawer-toggle-button.mobile-mode{bottom:5px;min-height:25px;min-width:25px;opacity:.9s;transform:translateX(50%) rotate(90deg)}.drawer-toggle-button.side-bar{height:25px;right:20px;top:25px;transform:rotate(0);width:25px}.drawer-toggle-button.side-bar.flip{transform:rotate(180deg)}.drawer-toggle-button>div{background-image:url(../images/icons/collapse.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:25px;min-width:25px;transition:all .3s linear;width:100%}.drawer-toggle-button.side-bar>div{filter:drop-shadow(0 0 .5px rgb(255,255,255))}.image-viewer-image-container:not(.active){opacity:.75}.gallery-arrow{align-items:center;backdrop-filter:blur(15px);background-color:var(--tools-bg);border:1px solid var(--background-color);border-radius:5px;color:var(--text-color);cursor:pointer;display:flex;height:3rem;justify-content:center;opacity:.7;position:absolute;transition:all .3s ease-in-out;width:3rem;width:100%;z-index:11}.gallery-arrow:hover{background-color:var(--background-color);opacity:1}.gallery-arrow.up{left:50%;top:-3.5rem;transform:translateX(-50%)}.gallery-arrow.down{bottom:-3.5rem;left:50%;transform:translateX(-50%)}.gallery-arrow.chunk-text{backdrop-filter:none;background:none;border:none;bottom:-2.5rem;filter:drop-shadow(0 0 1px black);height:2rem;opacity:1;position:absolute;width:100%}.image-viewer-image-container{background-color:var(--tools-bg);border-radius:5px;cursor:pointer;filter:drop-shadow(0 0 1px var(--background-color));height:calc(var(--image-thumb-size) - var(--imageMargin)*2);margin:var(--imageMargin);width:calc(var(--image-thumb-size) - var(--imageMargin)*2)}.image-viewer-image-container:not(.active){opacity:.6}.image-viewer-image-container:not(.active):hover{opacity:.9}.image-viewer-image{border-radius:5px;height:100%;object-fit:cover;width:100%}.image-viewer-image.placeholder{filter:invert(80%);padding:.5rem}.image-viewer-image.placeholder.buffering{animation:luxolis-spin-3d 3s linear infinite;filter:invert(0)}@keyframes downward{0%{transform:translateX(0) translateY(0)}70%{transform:translateY(200%)}79.9%{transform:translateX(550%) translateY(1000%)}80%{transform:translateX(0) translateY(-200%)}}@keyframes buzz{0%{transform:rotate(0)}30%{transform:rotate(-30deg)}35%{transform:rotate(15deg)}45%{transform:rotate(-15deg)}55%{transform:rotate(15deg)}65%{transform:rotate(-15deg)}75%{transform:rotate(25deg)}85%{transform:rotate(0)}}@keyframes pop-in{0%{transform:translateY(-3px) scale3d(1.1,1.1,1.1)}28%{transform:translateY(3px) scale3d(1.1,1.1,1.1)}70%{transform:translateY(0) scaleX(1)}}