.image-preview-modal[data-v-1ba38220]{z-index:9999;-webkit-user-select:none;user-select:none;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}@media (width>=640px){.image-preview-modal[data-v-1ba38220]{padding:1.5rem}}@keyframes fade-in-1ba38220{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.image-preview-modal[data-v-1ba38220]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#000c;animation:.15s ease-out forwards fade-in-1ba38220}.image-preview-modal[data-v-1ba38220]:is(.dark *){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));background-color:#ffffffd9}.image-preview-modal__top-bar[data-v-1ba38220]{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.image-preview-modal__info[data-v-1ba38220]{pointer-events:auto;min-width:0;padding-right:1rem}.image-preview-modal__sender[data-v-1ba38220]{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:700;line-height:1.25rem;overflow:hidden}@media (width>=640px){.image-preview-modal__sender[data-v-1ba38220]{font-size:1rem;line-height:1.5rem}}.image-preview-modal__timestamp[data-v-1ba38220]{opacity:.75;font-size:.75rem;font-weight:500;line-height:1rem}.image-preview-modal__actions[data-v-1ba38220]{pointer-events:auto;align-items:center;gap:.5rem;display:flex}.image-preview-modal__download-btn[data-v-1ba38220]{cursor:pointer;--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#ffffff26;border-radius:9999px;padding:.625rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.image-preview-modal__download-btn[data-v-1ba38220]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:#ffffff40}.image-preview-modal__download-btn[data-v-1ba38220]:is(.dark *){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));background-color:#0000001a}.image-preview-modal__download-btn[data-v-1ba38220]:hover:is(.dark *){background-color:#0003}.image-preview-modal__close-btn[data-v-1ba38220]{cursor:pointer;--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-ring-color:#ffffff4d;background-color:#ffffff40;border-radius:9999px;justify-content:center;align-items:center;padding:.625rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.image-preview-modal__close-btn[data-v-1ba38220]:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:#ffffff59}.image-preview-modal__close-btn[data-v-1ba38220]:is(.dark *){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));--tw-ring-color:#0003;background-color:#00000026}.image-preview-modal__close-btn[data-v-1ba38220]:hover:is(.dark *){background-color:#00000040}.image-preview-modal__media-container[data-v-1ba38220]{cursor:pointer;justify-content:center;align-items:center;max-width:64rem;max-height:85vh;padding:.5rem;display:flex}.image-preview-modal__video[data-v-1ba38220]{--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);max-width:100%;max-height:85vh;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#00000080;border-radius:1rem;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.image-preview-modal__video[data-v-1ba38220]:is(.dark *){--tw-shadow-color:#00000040;--tw-shadow:var(--tw-shadow-colored)}.image-preview-modal__image[data-v-1ba38220]{-o-object-fit:contain;object-fit:contain;--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);max-width:100%;max-height:85vh;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#00000080;border-radius:1rem;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.image-preview-modal__image[data-v-1ba38220]:is(.dark *){--tw-shadow-color:#00000040;--tw-shadow:var(--tw-shadow-colored)}