{"version":3,"file":"200.54fff3511aa26a3523a2.css","mappings":"AACI,sBACI,+BACA,kBACA,eAEA,qCALJ,sBAMQ,iB;ACPZ,oBACI,0BAEA,0BACI,aACA,UAGJ,8BACI,aACA,WACA,YACA,sBAGJ,2BACI,gBAGJ,6BACI,aACA,0BACA,mBACA,uBACA,aACA,0BAEA,qCARJ,6BASQ,0BACA,UACA,iBAIR,wCACI,UAGJ,gCACI,cACA,WACA,0BACA,sBACA,cAEA,qCAPJ,gCAQQ,2BACA,WAKJ,kDACI,oCAIR,gCACI,0B;ACzDJ,0BACI,aACA,mBACA,mBACA,2BAEA,kCACI,aACA,sBACA,uBACA,iBAKJ,mCACI,WACA,eACA,YACA,kBAIR,+BACI,gBACA,eACA,SACA,iBACA,gBACA,iBACA,uBACA,mBAGJ,kCACI,gBACA,eACA,4BACA,iBACA,gBACA,uBACA,0BACA,mBAEA,4CACI,WAIR,+BACI,aACA,iBACA,gBACA,iBACA,0BAGJ,6BACI,gBAGJ,qCAEQ,mCACI,WACA,eACA,YACA,kBAIR,6BACI,gBACA,8BACA,kBACA,uBACA,oB;AC5ER,0CACI,YACA,aACA,mBACA,mBACA,yBAEA,4CACI,iBAIR,8CACI,aACA,gBACA,WACA,YACA,mBACA,uBACA,aACA,gBACA,yBACA,kBAEA,oDACI,iCAGJ,qDACI,iCAGJ,0DACI,kB;AClCZ,2BACI,aACA,WACA,YACA,mBACA,8BACA,0BACA,gBACA,WACA,+B;ACTJ,6BACI,aACA,mBACA,uBACA,iBACA,gBAEA,sEAEI,aACA,gBACA,WACA,YACA,mBACA,uBACA,aACA,iBACA,yBACA,kBACA,gBAEA,kFACI,iCAGJ,oFACI,iCAGJ,0EACI,iBAIR,mCACI,kBACA,kBAGJ,qCAvCJ,6BAwCQ,WACA,mB;ACzCR,2BACI,kBACA,aACA,WACA,YACA,mBACA,8BACA,aACA,gBACA,WACA,mCAEA,qCAZJ,2BAaQ,aACA,YACA,2BACA,a","sources":["webpack://mattermost-webapp/./components/file_preview_modal/image_preview.scss","webpack://mattermost-webapp/./components/file_preview_modal/file_preview_modal.scss","webpack://mattermost-webapp/./components/file_preview_modal/file_preview_modal_info/file_preview_modal_info.scss","webpack://mattermost-webapp/./components/file_preview_modal/file_preview_modal_main_actions/file_preview_modal_main_actions.scss","webpack://mattermost-webapp/./components/file_preview_modal/file_preview_modal_footer/file_preview_modal_footer.scss","webpack://mattermost-webapp/./components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.scss","webpack://mattermost-webapp/./components/file_preview_modal/file_preview_modal_header/file_preview_modal_header.scss"],"sourcesContent":[".image_preview {\n    &__image {\n        max-height: calc(100vh - 168px);\n        border-radius: 8px;\n        cursor: default;\n\n        @media screen and (max-width: 768px) {\n            border-radius: 0;\n        }\n    }\n}\n",".file-preview-modal {\n    padding-left: 0 !important;\n\n    &__body {\n        height: 100vh;\n        padding: 0;\n    }\n\n    &__main-ctr {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n    }\n\n    &__title {\n        background: black;\n    }\n\n    &__content {\n        display: flex;\n        height: calc(100vh - 72px);\n        align-items: center;\n        justify-content: center;\n        padding: 48px;\n        background: rgba(0, 0, 0, 0.9);\n\n        @media screen and (max-width: 768px) {\n            height: calc(100% - 108px);\n            padding: 0;\n            background: rgb(0, 0, 0);\n        }\n    }\n\n    &__content-scrollable {\n        padding: 0;\n    }\n\n    &__scrollable {\n        overflow: auto;\n        width: 100%;\n        height: calc(100vh - 72px);\n        padding: 48px 0 72px 0;\n        margin: 0 auto;\n\n        @media screen and (max-width: 768px) {\n            height: calc(100vh - 148px);\n            padding: 0;\n        }\n    }\n\n    &__zoom-bar {\n        .modal .modal-image & {\n            background-color: rgba(61, 60, 64, 0.56);\n        }\n    }\n\n    .modal.fade & {\n        transform: translate(0, 0);\n    }\n}\n",".file-preview-modal {\n    &__info {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-start;\n\n        &-details {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            margin-left: 12px;\n        }\n    }\n\n    &__avatar {\n        &.Avatar {\n            width: 40px;\n            min-width: 40px;\n            height: 40px;\n            border-radius: 50%;\n        }\n    }\n\n    &__file-name {\n        overflow: hidden;\n        max-width: 30vw;\n        margin: 0;\n        font-size: 1.6rem;\n        font-weight: 600;\n        line-height: 24px;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    &__file-details {\n        overflow: hidden;\n        max-width: 30vw;\n        color: rgba(255, 255, 255, 0.56);\n        font-size: 1.4rem;\n        font-weight: 400;\n        text-overflow: ellipsis;\n        text-transform: capitalize;\n        white-space: nowrap;\n\n        &-user-name {\n            color: white;\n        }\n    }\n\n    &__user-name {\n        margin: unset;\n        font-size: 1.6rem;\n        font-weight: 600;\n        line-height: 20px;\n        text-transform: capitalize;\n    }\n\n    &__channel {\n        margin-left: 8px;\n    }\n\n    @media screen and (max-width: 768px) {\n        &__avatar {\n            &.Avatar {\n                width: 32px;\n                min-width: 32px;\n                height: 32px;\n                border-radius: 50%;\n            }\n        }\n\n        &__channel {\n            overflow: hidden;\n            max-width: calc(100vw - 150px);\n            margin-left: unset;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n}\n",".file-preview-modal-main-actions {\n    &__actions {\n        z-index: 999;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-end;\n\n        i {\n            font-size: 2.4rem;\n        }\n    }\n\n    &__action-item {\n        display: flex;\n        overflow: hidden;\n        width: 40px;\n        height: 40px;\n        align-items: center;\n        justify-content: center;\n        border: unset;\n        margin-left: 8px;\n        background: transparent;\n        border-radius: 4px;\n\n        &:hover {\n            background: rgba(255, 255, 255, 0.16);\n        }\n\n        &.active {\n            background: rgba(255, 255, 255, 0.16);\n        }\n\n        &:first-child {\n            margin-left: unset;\n        }\n    }\n}\n",".file-preview-modal-footer {\n    display: grid;\n    width: 100%;\n    height: 64px;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 16px 8px 16px;\n    background: black;\n    color: white;\n    grid-template-columns: auto 1fr;\n}\n",".file_preview_modal_main_nav {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.6rem;\n    font-weight: 600;\n\n    &__next,\n    &__prev {\n        display: flex;\n        overflow: hidden;\n        width: 40px;\n        height: 40px;\n        align-items: center;\n        justify-content: center;\n        border: unset;\n        margin-left: 12px;\n        background: transparent;\n        border-radius: 4px;\n        font-weight: 600;\n\n        &:hover {\n            background: rgba(255, 255, 255, 0.16);\n        }\n\n        &.active {\n            background: rgba(255, 255, 255, 0.16);\n        }\n\n        i {\n            font-size: 2.4rem;\n        }\n    }\n\n    &__prev {\n        margin-right: 12px;\n        margin-left: unset;\n    }\n\n    @media screen and (max-width: 768px) {\n        width: 100%;\n        margin-left: -24px;\n    }\n}\n",".file-preview-modal-header {\n    position: relative;\n    display: grid;\n    width: 100%;\n    height: 72px;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    background: black;\n    color: white;\n    grid-template-columns: 1fr auto 1fr;\n\n    @media screen and (max-width: 768px) {\n        display: flex;\n        height: 44px;\n        justify-content: flex-start;\n        padding: 8px;\n    }\n}\n"],"names":[],"sourceRoot":""}