.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));background:#000000b8;inset:0;outline:none;overscroll-behavior:none;position:fixed;z-index:2147483644}@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{align-items:center;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow:hidden;padding:var(--file-preview-stage-padding-top) var(--file-preview-stage-padding-x) var(--file-preview-stage-padding-bottom);position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-preview-modal__canvas,.file-preview-modal__image,.file-preview-modal__image-frame{display:block;max-height:100%;max-width:100%}.file-preview-modal__image-frame{align-items:center;backface-visibility:hidden;display:flex;justify-content:center;min-height:0;min-width:0;touch-action:none;transform-origin:center center;transition:transform .18s cubic-bezier(.2,0,0,1);will-change:transform}.file-preview-modal__image,.file-preview-modal__image-frame{max-height:var(--file-preview-content-max-height);max-width:var(--file-preview-content-max-width);-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-preview-modal__image{height:auto;-o-object-fit:contain;object-fit:contain;vertical-align:top;width:auto;-webkit-user-drag:none}.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{align-items:center;display:inline-flex;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.file-preview-modal__loader svg{color:var(--danger-color);height:46px;width:46px}.file-preview-modal__error{background:#fffffff0;border:1px solid hsla(0,0%,100%,.14);border-radius:6px;box-shadow:0 14px 30px #1118271a;color:var(--danger-color);font-size:14px;font-weight:800;left:50%;line-height:1.35;max-width:min(420px,calc(100% - 32px));padding:12px 14px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)}.file-preview-modal__close,.file-preview-modal__control,.file-preview-modal__controls,.file-preview-modal__error,.file-preview-modal__zoom-controls{align-items:center;display:inline-flex;justify-content:center}.file-preview-modal__close{background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:4px;color:#111827;cursor:pointer;height:42px;padding:0;position:fixed;right:18px;top:18px;transition:background-color .18s ease,color .18s ease;width:42px;z-index:2}.file-preview-modal__close:hover{background:#f8fafc;color:var(--danger-color)}.file-preview-modal__close svg{height:24px;width:24px}.file-preview-modal__controls{left:50%;transform:translate(-50%)}.file-preview-modal__controls,.file-preview-modal__zoom-controls{background:#fff;border-radius:4px;bottom:24px;box-shadow:0 18px 42px #0000003d;color:#111827;overflow:hidden;position:fixed;transition:opacity .16s ease,transform .16s ease;z-index:2}.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{height:40px;min-width:44px}.file-preview-modal__control{background:#fff;border:0;color:#111827;cursor:pointer;padding:0;transition:background-color .18s ease,color .18s ease}.file-preview-modal__control:hover:not(:disabled){background:#f3f4f6}.file-preview-modal__control:disabled{color:#9ca3af;cursor:default}.file-preview-modal__control svg{height:22px;width:22px}.file-preview-modal__control:first-child svg{transform:rotate(180deg)}.file-preview-modal__counter{font-size:14px;font-weight:800;padding:0 12px}.file-preview-modal__counter,.file-preview-modal__zoom-value{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;line-height:40px;white-space:nowrap}.file-preview-modal__zoom-value{font-size:13px;font-weight:850;padding:0 10px}.file-preview-modal__close:focus-visible,.file-preview-modal__control:focus-visible{outline:3px solid rgba(30,128,90,.28);outline-offset:2px}.file-preview-modal-animation-enter-active,.file-preview-modal-animation-leave-active{transition:opacity .18s ease}.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{height:40px;right:12px;top:12px;width:40px}.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{opacity:0;pointer-events:none;transform:translate(-50%,18px)}.file-preview-modal__zoom-controls.file-preview-modal__bottom-panel--hidden{opacity:0;pointer-events:none;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}}