{"version":3,"file":"281.e306a0383da680bb5636.css","mappings":"AAGA,QACI,aACA,mBACA,8BACA,eAEA,kEAMI,SACA,cAGJ,WACI,+CACA,eACA,gBAGJ,cACI,eACA,kDACA,eACA,gBACA,iBAGJ,gBACI,O;AClCR,4MAEI,gBACA,cAEA,wOACI,iBACA,oBACA,kBAGJ,wOACI,iBAEA,oRACI,cAGJ,qCAPJ,wOAQQ,iBAKZ,sCACI,kB;ACrBA,iCACI,S;ACLR,WACI,aACA,YACA,YACA,mBACA,mBACA,cACA,6DACA,aACA,kBACA,kCAEA,iBACI,gBACA,YACA,cACA,iBACA,uBACA,mBAGJ,iBACI,cACA,iBACA,kDACA,eAGJ,kBACI,eACA,eACA,gBACA,gBACA,iBACA,kBAGJ,uBACI,iBACA,iDAEA,oCACI,iDAGJ,qCACI,cAGJ,6EAEI,cAGJ,sSAQI,c;AC9DZ,uBACI,gBACA,YACA,uBACA,mB;ACgVJ,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCClWR,YACI,gEAEA,kBACA,4BACA,eACA,gBAEA,yBACI,kBAGJ,6DAGI,uDAEA,oGACI,iBAGJ,iGACI,kBAIR,oBD4CA,iBACA,OC1CI,gBACA,eACA,gBACA,uBACA,qBACA,mBAGJ,kBACI,aACA,eACA,mBACA,QAGJ,wBACI,4CAEA,4DAEI,4CAIR,sBACI,aACA,mBACA,kDACA,eACA,gBACA,iBAIA,kCACI,qDAIR,yBACI,qBACA,UACA,WACA,aACA,0DACA,kBACA,kBAGJ,0BACI,qBACA,WACA,YACA,yCACA,kBACA,uCACA,eACA,gBACA,iBACA,kBAEA,+BACI,cAIR,uBACI,kBACA,WACA,aACA,WACA,YACA,qBAGJ,eACI,kBACA,aACA,eACA,mCACA,eACA,gBACA,SACA,yEACA,oBACA,iBACA,mBAGJ,wBACI,YACA,gBACA,+CD9FJ,oBACA,gBACA,4BACA,oBC6FwB,CDxFpB,gBC2FJ,iBACI,kDACA,eACA,mBACA,gBACA,iBAGJ,yBACI,kBACA,SACA,WAEA,iCACI,WACA,YACA,UACA,eAIR,wCACI,gBAGJ,qBACI,kB;AC7JR,YACI,aACA,gBACA,mCACI,CAEJ,4BAEA,oBACI,mBACA,kBACA,4BACA,kDACA,iBAEA,wCACI,kBACA,aACA,YACA,uBACA,eAEA,4DACI,gBAIR,0BACI,aACA,YACA,mBAIA,0CACI,cAEA,mDACI,mBAMhB,qBACI,iBACA,eAEA,0CACI,kBACA,UACA,eAEA,mEACI,gBACA,eACA,iBAGJ,sEACI,eACA,eAEA,2GACI,SAMhB,wBACI,4BAGJ,qCACI,mEACA,qB;AC3ER,YACI,aACA,gBACA,mCACI,CAEJ,4BAEA,oBACI,aACA,YACA,mBACA,8BACA,kBACA,4BACA,iBAEA,gCAEA,0BACI,aAGJ,0BACI,aACA,cAGJ,iEAEI,YACA,gBACA,eACA,iBAGJ,uBACI,oBACA,mBACA,kBACA,+CACA,sCAEA,4BACI,kBACA,iBACA,eACA,gBACA,iBACA,mBAGJ,+BACI,kDACA,gBAIR,iCACI,gBAEA,gDACI,gBAKZ,0BACI,gBACA,eAEA,8CACI,c;ACrER,4BACI,gBACA,uBACA,mBAIR,eACI,gEA4CA,mCACA,kCAEA,aACA,gBACA,+CACI,CAIJ,8CACA,4BArDA,uCACI,4BACA,iBAGJ,kEAEI,eAGJ,2BACI,2BACA,eAGJ,0EAEI,eAGJ,mCACI,8BAEA,sCAHJ,mCAIQ,gBAIR,wCACI,mBAGJ,qCACI,gBAGJ,2BACI,kBACA,gBAkBJ,sCA3DJ,eA4DQ,+CACI,CAIA,iDACI,eAGJ,sHAEI,aAKJ,2CACI,aAGJ,2CACI,eAEA,mDACI,iBAGJ,iDACI,eAMhB,qCA9FJ,eA+FQ,yBAEA,uBACI,aAGJ,uBACI,0BAIR,sCA1GJ,eA2GQ,oCAGJ,sCA9GJ,eA+GQ,oCAGJ,sCAlHJ,eAmHQ,oC","sources":["webpack://mattermost-webapp/./components/widgets/header/header.scss","webpack://mattermost-webapp/./components/threading/global_threads/mark_all_threads_as_read_modal/mark_all_threads_as_read_modal.scss","webpack://mattermost-webapp/./components/threading/global_threads/thread_menu/thread_menu.scss","webpack://mattermost-webapp/./components/threading/global_threads/thread_item/attachments/file_card/file_card.scss","webpack://mattermost-webapp/./components/threading/global_threads/thread_item/attachments/attachment_card/attachment_card.scss","webpack://mattermost-webapp/./sass/utils/_mixins.scss","webpack://mattermost-webapp/./components/threading/global_threads/thread_item/thread_item.scss","webpack://mattermost-webapp/./components/threading/global_threads/thread_list/thread_list.scss","webpack://mattermost-webapp/./components/threading/global_threads/thread_pane/thread_pane.scss","webpack://mattermost-webapp/./components/threading/global_threads/global_threads.scss"],"sourcesContent":["// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.Header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 16px;\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        line-height: 1;\n    }\n\n    h2 {\n        color: rgba(var(--center-channel-color-rgb), 1);\n        font-size: 16px;\n        font-weight: 600;\n    }\n\n    > div p {\n        margin: 6px 0 0;\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        font-size: 12px;\n        font-weight: 400;\n        line-height: 16px;\n    }\n\n    > .spacer {\n        flex: 1;\n    }\n}\n",".console__body .modal .GenericModal.GenericModal__compassDesign.mark-all-threads-as-read .modal-content,\n.app__body .modal .GenericModal.GenericModal__compassDesign.mark-all-threads-as-read .modal-content {\n    max-width: 512px;\n    margin: 0 auto;\n\n    .modal-footer {\n        padding-top: 32px;\n        padding-bottom: 48px;\n        text-align: center;\n    }\n\n    .modal-header {\n        padding-top: 48px;\n\n        .GenericModal__header {\n            margin: 0 auto;\n        }\n\n        @media screen and (max-width: 640px) {\n            box-shadow: none;\n        }\n    }\n}\n\n.mark_all_threads_as_read_modal__body {\n    text-align: center;\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.ThreadMenu {\n    .MenuItem__help-text {\n        margin: 0;\n    }\n}\n",".file_card {\n    display: flex;\n    width: 300px;\n    height: 40px;\n    flex-direction: row;\n    align-items: center;\n    padding: 0 6px;\n    border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n    margin: 0 2px;\n    border-radius: 4px;\n    color: var(--center-channel-color);\n\n    &__name {\n        overflow: hidden;\n        min-width: 0;\n        flex-shrink: 1;\n        margin-right: 4px;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    &__size {\n        flex-shrink: 0;\n        margin-left: auto;\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        font-size: 12px;\n    }\n\n    &__image {\n        min-width: 28px;\n        max-width: 28px;\n        min-height: 28px;\n        max-height: 28px;\n        margin-right: 8px;\n        border-radius: 2px;\n    }\n\n    &__attachment {\n        margin-right: 4px;\n        color: rgba(var(--center-channel-color-rgb), 0.5);\n\n        &[class*='text'] {\n            color: rgba(var(--center-channel-color-rgb), 0.5);\n        }\n\n        &[class*='excel'] {\n            color: #1ca660;\n        }\n\n        &[class*='pdf'],\n        &[class*='powerpoint'] {\n            color: #ed522a;\n        }\n\n        &[class*='generic'],\n        &[class*='code'],\n        &[class*='image'],\n        &[class*='audio'],\n        &[class*='video'],\n        &[class*='word'],\n        &[class*='patch'],\n        &[class*='svg'] {\n            color: #338aff;\n        }\n    }\n}\n",".attachment__truncated {\n    overflow: hidden;\n    min-width: 0;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n","@charset \"utf-8\";\n\n@mixin file-icon($path) {\n    background-image: url($path);\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 32px 40px;\n}\n\n@mixin alpha-property($property, $color, $opacity) {\n    #{$property}: rgba($color, $opacity);\n}\n\n@mixin font-smoothing($value: antialiased) {\n    @if $value == antialiased {\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n\n    @else {\n        -webkit-font-smoothing: subpixel-antialiased;\n        -moz-osx-font-smoothing: auto;\n    }\n}\n\n@mixin cursor($value) {\n    cursor: -webkit-$value;\n    cursor: zoom-$value;\n}\n\n// From https://gist.github.com/kaelig/7528069\n@mixin text-clamp($lines: 2, $line-height: false) {\n    display: -webkit-box;\n    overflow: hidden;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: $lines;\n\n    // Fallback for non-Webkit browsers\n    // (won't show `…` at the end of the block)\n    @if $line-height {\n        max-height: $line-height * $lines * 1px;\n    }\n}\n\n@mixin button-style--none {\n    padding: 0;\n    border: none;\n    background: transparent;\n\n    &:focus {\n        outline: 0;\n        text-decoration: none;\n    }\n\n    &.btn {\n        padding: 6px 12px;\n    }\n\n    &.btn--block {\n        width: 100%;\n        text-align: left;\n    }\n\n    &:hover,\n    &:active {\n        text-decoration: none;\n    }\n}\n\n@mixin fit-content {\n    width: fit-content;\n    width: -moz-fit-content;\n}\n\n@mixin clearfix {\n    overflow: hidden;\n    *zoom: 1;\n}\n\n@mixin pie-clearfix {\n    &::after {\n        display: table;\n        clear: both;\n        content: \"\";\n    }\n\n    *zoom: 1;\n}\n\n@mixin tertiary-button {\n    display: inline-flex;\n    align-items: center;\n    border: 0;\n    background: rgba(var(--button-bg-rgb), 0.08);\n    border-radius: 4px;\n    color: var(--button-bg);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:disabled {\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n    }\n\n    &:hover:enabled {\n        background: rgba(var(--button-bg-rgb), 0.12);\n    }\n\n    &:active:enabled {\n        background: rgba(var(--button-bg-rgb), 0.16);\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n\n        &::before {\n            margin: 0 7px 0 0;\n        }\n    }\n}\n\n@mixin primary-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    background: var(--button-bg);\n    border-radius: 4px;\n    color: var(--button-color);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:hover {\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08)), var(--button-bg);\n    }\n\n    &:active {\n        background: linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), var(--button-bg);\n    }\n\n    &:focus {\n        box-sizing: border-box;\n        border: 2px solid var(--sidebar-text-active-border);\n        outline: none;\n    }\n\n    &:disabled {\n        background: rgba(var(--center-channel-color-rgb), 0.08);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n    }\n}\n\n@mixin secondary-button {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--denim-button-bg);\n    background: var(--center-channel-bg);\n    border-radius: 4px;\n    color: var(--button-bg);\n    font-weight: 600;\n    transition: all 0.15s ease-out;\n\n    &:hover {\n        background: rgba(var(--denim-button-bg-rgb), 0.08);\n    }\n\n    &:active {\n        background: rgba(var(--denim-button-bg-rgb), 0.16);\n    }\n\n    &:focus {\n        box-sizing: border-box;\n        border: 2px solid var(--sidebar-text-active-border);\n        outline: none;\n    }\n\n    &:disabled {\n        border: rgba(var(--center-channel-color-rgb), 0.32);\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n    }\n\n    i {\n        display: flex;\n        font-size: 18px;\n    }\n}\n\n@mixin button-focus {\n    &:focus {\n        border-width: 0;\n        box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n    }\n\n    &:focus:not(:focus-visible) {\n        border-width: 0;\n        box-shadow: none;\n    }\n\n    &:focus-visible {\n        border-width: 0;\n        box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n    }\n}\n\n@mixin button-xsmall {\n    height: 24px;\n    padding: 4px 6px;\n    font-size: 11px;\n    line-height: 16px;\n}\n\n@mixin button-small {\n    height: 32px;\n    padding: 0 16px;\n    font-size: 12px;\n    line-height: 10px;\n}\n\n@mixin button-medium {\n    height: 40px;\n    padding: 0 20px;\n    font-size: 14px;\n    line-height: 14px;\n}\n\n@mixin button-large {\n    height: 48px;\n    padding: 0 24px;\n    font-size: 16px;\n    line-height: 18px;\n}\n\n@mixin link {\n    border: none;\n    box-shadow: none;\n    color: var(--link-color);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n\n    &:hover,\n    &:active,\n    &:focus {\n        text-decoration-line: underline;\n    }\n\n    &:disabled {\n        color: rgba(var(--center-channel-color-rgb), 0.32);\n        cursor: not-allowed;\n        text-decoration: none;\n    }\n}\n\n@mixin simple-in-and-out-after($classPrefix, $transition_time: 300ms) {\n    .#{$classPrefix}--enter-from-after {\n        &-enter {\n            transform: translateY(-100vh);\n        }\n\n        &-enter-active {\n            transform: translateY(0);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-enter-done {\n            transform: translateY(0);\n        }\n    }\n\n    .#{$classPrefix}--exit-to-after {\n        &-exit {\n            transform: translateY(0);\n        }\n\n        &-exit-active {\n            transform: translateY(-100vh);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-exit-done {\n            transform: translateY(-100vh);\n        }\n    }\n}\n\n@mixin simple-in-and-out-before($classPrefix, $transition_time: 300ms) {\n    .#{$classPrefix}--enter-from-before {\n        &-enter {\n            transform: translateY(100vh);\n        }\n\n        &-enter-active {\n            transform: translateY(0);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-enter-done {\n            transform: translateY(0);\n        }\n    }\n\n    .#{$classPrefix}--exit-to-before {\n        &-exit {\n            transform: translateY(0);\n        }\n\n        &-exit-active {\n            transform: translateY(100vh);\n            transition: transform $transition_time ease-in-out;\n        }\n\n        &-exit-done {\n            transform: translateY(100vh);\n        }\n    }\n}\n\n@mixin simple-in-and-out($classPrefix, $transition_time: 300ms) {\n    @include simple-in-and-out-before($classPrefix, $transition_time);\n    @include simple-in-and-out-after($classPrefix, $transition_time);\n}\n\n@mixin shake-horizontally {\n    animation: shake-horizontally 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n    backface-visibility: hidden;\n    perspective: 1000px;\n    transform: translate3d(0, 0, 0);\n}\n\n@keyframes shake-horizontally {\n    10%,\n    90% {\n        transform: translate3d(-1px, 0, 0);\n    }\n\n    20%,\n    80% {\n        transform: translate3d(2px, 0, 0);\n    }\n\n    30%,\n    50%,\n    70% {\n        transform: translate3d(-4px, 0, 0);\n    }\n\n    40%,\n    60% {\n        transform: translate3d(4px, 0, 0);\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n@import \"sass/utils/_mixins\";\n\n.ThreadItem {\n    --border: 1px solid rgba(var(--center-channel-color-rgb), 0.08);\n\n    position: relative;\n    padding: 18px 18px 18px 28px;\n    cursor: pointer;\n    text-align: left;\n\n    .alt-visible {\n        visibility: hidden;\n    }\n\n    &:hover,\n    &:focus,\n    &:focus-within {\n        background: rgba(var(--center-channel-color-rgb), 0.04);\n\n        .alt-visible {\n            visibility: unset;\n        }\n\n        .alt-hidden {\n            visibility: hidden;\n        }\n    }\n\n    &__author {\n        @include clearfix;\n\n        overflow: hidden;\n        max-width: 100%;\n        text-align: left;\n        text-overflow: ellipsis;\n        -moz-user-select: all; /* Firefox all */\n        white-space: nowrap;\n    }\n\n    &__tags {\n        display: flex;\n        max-width: 100%;\n        align-items: center;\n        gap: 4px;\n    }\n\n    &.is-selected {\n        background: rgba(var(--button-bg-rgb), 0.04);\n\n        &:hover,\n        &:focus {\n            background: rgba(var(--button-bg-rgb), 0.08);\n        }\n    }\n\n    .activity {\n        display: flex;\n        align-items: center;\n        color: rgba(var(--center-channel-color-rgb), 0.64);\n        font-size: 12px;\n        font-weight: 600;\n        line-height: 15px;\n    }\n\n    &.has-unreads {\n        .activity {\n            color: rgba(var(--sidebar-text-active-border-rgb), 1);\n        }\n    }\n\n    .dot-unreads {\n        display: inline-block;\n        width: 8px;\n        height: 8px;\n        margin: 0 8px;\n        background: rgba(var(--sidebar-text-active-border-rgb), 1);\n        border-radius: 50%;\n        text-align: center;\n    }\n\n    .dot-mentions {\n        display: inline-block;\n        width: 16px;\n        height: 16px;\n        background: rgba(var(--button-bg-rgb), 1);\n        border-radius: 50%;\n        color: rgba(var(--button-color-rgb), 1);\n        font-size: 10px;\n        font-weight: 700;\n        line-height: 16px;\n        text-align: center;\n\n        &.over {\n            font-size: 8px;\n        }\n    }\n\n    .indicator {\n        position: absolute;\n        left: -24px;\n        display: grid;\n        width: 24px;\n        height: 20px;\n        place-content: center;\n    }\n\n    h1 {\n        position: relative;\n        display: grid;\n        margin: 0 0 6px;\n        font-family: 'Open Sans', sans-serif;\n        font-size: 14px;\n        font-weight: 600;\n        gap: 10px;\n        grid-template-columns: minmax(0, min-content) minmax(0, auto) min-content;\n        justify-items: start;\n        line-height: 20px;\n        white-space: nowrap;\n    }\n\n    div.preview {\n        height: 40px;\n        margin: 0 0 10px;\n        color: rgba(var(--center-channel-color-rgb), 1);\n\n        @include text-clamp(2, 20);\n    }\n\n    time {\n        color: rgba(var(--center-channel-color-rgb), 0.64);\n        font-size: 12px;\n        font-weight: normal;\n        grid-column: 3/4;\n        line-height: 20px;\n    }\n\n    .menu-anchor {\n        position: absolute;\n        top: 12px;\n        right: 14px;\n\n        .Button {\n            width: 28px;\n            height: 28px;\n            padding: 0;\n            font-size: 18px;\n        }\n    }\n\n    .MenuWrapper .dropdown-menu {\n        min-width: 250px;\n    }\n\n    .Avatars {\n        margin-right: 10px;\n    }\n}\n",".ThreadList {\n    display: grid;\n    overflow: hidden;\n    grid-template-areas:\n        'header'\n        'list';\n    grid-template-rows: 56px 1fr;\n\n    .Header {\n        padding-right: 12px;\n        padding-left: 14px;\n        border-bottom: var(--border);\n        color: rgba(var(--center-channel-color-rgb), 0.56);\n        grid-area: header;\n\n        .tab-button-wrapper {\n            position: relative;\n            display: flex;\n            height: 100%;\n            justify-content: center;\n            padding: 13px 0;\n\n            + .tab-button-wrapper {\n                margin-left: 4px;\n            }\n        }\n\n        .left {\n            display: flex;\n            height: 100%;\n            align-items: center;\n        }\n\n        .right-anchor {\n            .Button {\n                padding: 4px 0;\n\n                &:disabled {\n                    cursor: not-allowed;\n                }\n            }\n        }\n    }\n\n    .threads {\n        margin-right: 5px;\n        grid-area: list;\n\n        .no-results__wrapper {\n            position: relative;\n            top: -28px;\n            max-width: 100%;\n\n            .thread-no-results-title {\n                margin-bottom: 0;\n                font-size: 16px;\n                line-height: 24px;\n            }\n\n            .thread-no-results-subtitle {\n                max-width: 100%;\n                font-size: 12px;\n\n                .thread-no-results-subtitle-shortcut {\n                    margin: 0;\n                }\n            }\n        }\n    }\n\n    .ThreadItem {\n        border-bottom: var(--border);\n    }\n\n    .virtualized-thread-list {\n        scrollbar-color: var(--center-channel-color-32) #fff0;\n        scrollbar-width: thin;\n    }\n}\n","\n.ThreadPane {\n    display: grid;\n    overflow: hidden;\n    grid-template-areas:\n        'header'\n        'pane';\n    grid-template-rows: 56px 1fr;\n\n    .Header {\n        display: flex;\n        height: 56px;\n        align-items: center;\n        justify-content: space-between;\n        padding: 12px 16px;\n        border-bottom: var(--border);\n        grid-area: header;\n\n        --button-separator-height: 24px;\n\n        .left {\n            display: flex;\n        }\n\n        .back {\n            display: none;\n            flex-shrink: 0;\n        }\n\n        .FollowButton,\n        h3 .Button {\n            height: 24px;\n            padding: 4px 8px;\n            font-size: 12px;\n            line-height: 16px;\n        }\n\n        h3 {\n            display: inline-grid;\n            align-items: center;\n            margin: 0 10px 0 0;\n            color: rgba(var(--center-channel-color-rgb), 1);\n            grid-template-columns: max-content 1fr;\n\n            > span {\n                padding-right: 8px;\n                padding-left: 4px;\n                font-size: 16px;\n                font-weight: 600;\n                line-height: 32px;\n                vertical-align: top;\n            }\n\n            .Button {\n                color: rgba(var(--center-channel-color-rgb), 0.56);\n                font-weight: 400;\n            }\n        }\n\n        .MenuWrapper {\n            margin-left: 4px;\n\n            .dropdown-menu {\n                min-width: 250px;\n            }\n        }\n    }\n\n    .ThreadViewer {\n        overflow: hidden;\n        grid-area: pane;\n\n        .post-right__scroll {\n            padding-top: 0; // remove excess padding in relative time (no zero-height date separators)\n        }\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n.GlobalThreads___title {\n    span {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n}\n\n.GlobalThreads {\n    --border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n\n    .GlobalThreads___header {\n        border-bottom: var(--border);\n        grid-area: header;\n    }\n\n    .channel-header__icon,\n    .search__form {\n        margin-top: 1px;\n    }\n\n    .ThreadList {\n        border-right: var(--border);\n        grid-area: list;\n    }\n\n    .ThreadPane,\n    .ThreadList + .no-results__holder {\n        grid-area: pane;\n    }\n\n    > .no-results__holder {\n        grid-area: list/list/pane/pane;\n\n        @media screen and (max-width: 1020px) {\n            grid-area: main;\n        }\n    }\n\n    .no-results__wrapper svg {\n        margin-bottom: 20px;\n    }\n\n    .no-results__subtitle {\n        max-width: 378px;\n    }\n\n    .ThreadPane {\n        position: relative;\n        overflow: hidden;\n    }\n\n    /* === Responsiveness === */\n    --list: minmax(min-content, 300px);\n    --pane: minmax(min-content, auto);\n\n    display: grid;\n    overflow: hidden;\n    grid-template-areas:\n        'header header'\n        'list pane';\n\n    // 2-column\n    grid-template-columns: var(--list) var(--pane);\n    grid-template-rows: 63px 1fr;\n\n    // single column\n    @media screen and (max-width: 1020px) {\n        grid-template-areas:\n            'header header'\n            'main main';\n\n        &:not(.thread-selected) {\n            .ThreadList {\n                grid-area: main;\n            }\n\n            .ThreadPane,\n            .ThreadList + .no-results__holder {\n                display: none;\n            }\n        }\n\n        &.thread-selected {\n            .ThreadList {\n                display: none;\n            }\n\n            .ThreadPane {\n                grid-area: main;\n\n                .Header {\n                    padding-left: 5px;\n                }\n\n                .back {\n                    display: unset;\n                }\n            }\n        }\n    }\n\n    @media screen and (max-width: 768px) {\n        grid-template-rows: 0 1fr;\n\n        > .Header {\n            display: none;\n        }\n\n        .Header {\n            border-top: var(--border);\n        }\n    }\n\n    @media screen and (min-width: 1021px) {\n        --list: minmax(min-content, 350px);\n    }\n\n    @media screen and (min-width: 1267px) {\n        --list: minmax(min-content, 400px);\n    }\n\n    @media screen and (min-width: 1680px) {\n        --list: minmax(min-content, 500px);\n    }\n}\n"],"names":[],"sourceRoot":""}