.image-preview-mask{z-index:1000;-webkit-user-select:none;user-select:none;background-color:#000000e6;width:100vw;height:100vh;position:fixed;top:0;left:0}.image-preview-container{width:100%;height:100%;position:relative}.image-preview-tooltip{z-index:100;background-color:var(--Always-Black);color:#ffffff8f;border-radius:12px;justify-content:center;align-items:center;width:64px;height:36px;font-size:12px;transition:opacity .3s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.top-bar{z-index:100;gap:6px;display:flex;position:absolute;top:15px;right:22px}.top-bar .icon{width:20px;height:20px;color:var(--Always-White);cursor:pointer;padding:6px}.top-bar .icon:hover{color:var(--Always-White-hover)}.image-preview-content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-preview-background{width:100%;height:100%}.image-preview-img{cursor:grab;z-index:10;width:60vw;height:60vh;transition:transform .1s;position:absolute}.image-preview-list-container{scrollbar-width:none;z-index:100;height:100%;display:flex;position:absolute;top:0;left:0;overflow:scroll}.image-preview-list-container::-webkit-scrollbar{display:none}.image-preview-list{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:6px;width:136px;height:auto;margin:auto 0;padding:12px;list-style:none;transition:transform .3s;display:flex;position:relative}.image-preview-list-item{border:.5px solid var(--Separators-S1);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-height:136px;transition:transform .3s ease-in-out,margin .3s ease-in-out;display:flex;overflow:hidden}.image-preview-list-item.active{margin:6px 0;transform:scale(1.2)}.bottom-info{z-index:100;max-width:360px;font-size:12px;line-height:18px;position:absolute;bottom:8px;right:8px}.bottom-info a{text-overflow:ellipsis;white-space:nowrap;color:#ffffff8f;cursor:pointer;text-decoration:none;display:block;overflow:hidden}.bottom-info a:hover{color:#ffffffd6}.bottom-info p{color:#ffffff8f;text-overflow:ellipsis;white-space:nowrap;margin:0;display:block;overflow:hidden}@supports (height:100dvh){.image-preview-mask{height:100dvh}}@media screen and (max-width:568px){.image-preview-list{width:60px}}