.file-preview-modal{background:#000000b8;inset:0;outline:none;position:fixed;z-index:2147483644}.file-preview-modal__stage{align-items:center;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow:auto;padding:42px 48px 96px;position:absolute}.file-preview-modal__canvas,.file-preview-modal__image{display:block;max-height:100%;max-width:100%}.file-preview-modal__image{height:auto;-o-object-fit:contain;object-fit:contain;width:auto}.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{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{background:#fff;border-radius:4px;bottom:24px;box-shadow:0 18px 42px #0000003d;color:#111827;left:50%;overflow:hidden;position:fixed;transform:translate(-50%);z-index:2}.file-preview-modal__control,.file-preview-modal__counter{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{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;font-size:14px;font-weight:800;line-height:40px;padding:0 12px;white-space:nowrap}.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__stage{padding:54px 14px 88px}.file-preview-modal__close{height:40px;right:12px;top:12px;width:40px}.file-preview-modal__controls{bottom:16px}}