.file-preview-modal{--file-preview-stage-padding-x:48px;--file-preview-stage-padding-top:42px;--file-preview-stage-padding-bottom:96px;--file-preview-content-max-width:calc(100vw - var(--file-preview-stage-padding-x)*2);--file-preview-content-max-height:calc(100vh - var(--file-preview-stage-padding-top) - var(--file-preview-stage-padding-bottom));z-index:2147483644;overscroll-behavior:none;background:#000000b8;outline:none;position:fixed;inset:0}@supports (height:100dvh){.file-preview-modal{--file-preview-content-max-width:calc(100dvw - var(--file-preview-stage-padding-x)*2);--file-preview-content-max-height:calc(100dvh - var(--file-preview-stage-padding-top) - var(--file-preview-stage-padding-bottom))}}.file-preview-modal__stage{box-sizing:border-box;padding:var(--file-preview-stage-padding-top) var(--file-preview-stage-padding-x) var(--file-preview-stage-padding-bottom);touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.file-preview-modal__canvas,.file-preview-modal__image,.file-preview-modal__image-frame,.file-preview-modal__video{max-width:100%;max-height:100%;display:block}.file-preview-modal__video{width:auto;height:auto;max-width:var(--file-preview-content-max-width);max-height:var(--file-preview-content-max-height);touch-action:manipulation;background:#000}.file-preview-modal__image-frame{transform-origin:50%;will-change:transform;backface-visibility:hidden;touch-action:none;justify-content:center;align-items:center;min-width:0;min-height:0;transition:transform .18s cubic-bezier(.2,0,0,1);display:flex}.file-preview-modal__image,.file-preview-modal__image-frame{max-width:var(--file-preview-content-max-width);max-height:var(--file-preview-content-max-height);-webkit-user-select:none;user-select:none}.file-preview-modal__image{-o-object-fit:contain;object-fit:contain;vertical-align:top;-webkit-user-drag:none;width:auto;height:auto}.file-preview-modal__image-frame--zoomable{cursor:zoom-in}.file-preview-modal__image-frame--zoomed{cursor:grab}.file-preview-modal__image-frame--dragging,.file-preview-modal__image-frame--touching{cursor:grabbing;transition:none}.file-preview-modal__loader{justify-content:center;align-items:center;display:inline-flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.file-preview-modal__loader svg{width:46px;height:46px;color:var(--danger-color)}.file-preview-modal__error{max-width:min(420px,100% - 32px);color:var(--danger-color);text-align:center;background:#fffffff0;border:1px solid #ffffff24;border-radius:6px;padding:12px 14px;font-size:14px;font-weight:800;line-height:1.35;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 30px #1118271a}.file-preview-modal__close,.file-preview-modal__control,.file-preview-modal__controls,.file-preview-modal__error,.file-preview-modal__zoom-controls{justify-content:center;align-items:center;display:inline-flex}.file-preview-modal__close{z-index:2;color:#111827;cursor:pointer;background:#fff;border:1px solid #1118271f;border-radius:4px;width:42px;height:42px;padding:0;transition:background-color .18s,color .18s;position:fixed;top:18px;right:18px}.file-preview-modal__close:hover{color:var(--danger-color);background:#f8fafc}.file-preview-modal__close svg{width:24px;height:24px}.file-preview-modal__controls{left:50%;transform:translate(-50%)}.file-preview-modal__controls,.file-preview-modal__zoom-controls{z-index:2;color:#111827;background:#fff;border-radius:4px;transition:opacity .16s,transform .16s;position:fixed;bottom:24px;overflow:hidden;box-shadow:0 18px 42px #0000003d}.file-preview-modal__zoom-controls{right:24px}.file-preview-modal__control--primary{color:var(--success-color,#1e805a)}.file-preview-modal__control,.file-preview-modal__counter,.file-preview-modal__zoom-value{min-width:44px;height:40px}.file-preview-modal__control{color:#111827;cursor:pointer;background:#fff;border:0;padding:0;transition:background-color .18s,color .18s}.file-preview-modal__control:hover:not(:disabled){background:#f3f4f6}.file-preview-modal__control:disabled{color:#9ca3af;cursor:default}.file-preview-modal__control svg{width:22px;height:22px}.file-preview-modal__control:first-child svg{transform:rotate(180deg)}.file-preview-modal__counter{padding:0 12px;font-size:14px;font-weight:800}.file-preview-modal__counter,.file-preview-modal__zoom-value{white-space:nowrap;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;line-height:40px}.file-preview-modal__zoom-value{padding:0 10px;font-size:13px;font-weight:850}.file-preview-modal__close:focus-visible,.file-preview-modal__control:focus-visible{outline-offset:2px;outline:3px solid #1e805a47}.file-preview-modal-animation-enter-active,.file-preview-modal-animation-leave-active{transition:opacity .18s}.file-preview-modal-animation-enter-from,.file-preview-modal-animation-leave-to{opacity:0}@media (max-width:760px){.file-preview-modal{--file-preview-stage-padding-x:14px;--file-preview-stage-padding-top:54px;--file-preview-stage-padding-bottom:88px}.file-preview-modal__stage{padding:var(--file-preview-stage-padding-top) var(--file-preview-stage-padding-x) var(--file-preview-stage-padding-bottom)}.file-preview-modal__close{width:40px;height:40px;top:12px;right:12px}.file-preview-modal__controls{bottom:16px}.file-preview-modal__zoom-controls{bottom:68px;right:50%;transform:translate(50%)}.file-preview-modal__controls.file-preview-modal__bottom-panel--hidden{pointer-events:none;opacity:0;transform:translate(-50%,18px)}.file-preview-modal__zoom-controls.file-preview-modal__bottom-panel--hidden{pointer-events:none;opacity:0;transform:translate(50%,18px)}}@media (prefers-reduced-motion:reduce){.file-preview-modal-animation-enter-active,.file-preview-modal-animation-leave-active,.file-preview-modal__close,.file-preview-modal__control,.file-preview-modal__controls,.file-preview-modal__image-frame,.file-preview-modal__zoom-controls{transition-duration:.01ms}}