body:has(.unit-preview-file-modal){overflow:hidden;scrollbar-gutter:stable}.modal:has(>.content.unit-preview-file-modal){--color-background:var(--palette-gray-900);align-items:stretch;-webkit-backdrop-filter:blur(var(--size-modal-backdrop-blur-radius));backdrop-filter:blur(var(--size-modal-backdrop-blur-radius));background-color:var(--color-modal-backdrop);justify-content:stretch;padding-block:0;padding-inline:0}.modal .content.unit-preview-file-modal{background:transparent;border-radius:0;display:flex;flex-direction:column;height:100dvh;max-height:100dvh;width:100%}.modal .content.unit-preview-file-modal>.header{background-color:var(--color-background);border-bottom:none;flex-shrink:0;padding-block:0;padding-inline:0}.modal .content.unit-preview-file-modal>.header>.title{display:contents;font:inherit;margin-block:0;margin-inline:0}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner{align-items:center;background-color:var(--color-background);display:flex;flex-direction:row;justify-content:space-between;padding-block:var(--size-space-small);padding-inline:1.75rem;width:100%}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading{align-items:flex-start;display:flex;flex-direction:row;gap:var(--size-space-large)}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.status-dot{background-color:var(--color-error);border-radius:var(--size-border-radius-full);display:block;flex-shrink:0;height:.5rem;margin-block-start:.4rem;margin-inline-end:0;margin-inline-start:0;width:.5rem}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta{display:flex;flex-direction:column;gap:var(--size-space-small)}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.uploader-row{align-items:center;align-self:stretch;display:flex;flex-direction:row;gap:.75rem}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.uploader-row>.avatar{border-radius:var(--size-border-radius-full);height:1rem;-o-object-fit:cover;object-fit:cover;width:1rem}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.uploader-row>.avatar.hidden{display:none}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.uploader-row>.avatar-placeholder{align-items:center;background-color:var(--color-text-nav-link-active);border-radius:var(--size-border-radius-full);color:var(--color-text-contrast);display:flex;height:1rem;justify-content:center;width:1rem}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.uploader-row>.avatar-placeholder.hidden{display:none}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.uploader-row>.uploader-name{color:var(--color-text-nav-link-active);font-size:var(--size-font-size-label-small);font-weight:var(--size-font-weight-normal)}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.titles{align-items:flex-end;align-self:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--size-space-small)}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.titles>.file-name{color:var(--color-text-nav-link-active);font-size:var(--size-font-size-label-medium);font-weight:var(--size-font-weight-medium);line-height:1.5}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.meta>.titles>.file-subtitle{color:var(--color-text-subtitle);font-size:.75rem;font-weight:var(--size-font-weight-normal);line-height:1.6}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.actions{align-items:center;display:flex;flex-direction:row;gap:var(--size-space-large)}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.actions>.header-icon-button,.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.header-icon-button{align-items:center;background-color:transparent;border-style:none;border-width:0;color:var(--color-text-contrast);cursor:pointer;display:flex;height:2rem;justify-content:center;padding-block:0;padding-inline:0;text-decoration:none;width:2rem}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.actions>.header-icon-button>:deep(svg),.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.leading>.header-icon-button>:deep(svg){color:var(--color-text-contrast)}.modal .content.unit-preview-file-modal>.header>.title>.preview-file-header-inner>.actions>.header-icon-button:hover:not(:disabled){background-color:var(--color-preview-file-action-hover);border-radius:var(--size-border-radius-full)}.modal .content.unit-preview-file-modal>.body{display:flex;flex-basis:0;flex-grow:1;flex-shrink:1;height:100%;min-height:0;overflow:hidden;padding-block:0;padding-inline:0;width:100%}.modal .content.unit-preview-file-modal>.body>.preview-file-body{align-items:center;display:flex;flex-basis:0;flex-grow:1;flex-shrink:1;justify-content:center}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel{align-items:center;border-radius:var(--size-border-radius);box-sizing:border-box;display:flex;height:100%;justify-content:center;width:100%}@media (width < 60rem){.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel{padding-block:var(--size-space-large);padding-inline:var(--size-space-large)}}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content.hidden{display:none}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-video{max-height:calc(100% - 1rem);max-width:calc(100% - 1rem)}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-video.hidden{display:none}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-audio-panel{background-color:var(--color-background);border-radius:var(--size-border-radius);display:flex;flex-direction:column;width:min(100%,36rem)}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-audio-panel.hidden{display:none}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-audio-panel>.preview-audio-visual{align-items:center;background-color:var(--color-background);border-radius:.5rem;color:var(--color-text-muted);display:flex;height:17rem;justify-content:center}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-audio-panel>.preview-audio{--color-background:#f5f5f5;background-color:var(--color-background);width:100%}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-iframe{border:none;border-radius:var(--size-border-radius-tiny);height:100%;min-height:60vh;width:100%}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-iframe.hidden{display:none}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.preview-image.hidden{display:none}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.loading{align-items:center;color:var(--color-text-subtitle);display:flex;flex-direction:column;gap:var(--size-space-large);justify-content:center;padding-block:var(--size-space-x-large);padding-inline:var(--size-space-x-large);text-align:center}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.loading.hidden,.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.unsupported.hidden{display:none}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.loading>.message,.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.unsupported>.message{color:var(--color-text-nav-link-active);font-size:var(--size-font-size-body-small);font-weight:var(--size-font-weight-normal);margin-block:0;margin-inline:0}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.unsupported{align-items:center;background:var(--color-text-body);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;max-height:20rem;max-width:36rem;text-align:center;width:100%}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.unsupported>.icon{color:#8b93a2}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.unsupported>.message>p{display:inline;margin-block:0;margin-inline:0}.modal .content.unit-preview-file-modal>.body>.preview-file-body>.panel>.preview-content>.unsupported>.message>.download-link{background:transparent;border:none;color:inherit;cursor:pointer;font:inherit;padding-block:0;padding-inline:0;text-decoration:underline}