{"version":3,"file":"839.8101248d14efb934eabd.css","mappings":"AAoVA,8BACI,QAEI,kCAGJ,QAEI,iCAGJ,YAGI,kCAGJ,QAEI,kCClWR,gBACI,aACA,sBAEA,qCACI,aACA,gBACA,mBAEA,sDACI,UACA,iBACA,kDACA,eACA,iBAGJ,mEACI,WACA,iBAEA,+FACI,eAEA,wHACI,YACA,SACA,gBACA,eACA,iBAKZ,uDD6MJ,YACA,gBACA,wBACA,eACA,gBACA,iBC/MQ,UACA,YACA,oCACA,gBD8MR,wLAGI,+BAGJ,gEACI,kDACA,mBACA,qBCrNI,+EACI,gBAKZ,iCACI,aACA,eACA,wBACA,eACA,iBACA,gBAEA,mCACI,YACA,oBACA,iBACA,eAEA,2CACI,S;ACpEhB,iGACI,sBAEI,oBACA,2BACA,qDAGJ,eACI,yDAGJ,eACI,6FAEA,UACI,sBACA,kBACA,6DACA,oCACA,kBACA,kCACA,eACA,iBACA,YACA,mGAEA,wDACI,mGAGJ,6BACI,4CACA,wGAGJ,8BACI,8GAEA,4CACI,yFAKZ,cACI,kDACA,eACA,iBACA,gBACA,0FAGJ,YACI,eACA,wBACA,eACA,iBACA,gBACA,4FAEA,WACI,oBACA,iBACA,eACA,oGAEA,QACI,+EAKZ,YACI,YACA,gBACA,qFAEA,YACI,kCACA,eACA,gBACA,0GAEA,uBACI,qBACA,wBACA,mBACA,aACA,aACA,kHAGJ,aACI,WACA,YACA,6DACA,iBACA,oCACA,kBACA,+BACA,YACA,0BACA,eACA,0HAGJ,2BACI,0CACA,0FAGJ,eACI,iFAIR,eACI,gBACA,eACA,oGAIR,eACI,0GAEA,cACI,cACA,wBACA,yHAEA,iBACI,WACA,eACA,iBACA,gBACA,uHAIR,iBACI,UACA,SACA,WACA,WACA,sCAOZ,aACI,WACA,2BACA,wCAGJ,eACI,8CAGJ,eACI,yBAIR,cACI,C;ACtKJ,yCACI,YACA,iBAEA,wDACI,kBAEA,qCACI,0EACI,cAKZ,0EACI,6DACA,gBACA,kBAGJ,uDACI,gBAMJ,6DACI,aACA,8BAGJ,8DACI,kB;AChCJ,wDACI,YAGJ,qDACI,WAEA,2DACI,YACA,iBACA,gBAEA,+DACI,wC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","sources":["webpack://mattermost-webapp/./sass/utils/_mixins.scss","webpack://mattermost-webapp/./components/widgets/inputs/url_input/url_input.scss","webpack://mattermost-webapp/./components/new_channel_modal/new_channel_modal.scss","webpack://mattermost-webapp/./components/tours/crt_tour/collapsed_reply_threads_modal/collapsed_reply_threads_modal.scss","webpack://mattermost-webapp/./components/threading/global_threads_link/global_threads_link.scss","webpack://mattermost-webapp/./components/drafts/drafts_link/drafts_link.scss","webpack://mattermost-webapp/./components/activity_and_insights/activity_and_insights_link/activity_and_insights_link.scss","webpack://mattermost-webapp/./components/sidebar/sidebar_channel/channel_pencil_icon/channel_pencil_icon.scss","webpack://mattermost-webapp/./components/sidebar/unread_channel_indicator/unread_channel_indicator.scss","webpack://mattermost-webapp/./sass/utils/_variables.scss","webpack://mattermost-webapp/./plugins/call_button/call_button.scss","webpack://mattermost-webapp/./components/post_view/channel_intro_message/add_members_button.scss","webpack://mattermost-webapp/./components/center_message_lock/index.scss","webpack://mattermost-webapp/./components/search_shortcut/search_shortcut.scss","webpack://mattermost-webapp/./components/hint-toast/hint_toast.scss","webpack://mattermost-webapp/./components/post_priority/post_priority_picker.scss","webpack://mattermost-webapp/./components/product_notices_modal/product_notices_modal.scss"],"sourcesContent":["@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 'utils/mixins';\n\n.url-input-main {\n    display: flex;\n    flex-direction: column;\n\n    .url-input-container {\n        display: flex;\n        min-height: 32px;\n        align-items: center;\n\n        .url-input-label {\n            flex: none;\n            margin-right: 4px;\n            color: rgba(var(--center-channel-color-rgb), 0.64);\n            font-size: 12px;\n            line-height: 17px;\n        }\n\n        .url-input-editable-container {\n            width: auto;\n            margin-right: 6px;\n\n            .url-input-editable-wrapper {\n                padding: 0 12px;\n\n                .url-input-editable-path {\n                    height: 26px;\n                    border: 0;\n                    border-radius: 0;\n                    font-size: 12px;\n                    line-height: 16px;\n                }\n            }\n        }\n\n        .url-input-button {\n            @include link;\n\n            padding: 0;\n            border: none;\n            background: var(--center-channel-bg);\n            box-shadow: none;\n\n            .url-input-button-label {\n                line-height: 9px;\n            }\n        }\n    }\n\n    .url-input-error {\n        display: flex;\n        margin-top: 5px;\n        color: var(--error-text);\n        font-size: 12px;\n        line-height: 16px;\n        text-align: left;\n\n        i {\n            height: 14px;\n            align-self: baseline;\n            margin-right: 7px;\n            font-size: 14px;\n\n            &::before {\n                margin: 0;\n            }\n        }\n    }\n}\n",".new-channel-modal {\n    .new-channel-modal-name-input,\n    .select-board-template-input {\n        height: 34px !important;\n        border: 0 !important;\n        border-radius: 0 !important;\n    }\n\n    .new-channel-modal-type-selector {\n        margin-top: 24px;\n    }\n\n    .new-channel-modal-purpose-container {\n        margin-top: 28px;\n\n        .new-channel-modal-purpose-textarea {\n            width: 100%;\n            box-sizing: border-box;\n            padding: 12px 16px;\n            border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n            background: var(--center-channel-bg);\n            border-radius: 4px;\n            color: var(--center-channel-color);\n            font-size: 14px;\n            line-height: 20px;\n            resize: none;\n\n            &:hover {\n                border-color: rgba(var(--center-channel-color-rgb), 0.48);\n            }\n\n            &:focus {\n                border-color: var(--button-bg);\n                box-shadow: inset 0 0 0 1px var(--button-bg);\n            }\n\n            &.with-error {\n                border-color: var(--error-text);\n\n                &:focus {\n                    box-shadow: inset 0 0 0 1px var(--error-text);\n                }\n            }\n        }\n\n        .new-channel-modal-purpose-info {\n            margin-top: 5px;\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n            font-size: 12px;\n            line-height: 16px;\n            text-align: left;\n        }\n\n        .new-channel-modal-purpose-error {\n            display: flex;\n            margin-top: 5px;\n            color: var(--error-text);\n            font-size: 12px;\n            line-height: 16px;\n            text-align: left;\n\n            i {\n                height: 14px;\n                align-self: baseline;\n                margin-right: 7px;\n                font-size: 14px;\n\n                &::before {\n                    margin: 0;\n                }\n            }\n        }\n\n        .add-board-to-channel {\n            display: flex;\n            height: 24px;\n            margin-top: 24px;\n\n            label {\n                display: flex;\n                color: var(--center-channel-color);\n                cursor: pointer;\n                font-weight: 400;\n\n                input[type=checkbox] {\n                    margin-top: 0 !important;\n                    -moz-appearance: none;\n                    -webkit-appearance: none;\n                    -o-appearance: none;\n                    content: none;\n                    outline: none;\n                }\n\n                input[type=checkbox]::before {\n                    display: block;\n                    width: 15px;\n                    height: 15px;\n                    border: 1px solid rgba(var(--center-channel-color-rgb), 0.24);\n                    margin-right: 7px;\n                    background: var(--center-channel-bg);\n                    border-radius: 2px;\n                    color: transparent !important;\n                    content: \"\\f00c\";\n                    font-family: \"FontAwesome\";\n                    font-size: 12px;\n                }\n\n                input[type=checkbox]:checked::before {\n                    background: var(--button-bg);\n                    color: var(--center-channel-bg) !important;\n                }\n\n                span {\n                    margin-top: -3px;\n                }\n            }\n\n            i {\n                margin-top: -3px;\n                margin-left: 3px;\n                font-size: 18px;\n            }\n        }\n\n        .new-channel-modal-board-template-selector {\n            margin-top: 16px;\n\n            .Menu {\n                position: fixed;\n                z-index: 10000;\n                width: calc(100% - 64px);\n\n                .dropdown-menu {\n                    position: absolute;\n                    width: 100%;\n                    max-width: none;\n                    max-height: 192px;\n                    overflow-y: auto;\n                }\n            }\n\n            .icon-chevron-down {\n                position: absolute;\n                z-index: 3;\n                top: 12px;\n                right: 10px;\n                opacity: 0.7;\n            }\n        }\n    }\n}\n\n#new-channel-with-board-tooltip {\n    span {\n        display: block;\n        width: 100%;\n        text-align: left !important;\n    }\n\n    .title {\n        font-weight: 800;\n    }\n\n    .description {\n        font-weight: 500;\n    }\n}\n\n.new-channel-modal__url {\n    margin-top: 4px;\n}\n","\n@charset 'UTF-8';\n\n.GenericModal.CollapsedReplyThreadsModal {\n    width: 692px;\n    padding: 0 1.6rem;\n\n    .modal-content {\n        padding: 16px 15px;\n\n        @media screen and (max-width: 767px) {\n            .app__body .modal & {\n                padding: 24px;\n            }\n        }\n    }\n\n    .CollapsedReplyThreadsModal__img {\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n        margin-top: 40px;\n        border-radius: 4px;\n    }\n\n    .modal-footer {\n        margin-top: 20px;\n    }\n}\n\n// Styles to override global styles\n.modal {\n    .GenericModal.CollapsedReplyThreadsModal.modal-dialog {\n        height: unset;\n        margin-top: calc(50vh - 307px);\n    }\n\n    .GenericModal.CollapsedReplyThreadsModal .modal-footer {\n        position: relative;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n#SidebarContainer .SidebarGlobalThreads {\n    .SidebarChannel {\n        height: 100%;\n    }\n\n    .SidebarLink {\n        width: 100%;\n\n        .icon {\n            padding: 3px;\n            margin-right: 8px;\n            margin-left: 1px;\n\n            svg {\n                fill: rgba(var(--sidebar-text-rgb), 0.6);\n                vertical-align: middle;\n            }\n        }\n\n        &:hover {\n            padding-right: 16px;\n\n            .badge {\n                position: initial;\n                visibility: visible;\n            }\n        }\n    }\n}\n\n// legacy\n.sidebar--left .SidebarGlobalThreads {\n    padding-bottom: 0;\n    margin-top: 13px;\n\n    .icon {\n        width: auto;\n        padding-left: 1px;\n        margin-top: 1px;\n\n        svg {\n            fill: rgba(var(--sidebar-text-rgb), 0.6);\n        }\n    }\n\n    .SidebarChannelLinkLabel_wrapper {\n        display: flex;\n        flex: 1;\n    }\n\n    .badge {\n        margin: 0 12px 0 0;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n#SidebarContainer .SidebarDrafts {\n    .SidebarChannel {\n        height: 100%;\n    }\n\n    .SidebarLink {\n        width: 100%;\n\n        .icon {\n            svg {\n                fill: rgba(var(--sidebar-text-rgb), 0.6);\n                vertical-align: middle;\n            }\n        }\n\n        .badge {\n            background: transparent;\n            color: var(--sidebar-text);\n        }\n\n        &:hover {\n            padding-right: 16px;\n\n            .badge {\n                position: initial;\n                visibility: visible;\n            }\n        }\n    }\n}\n\n// legacy\n.sidebar--left .SidebarDrafts {\n    padding-bottom: 0;\n    margin-top: 13px;\n\n    .icon {\n        width: auto;\n        padding-left: 1px;\n        margin-top: 1px;\n\n        svg {\n            fill: rgba(var(--sidebar-text-rgb), 0.6);\n        }\n    }\n\n    .SidebarChannelLinkLabel_wrapper {\n        display: flex;\n        flex: 1;\n    }\n\n    .badge {\n        margin: 0 12px 0 0;\n    }\n}\n","// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.\n// See LICENSE.txt for license information.\n\n#SidebarContainer .SidebarInsights {\n    .SidebarChannel {\n        height: 100%;\n    }\n\n    .SidebarLink {\n        width: 100%;\n\n        .icon {\n            padding: 3px;\n            margin-right: 10px;\n            margin-left: 1px;\n\n            i {\n                vertical-align: middle;\n            }\n        }\n\n        &:hover {\n            padding-right: 16px;\n\n            .badge {\n                position: initial;\n                visibility: visible;\n            }\n        }\n    }\n}\n\n// legacy\n.sidebar--left .SidebarInsights {\n    padding-bottom: 0;\n    margin-top: 13px;\n\n    .icon {\n        width: auto;\n        padding-left: 1px;\n        margin-top: 1px;\n    }\n\n    .SidebarChannelLinkLabel_wrapper {\n        display: flex;\n        flex: 1;\n    }\n\n    .badge {\n        margin: 0 12px 0 0;\n    }\n}\n\n.tippy-box[data-placement^=right] {\n    &.tour-tip__box {\n        &.insights-tip {\n            .tour-tip__body {\n                img.insights-img {\n                    margin-top: 2.4rem;\n                }\n            }\n\n            .tippy-arrow::before {\n                border-width: 0;\n                transform-origin: 6px 6px;\n            }\n        }\n    }\n}\n","#SidebarContainer .SidebarChannel .SidebarLink {\n    .channel-pencil-icon {\n        position: relative;\n        display: flex;\n        width: 28px;\n        min-width: 0;\n        flex: 0 0 28px;\n        align-items: center;\n        justify-content: center;\n        padding: 0;\n        margin: 0;\n        font-size: 14px;\n        line-height: 18px;\n    }\n}\n","@charset \"UTF-8\";\n\n@import 'sass/utils/variables';\n\n.nav-pills__unread-indicator {\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    width: 188px;\n    height: auto;\n    align-items: center;\n    justify-content: center;\n    padding: 8px;\n    margin-left: 50%;\n    background: var(--mention-bg);\n    border-radius: 4px;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);\n    color: var(--mention-color);\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 16px;\n    opacity: 0;\n    text-align: center;\n    transform: translateX(-50%);\n    visibility: hidden;\n\n    .icon {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: 8px;\n    }\n\n    body.enable-animations & {\n        transition-delay: 0s;\n        transition-duration: $transition-quick;\n        transition-property: opacity, visibility;\n        transition-timing-function: ease-out, step-start;\n    }\n\n    svg {\n        fill: var(--mention-color);\n    }\n\n    &-top {\n        top: 16px;\n\n        .icon {\n            svg {\n                transform: rotate(180deg);\n            }\n        }\n    }\n\n    &-bottom {\n        bottom: 16px;\n    }\n\n    &--visible {\n        opacity: 1;\n        visibility: visible;\n\n        body.enable-animations & {\n            transition-delay: 0s;\n            transition-duration: $transition-quick;\n            transition-property: opacity, visibility;\n            transition-timing-function: ease-out, step-start;\n        }\n    }\n\n    @media screen and (max-width: 768px) {\n        width: 260px;\n    }\n\n    @media screen and (max-width: 480px) {\n        width: 230px;\n    }\n\n    @media screen and (max-width: 320px) {\n        .multi-teams & {\n            width: 190px;\n        }\n    }\n}\n","@charset 'UTF-8';\n\n// Color Variables\n$primary-color: #166de0;\n$primary-color--hover: darken($primary-color, 10%);\n$bg--gray: rgb(245, 245, 245);\n$white: rgb(255, 255, 255);\n$black: rgb(0, 0, 0);\n$red: rgb(214, 73, 70);\n$yellow: rgb(255, 255, 0);\n$light-gray: rgba(0, 0, 0, 0.15);\n$gray: rgba(0, 0, 0, 0.3);\n$dark-gray: rgba(0, 0, 0, 0.5);\n$link-color: rgb(35, 137, 215);\n$transparent: rgba(0, 0, 0, 0);\n$highlight-color: #fcea8d;\n\n// Typography\n$font-weight--semibold: 600;\n\n// Page Variables\n$border-gray: 1px solid rgba(var(--center-channel-color-rgb), 0.12);\n$announcement-bar-height: 40px;\n$backstage-bar-height: 43px;\n\n// Random variables\n$border-rad: 2px;\n$emoji-per-row: 9; // needs to match variable `EMOJI_PER_ROW` in emoji_picker.jsx\n\n// Transition timing defaults\n$transition-quick: 0.12s;\n\n// Elevations\n$elevation-1: var(--elevation-1);\n$elevation-2: var(--elevation-2);\n$elevation-3: var(--elevation-3);\n$elevation-4: var(--elevation-4);\n$elevation-5: var(--elevation-5);\n$elevation-6: var(--elevation-6);\n","button {\n    &.call-button {\n        display: flex;\n        height: 32px;\n        align-items: center;\n        justify-content: center;\n        padding: 10px 12px;\n        border-radius: 4px;\n        color: rgb(var(--button-bg-rgb));\n        fill: currentColor;\n\n        &:hover {\n            background: rgba(var(--button-bg-rgb), 0.08);\n        }\n\n        &:active,\n        &.active {\n            background: rgba(var(--button-bg-rgb), 0.16);\n        }\n\n        i,\n        span {\n            font-size: 14px;\n            line-height: 14px;\n        }\n\n        i::before,\n        span::before {\n            margin: 0;\n        }\n\n        svg {\n            width: 14px;\n            height: 14px;\n        }\n\n        span.call-button-label {\n            padding: 1px 0;\n            margin: 0 6px;\n            font-size: 12px;\n            font-weight: 600;\n            line-height: 9px;\n        }\n\n        &.dropdown {\n            color: rgba(var(--center-channel-color-rgb), 0.56);\n            fill: currentColor;\n        }\n\n        &.disabled {\n            color: rgba(var(--center-channel-color-rgb), 0.32);\n            cursor: not-allowed;\n            fill: currentColor;\n\n            &:hover {\n                background: none;\n            }\n\n            &:active {\n                background: none;\n            }\n        }\n    }\n\n    &.call-button-dropdown {\n        .Menu .MenuItem > & {\n            display: flex;\n            padding: 6px 20px 6px 16px;\n            margin: 0;\n            color: rgb(var(--button-bg-rgb));\n            font-size: 14px;\n            line-height: 20px;\n\n            svg {\n                width: 16px;\n                height: 16px;\n                align-self: flex-start;\n                margin-right: 12px;\n                margin-left: 4px;\n                fill: currentColor;\n            }\n\n            i {\n                align-self: flex-start;\n                margin-right: 12px;\n                margin-left: 4px;\n                color: inherit;\n                font-size: 16px;\n\n                &::before {\n                    margin: 0;\n                }\n            }\n\n            .call-button-dropdown-sublabel {\n                margin-top: 4px;\n                color: rgba(var(--center-channel-color-rgb), 0.56);\n                font-size: 12px;\n                line-height: 16px;\n            }\n\n            div {\n                display: flex;\n                flex-direction: column;\n            }\n\n            &.disabled {\n                color: rgba(var(--center-channel-color-rgb), 0.32);\n                fill: currentColor;\n\n                svg {\n                    width: 16px;\n                    height: 16px;\n                    fill: currentColor;\n                }\n\n                i {\n                    color: inherit;\n                    font-size: 16px;\n\n                    &::before {\n                        margin: 0;\n                    }\n                }\n\n                .call-button-dropdown-sublabel {\n                    color: inherit;\n                    font-size: 12px;\n                }\n            }\n        }\n    }\n}\n",".LessThanMaxFreeUsers,\n.MoreThanMaxFreeUsers {\n    display: flex;\n    flex-direction: row;\n    margin-top: 10px;\n\n    .titleAndButton {\n        display: flex;\n        flex-direction: column;\n        padding: 20px 5px;\n        margin-left: 20px;\n\n        > span {\n            margin-bottom: 15px;\n            font-size: 16px;\n            font-weight: 600;\n            line-height: 24px;\n        }\n    }\n\n    button {\n        width: fit-content;\n        padding: 8px 16px;\n        border: none;\n        background-color: var(--button-bg);\n        border-radius: 4px;\n        color: var(--button-color);\n        font-size: 12px;\n        font-weight: 600;\n        line-height: 16px;\n\n        span {\n            color: var(--button-color);\n        }\n\n        i {\n            color: var(--button-color);\n            font-size: 14px;\n        }\n\n        &:hover:not(.disabled) {\n            background: linear-gradient(0deg, rgba(var(--center-channel-color-rgb), 0.16), rgba(var(--center-channel-color-rgb), 0.16)), var(--button-bg);\n            color: var(--button-color);\n            text-decoration: none;\n        }\n    }\n}\n\n.MoreThanMaxFreeUsersWrapper {\n    display: flex;\n    flex-direction: row;\n\n    .channelIntroButton {\n        margin-top: 10px;\n    }\n}\n\n.channelIntroButton {\n    border-radius: 4px;\n    color: var(--button-bg);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n\n    i {\n        font-size: 14px;\n    }\n\n    &:hover {\n        background-color: rgba(var(--button-bg-rgb), 0.04);\n    }\n}\n","@import 'utils/mixins';\n\n.CenterMessageLock {\n    display: flex;\n    align-items: center;\n    padding: 16px;\n    border: 1px rgba(var(--center-channel-color-rgb), 0.08) solid;\n    margin: 0 24px 13px;\n    background-color: rgba(var(--center-channel-color-rgb), 0.04);\n    border-radius: 4px;\n\n    &__left {\n        align-self: flex-start;\n        padding: 0 12px;\n    }\n\n    &__icon {\n        color: rgba(var(--center-channel-color-rgb), 0.72);\n    }\n\n    &__title {\n        padding-bottom: 8px;\n        font-size: 14px;\n        font-weight: 600;\n    }\n\n    &__cta {\n        padding-top: 12px;\n\n        .btn {\n            @include tertiary-button;\n\n            font-size: 12px;\n\n            &:hover,\n            &:focus {\n                color: var(--button-color);\n            }\n\n            &:focus {\n                border: 0;\n            }\n\n            &.is-admin {\n                @include primary-button;\n\n                &:hover,\n                &:focus {\n                    color: var(--button-color);\n                }\n\n                &:focus {\n                    border: 0;\n                }\n            }\n        }\n    }\n}\n",".search-shortcut {\n    display: inline-block;\n    margin: 0 4px;\n\n    .shortcut-key {\n        margin-right: 4px;\n    }\n\n    .shortcut-key:last-child {\n        margin-right: 0;\n    }\n}\n",".hint-toast {\n    padding-top: 8px;\n    padding-bottom: 8px;\n    border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n    margin-top: 16px;\n    margin-right: 0;\n    margin-left: 0;\n    background-color: var(--center-channel-bg);\n    border-radius: 4px;\n    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);\n    color: var(--center-channel-color);\n    font-size: 14px;\n    font-weight: bold;\n\n    .hint-toast__message {\n        display: inline-block;\n        padding-left: 12px;\n        line-height: 20px;\n        text-align: center;\n        vertical-align: middle;\n    }\n\n    .hint-toast__dismiss {\n        display: inline-block;\n        padding: 0 8px;\n\n        &:hover {\n            background-color: var(--center-channel-bg);\n\n            svg {\n                fill: rgba(var(--center-channel-color-rgb), 0.72);\n            }\n        }\n\n        svg {\n            fill: rgba(var(--center-channel-color-rgb), 0.56);\n            vertical-align: middle;\n        }\n\n        .close-btn {\n            cursor: pointer;\n            line-height: normal;\n        }\n    }\n}\n\n.hint-toast__wrapper {\n    position: absolute;\n    z-index: 3;\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n}\n","@charset \"UTF-8\";\n\n@import 'utils/mixins';\n\n.PostPriorityPicker {\n    width: 324px;\n\n    &__apply {\n        @include button-small;\n        @include primary-button;\n    }\n\n    &__cancel {\n        @include button-small;\n        @include tertiary-button;\n    }\n}\n","@charset 'UTF-8';\n\n.productNotices {\n    width: 692px;\n\n    .app__body .modal & .modal-content {\n        padding: 40px;\n    }\n\n    .GenericModal__header {\n        padding: 0;\n        margin-bottom: 16px;\n    }\n\n    .GenericModal__body {\n        padding: 0;\n    }\n\n    .productNotices__helpText {\n        margin-top: 8px;\n\n        p {\n            margin-bottom: 16px;\n        }\n    }\n\n    .productNotices__img {\n        display: block;\n        max-height: 347px;\n        border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n        margin: 32px auto 0;\n        border-radius: 4px;\n    }\n\n    .productNotices__imageDiv {\n        margin: 0 auto;\n    }\n\n    .modal-footer {\n        margin-top: 32px;\n    }\n\n    .productNotices__info {\n        position: fixed;\n        z-index: 1;\n        bottom: 45px;\n    }\n\n    .circle {\n        width: 6px;\n        height: 6px;\n        margin: 0 3px;\n        vertical-align: middle;\n    }\n\n    svg {\n        margin-right: 5px;\n        margin-left: 23px;\n        vertical-align: middle;\n    }\n\n    .app__body .modal &.modal-dialog {\n        height: unset;\n        margin-top: calc(50vh - 307px);\n    }\n\n    .app__body .modal & .modal-footer {\n        position: relative;\n        padding: 0;\n    }\n\n    .GenericModal__button {\n        display: inline-flex;\n        align-items: center;\n        padding: 13px 20px;\n        border: none;\n        font-size: 14px;\n        line-height: 14px;\n\n        &.confirm {\n            background: var(--button-bg);\n            color: var(--button-color);\n\n            &:hover:not(.disabled) {\n                background:\n                    linear-gradient(\n                        0deg,\n                        rgba(var(--center-channel-color-rgb), 0.16),\n                        rgba(var(--center-channel-color-rgb), 0.16)\n                    ),\n                    var(--button-bg);\n            }\n\n            &:active {\n                background:\n                    linear-gradient(\n                        0deg,\n                        rgba(var(--center-channel-color-rgb), 0.32),\n                        rgba(var(--center-channel-color-rgb), 0.32)\n                    ),\n                    var(--button-bg);\n            }\n\n            &:focus {\n                box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n            }\n        }\n\n        &.cancel,\n        &.actionButton {\n            display: inline-flex;\n            align-items: center;\n            background: var(--center-channel-bg);\n            border-radius: 4px;\n            color: var(--button-bg);\n            text-decoration: none;\n\n            &:hover {\n                background: rgba(var(--button-bg-rgb), 0.04);\n            }\n\n            &:active {\n                background: rgba(var(--button-bg-rgb), 0.08);\n            }\n\n            &:focus {\n                box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n            }\n        }\n\n        &.actionButton {\n            box-shadow: inset 0 0 0 1px var(--button-bg);\n        }\n\n        &.cancel {\n            margin-right: 12px;\n        }\n\n        .fa {\n            font-size: 14px;\n\n            // only target `.fa` that is the first child (left aligned icon)\n            &:first-child {\n                margin-right: 7px;\n            }\n        }\n\n        // only target `.fa` that follows a `span` (right aligned icon)\n        span ~ .fa {\n            margin-left: 7px;\n        }\n    }\n}\n"],"names":[],"sourceRoot":""}