.y-image-preview{--y-image-preview-toolbar-bg-color:var(--y-color-bg-spotlight)}.y-image-preview{position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex}.y-image-preview__wrapper{position:absolute;left:0;top:0;width:100vw;height:100vh;display:flex;pointer-events:none;z-index:2}.y-image-preview__wrapper .img{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;margin:auto;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.y-image-preview__toolbar{position:absolute;left:50%;transform:translateX(-50%);border-radius:999px;height:48px;bottom:40px;padding:0 12px;color:#fff;display:flex;align-items:center;background:var(--y-image-preview-toolbar-bg-color)}.y-image-preview__toolbar--icon{margin:0 6px;width:25px;height:25px;cursor:pointer}