.picturev-window{width:640px;height:480px}.picturev-window--fullscreen{width:100%;height:100%}.picturev-window--slideshow{position:fixed;inset:0;width:100vw;height:100vh;margin:0;border:0;border-radius:0;background:#000;z-index:999999}.picturev-window--slideshow .title-bar,.picturev-window--slideshow .viewer-buttons{display:none}.picturev-window--slideshow .picture-viewer-body{background:#000;height:100vh}.picturev-window--slideshow .picture{padding:0}.picturev-window--slideshow .picture img{max-width:100vw;max-height:100vh;border:0;object-fit:contain}.picturev-window .title{display:flex;align-items:center}.picturev-window .viewer-icon{width:20px;height:auto;margin-right:var(--space-3)}.picture-viewer-body{height:100%;min-height:0;display:flex;flex-direction:column;align-items:stretch;background-color:var(--xp-barrier-box)}.picture-viewer-body .picture{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.slideshow-buttons{position:absolute;top:0;right:0;display:flex;align-items:center;gap:0;background-color:var(--xp-barrier-box);z-index:1;opacity:1;transition:opacity .5s ease}.slideshow-buttons.slideshow-buttons--hidden{opacity:0;pointer-events:none}.slideshow-buttons .button-separator{margin-inline:var(--space-3)}.picture-viewer-body .picture img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:1px solid var(--border-dark)}.picture-viewer-body .picture img.actual-size{max-width:unset;max-height:unset;width:auto;height:auto;object-fit:none}.viewer-buttons{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-block:var(--space-3)}.button-separator{height:20px;width:1px;border-right:1px solid var(--border-middle)}.slideshow-buttons button,.viewer-buttons button{display:flex;align-items:center;width:fit-content;height:fit-content;border:1px solid transparent;background-color:transparent;border-radius:2px;padding:var(--space-1);filter:none}.slideshow-buttons button:hover,.viewer-buttons button:hover,.viewer-buttons button:active{border-color:var(--border-middle);box-shadow:inset 0 0 2px var(--xp-line-dark)}.viewer-buttons button.is-active,.slideshow-buttons button.is-active{border-color:var(--body-background-color);background-color:var(--xp-highlight-top)}.viewer-buttons button img{width:auto;height:16px;filter:none;border:none}.viewer-buttons button:disabled img,.slideshow-buttons button:disabled img{filter:grayscale(1) brightness(1.3)}.picture-viewer-body .slideshow-buttons button img{width:20px;height:auto;border:none}