.dialog-wrapper.preview-image-dialog{z-index:1001;background-color:#0009;padding:0}.dialog-wrapper.preview-image-dialog>.dialog-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)!important;background-color:#0000!important}.dialog-wrapper.preview-image-dialog>.dialog-container>.btns-container{flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:fixed;top:2rem;right:2rem}.dialog-wrapper.preview-image-dialog>.dialog-container>.btns-container>.btn{z-index:10;cursor:pointer;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1));opacity:.9;--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);width:2rem;height:2rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.25rem;margin-bottom:.75rem;padding:.25rem}.dialog-wrapper.preview-image-dialog>.dialog-container>.btns-container>.btn:last-child{margin-bottom:0}.dialog-wrapper.preview-image-dialog>.dialog-container>.btns-container>.btn:hover{opacity:.7}.dialog-wrapper.preview-image-dialog>.dialog-container>.btns-container>.btn:is(.dark *){--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))}.dialog-wrapper.preview-image-dialog>.dialog-container>.btns-container>.btn>.icon-img{width:1.5rem;height:auto}.dialog-wrapper.preview-image-dialog>.dialog-container>.img-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex}@media (width>=640px){.dialog-wrapper.preview-image-dialog>.dialog-container>.img-container{padding:5rem}}.dialog-wrapper.preview-image-dialog>.dialog-container>.img-container{-ms-overflow-style:none;scrollbar-width:none;background-color:unset}.dialog-wrapper.preview-image-dialog>.dialog-container>.img-container::-webkit-scrollbar{display:none}.dialog-wrapper.preview-image-dialog>.dialog-container>.img-container>img{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#fff}.dialog-wrapper.preview-image-dialog>.dialog-container>.img-container>img.bg-checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e2e2e2 25%,#0000 25%),linear-gradient(-45deg,#e2e2e2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e2e2 75%),linear-gradient(-45deg,#0000 75%,#e2e2e2 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat;background-size:20px 20px}.dialog-wrapper.preview-image-dialog>.dialog-container>.img-container>img.bg-light{background-color:#fff}