.c-deprecated-icon:before {
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle
}

.c-deprecated-icon--inherit:before {
    font-size: inherit
}

.c-deprecated-icon--vertical-align-top:before {
    vertical-align: top
}

.c-deprecated-icon--vertical-align-baseline:before {
    vertical-align: baseline
}


.c-deprecated-icon--danger {
    color: #e01e5a
}

@font-face {
    font-family: Slack v2;
    src: url(https://a.slack-edge.com/bv1-9/slack-icons-v2-3636ccd.woff2) format("woff2"), url(https://a.slack-edge.com/bv1-9/slack-icons-v2-3e395f6.woff) format("woff");
    font-style: normal;
    font-weight: 400
}

.c-icon {
    position: relative;
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center
}

.c-icon:before {
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.c-icon--inline {
    width: 20px;
    height: auto;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.c-icon--inline:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
    height: 1em
}

.c-icon--inline:after {
    content: "\200B"
}

.c-icon--inherit {
    width: 1em
}

.c-icon--inherit:before {
    font-size: inherit
}

.c-icon--spin:before {
    animation: c-icon--spin 1s linear 0s infinite normal none
}

@keyframes c-icon--spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.c-icon--star-o:before {
    content: "\E001"
}

.c-icon--unstar-o:before {
    content: "\E002"
}

.c-icon--user:before {
    content: "\E003"
}

.c-icon--comment-alt:before {
    content: "\E004"
}

.c-icon--comment-o:before {
    content: "\E005"
}

.c-icon--home:before {
    content: "\E006"
}

.c-icon--info:before {
    content: "\E007"
}

.c-icon--channel-info:before, .c-icon--info-circle:before {
    content: "\E008"
}

.c-icon--mentions:before {
    content: "\E009"
}

.c-icon--gn-menu:before {
    content: "\E00A"
}

.c-icon--clear:before {
    content: "\E00B"
}

.c-icon--channels:before {
    content: "\E00C"
}

.c-icon--dm:before {
    content: "\E00D"
}

.c-icon--more:before {
    content: "\E00E"
}

.c-icon--search:before {
    content: "\E010"
}

.c-icon--bolt:before {
    content: "\E011"
}

.c-icon--mobile:before {
    content: "\E012"
}

.c-icon--tablet:before {
    content: "\E013"
}

.c-icon--laptop:before {
    content: "\E014"
}

.c-icon--bell-o:before {
    content: "\E015"
}

.c-icon--bell-slash:before {
    content: "\E016"
}

.c-icon--team-directory:before {
    content: "\E017"
}

.c-icon--cloud-upload:before {
    content: "\E018"
}

.c-icon--cloud-download:before {
    content: "\E019"
}

.c-icon--bolt-add:before {
    content: "\E01A"
}

.c-icon--search-medium:before {
    content: "\E01B"
}

.c-icon--move-to-inspector:before {
    content: "\E01C"
}

.c-icon--move-to-page:before {
    content: "\E01D"
}

.c-icon--cloud-downloaded:before {
    content: "\E01E"
}

.c-icon--cog-o:before {
    content: "\E020"
}

.c-icon--cogs:before {
    content: "\E021"
}

.c-icon--key:before {
    content: "\E022"
}

.c-icon--calendar:before {
    content: "\E023"
}

.c-icon--pencil:before {
    content: "\E024"
}

.c-icon--lightbulb-o:before {
    content: "\E025"
}

.c-icon--magic:before {
    content: "\E026"
}

.c-icon--external-link:before {
    content: "\E027"
}

.c-icon--external-link-square:before {
    content: "\E028"
}

.c-icon--lock-o:before {
    content: "\E029"
}

.c-icon--unlock:before {
    content: "\E030"
}

.c-icon--folder:before {
    content: "\E031"
}

.c-icon--folder-open:before {
    content: "\E032"
}

.c-icon--archive:before {
    content: "\E033"
}

.c-icon--inbox:before {
    content: "\E034"
}

.c-icon--sitemap:before {
    content: "\E035"
}

.c-icon--book:before {
    content: "\E036"
}

.c-icon--envelope-o:before {
    content: "\E037"
}

.c-icon--image:before {
    content: "\E038"
}

.c-icon--building:before {
    content: "\E039"
}

.c-icon--blocks:before {
    content: "\E03A"
}

.c-icon--plug:before {
    content: "\E040"
}

.c-icon--paper-plane:before {
    content: "\E041"
}

.c-icon--credit-card:before {
    content: "\E042"
}

.c-icon--life-ring:before {
    content: "\E043"
}

.c-icon--thumb-tack:before {
    content: "\E044"
}

.c-icon--trash:before {
    content: "\E045"
}

.c-icon--print:before {
    content: "\E046"
}

.c-icon--quote-o:before {
    content: "\E047"
}

.c-icon--th-large:before {
    content: "\E048"
}

.c-icon--eye:before {
    content: "\E049"
}

.c-icon--forward:before {
    content: "\E04A"
}

.c-icon--email-reply:before {
    content: "\E04B"
}

.c-icon--eye-closed:before {
    content: "\E050"
}

.c-icon--volume-off:before {
    content: "\E051"
}

.c-icon--volume-down:before {
    content: "\E052"
}

.c-icon--volume-medium:before {
    content: "\E053"
}

.c-icon--volume-up:before {
    content: "\E054"
}

.c-icon--volume-off-alt:before {
    content: "\E055"
}

.c-icon--heart-o:before {
    content: "\E056"
}

.c-icon--wrench:before {
    content: "\E057"
}

.c-icon--file:before {
    content: "\E058"
}

.c-icon--all-files:before {
    content: "\E059"
}

.c-icon--post-object:before {
    content: "\E05A"
}

.c-icon--calculator:before {
    content: "\E05B"
}

.c-icon--file-wo:before {
    content: "\E05C"
}

.c-icon--file-large-wo:before {
    content: "\E05D"
}

.c-icon--your-files:before {
    content: "\E060"
}

.c-icon--align-left:before {
    content: "\E061"
}

.c-icon--align-center:before {
    content: "\E062"
}

.c-icon--align-right:before {
    content: "\E063"
}

.c-icon--align-justify:before {
    content: "\E064"
}

.c-icon--paragraph:before {
    content: "\E065"
}

.c-icon--code:before {
    content: "\E066"
}

.c-icon--ellipsis:before {
    content: "\E067"
}

.c-icon--ellipsis-baseline:before {
    content: "\E068"
}

.c-icon--spinner:before {
    content: "\E069"
}

.c-icon--spiral:before {
    content: "\E070"
}

.c-icon--random:before {
    content: "\E071"
}

.c-icon--repeat:before {
    content: "\E072"
}

.c-icon--share-square-o:before {
    content: "\E073"
}

.c-icon--link:before {
    content: "\E074"
}

.c-icon--undo:before {
    content: "\E075"
}

.c-icon--history:before {
    content: "\E076"
}

.c-icon--hourglass-empty:before {
    content: "\E077"
}

.c-icon--hourglass:before {
    content: "\E078"
}

.c-icon--clock-o:before {
    content: "\E079"
}

.c-icon--to-channel:before {
    content: "\E07E"
}

.c-icon--move-channel:before {
    content: "\E07F"
}

.c-icon--dashboard:before {
    content: "\E080"
}

.c-icon--power-off:before {
    content: "\E081"
}

.c-icon--sign-in:before {
    content: "\E082"
}

.c-icon--sign-out:before {
    content: "\E083"
}

.c-icon--jump:before {
    content: "\E084"
}

.c-icon--globe:before {
    content: "\E085"
}

.c-icon--filter:before {
    content: "\E086"
}

.c-icon--microphone:before {
    content: "\E087"
}

.c-icon--microphone-slash:before {
    content: "\E088"
}

.c-icon--paperclip:before {
    content: "\E089"
}

.c-icon--microphone-slashless:before {
    content: "\E08A"
}

.c-icon--microphone-slashonly:before {
    content: "\E08B"
}

.c-icon--stop-video-slashless:before {
    content: "\E08C"
}

.c-icon--stop-video-slashonly:before {
    content: "\E08D"
}

.c-icon--stop-ss-slashless:before {
    content: "\E08E"
}

.c-icon--stop-ss-slashonly:before {
    content: "\E08F"
}

.c-icon--video-camera:before {
    content: "\E090"
}

.c-icon--stop-video:before {
    content: "\E091"
}

.c-icon--phone:before {
    content: "\E092"
}

.c-icon--unarchive:before {
    content: "\E093"
}

.c-icon--smile-o:before {
    content: "\E094"
}

.c-icon--share-screen:before {
    content: "\E095"
}

.c-icon--stop-screen-sharing:before {
    content: "\E096"
}

.c-icon--stop-screen-sharing-alt:before {
    content: "\E097"
}

.c-icon--feedback:before {
    content: "\E098"
}

.c-icon--paper-plane-alt:before {
    content: "\E099"
}

.c-icon--pencil-up:before {
    content: "\E09A"
}

.c-icon--pencil-up-slashless:before {
    content: "\E09B"
}

.c-icon--pencil-up-slashonly:before {
    content: "\E09C"
}

.c-icon--collab-screenshare-slashonly:before {
    content: "\E09D"
}

.c-icon--collab-screenshare-slashless:before {
    content: "\E09E"
}

.c-icon--headphones:before {
    content: "\E09F"
}

.c-icon--cloud-offline:before {
    content: "\E0A0"
}

.c-icon--cloud-offline-small:before {
    content: "\E0A1"
}

.c-icon--filters:before {
    content: "\E0A2"
}

.c-icon--lock-large-o:before {
    content: "\E0A3"
}

.c-icon--checkbox-empty:before {
    content: "\E0A4"
}

.c-icon--input-file:before {
    content: "\E0A5"
}

.c-icon--input-fullscreen:before {
    content: "\E0A6"
}

.c-icon--input-img:before {
    content: "\E0A7"
}

.c-icon--input-integration:before {
    content: "\E0A8"
}

.c-icon--draw-others:before {
    content: "\E0A9"
}

.c-icon--draw-others-slashless:before {
    content: "\E0AA"
}

.c-icon--draw-others-slash:before {
    content: "\E0AB"
}

.c-icon--filters-bold:before {
    content: "\E0AC"
}

.c-icon--share:before {
    content: "\E100"
}

.c-icon--save:before {
    content: "\E101"
}

.c-icon--message-notification:before {
    content: "\E102"
}

.c-icon--list:before {
    content: "\E103"
}

.c-icon--channel:before, .c-icon--hash-large:before {
    content: "\E104"
}

.c-icon--share-other-alt:before {
    content: "\E105"
}

.c-icon--broadcast:before {
    content: "\E106"
}

.c-icon--all-files-alt:before {
    content: "\E107"
}

.c-icon--search-files:before {
    content: "\E108"
}

.c-icon--add-user:before {
    content: "\E109"
}

.c-icon--user-presence-offline:before {
    content: "\E10A"
}

.c-icon--switch-team:before {
    content: "\E110"
}

.c-icon--create-snippet:before {
    content: "\E111"
}

.c-icon--create-post:before {
    content: "\E112"
}

.c-icon--upload:before {
    content: "\E113"
}

.c-icon--download:before {
    content: "\E114"
}

.c-icon--share-email:before {
    content: "\E115"
}

.c-icon--import-email:before {
    content: "\E116"
}

.c-icon--ellipsis-o:before {
    content: "\E117"
}

.c-icon--add-reaction:before {
    content: "\E118"
}

.c-icon--happy-smile:before {
    content: "\E119"
}

.c-icon--email-invite:before {
    content: "\E11A"
}

.c-icon--camera-swap:before {
    content: "\E11E"
}

.c-icon--camera-photo:before {
    content: "\E11F"
}

.c-icon--quote-post:before {
    content: "\E120"
}

.c-icon--camera:before {
    content: "\E121"
}

.c-icon--phone-flat:before {
    content: "\E122"
}

.c-icon--sparkles:before {
    content: "\E123"
}

.c-icon--location-pin:before {
    content: "\E124"
}

.c-icon--channel-pane-hash:before, .c-icon--hash-small:before {
    content: "\E125"
}

.c-icon--emoji-nature:before {
    content: "\E126"
}

.c-icon--emoji-food:before {
    content: "\E127"
}

.c-icon--emoji-celebration:before {
    content: "\E128"
}

.c-icon--emoji-activities:before {
    content: "\E129"
}

.c-icon--indent:before {
    content: "\E12A"
}

.c-icon--outdent:before {
    content: "\E12B"
}

.c-icon--emoji-travel:before {
    content: "\E130"
}

.c-icon--emoji-objects:before {
    content: "\E131"
}

.c-icon--pause:before {
    content: "\E132"
}

.c-icon--file-gdrive:before {
    content: "\E133"
}

.c-icon--play:before {
    content: "\E134"
}

.c-icon--stream:before {
    content: "\E135"
}

.c-icon--field-text:before {
    content: "\E136"
}

.c-icon--poo:before {
    content: "\E137"
}

.c-icon--map:before {
    content: "\E138"
}

.c-icon--share-android:before {
    content: "\E139"
}

.c-icon--highlight:before {
    content: "\E140"
}

.c-icon--flag:before {
    content: "\E141"
}

.c-icon--grabby-patty:before {
    content: "\E142"
}

.c-icon--backspace:before {
    content: "\E143"
}

.c-icon--format:before {
    content: "\E144"
}

.c-icon--side-panel:before {
    content: "\E145"
}

.c-icon--search-small:before {
    content: "\E146"
}

.c-icon--reload-small:before {
    content: "\E147"
}

.c-icon--vertical-ellipsis:before {
    content: "\E148"
}

.c-icon--disable:before {
    content: "\E149"
}

.c-icon--hash-large-bold:before {
    content: "\E14A"
}

.c-icon--hash-medium:before {
    content: "\E14B"
}

.c-icon--hash-medium-bold:before {
    content: "\E14C"
}

.c-icon--bold-hash-small:before, .c-icon--hash-small-bold:before {
    content: "\E150"
}

.c-icon--cart:before {
    content: "\E151"
}

.c-icon--snooze-outline:before {
    content: "\E152"
}

.c-icon--new-window:before {
    content: "\E153"
}

.c-icon--h1:before {
    content: "\E154"
}

.c-icon--h2:before {
    content: "\E155"
}

.c-icon--h3:before {
    content: "\E156"
}

.c-icon--bullet-list:before {
    content: "\E157"
}

.c-icon--numbered-list:before {
    content: "\E158"
}

.c-icon--menu:before {
    content: "\E159"
}

.c-icon--check-list:before {
    content: "\E15A"
}

.c-icon--code-block:before, .c-icon--codeblock:before {
    content: "\E15B"
}

.c-icon--bold:before {
    content: "\E160"
}

.c-icon--italic:before {
    content: "\E161"
}

.c-icon--underline:before {
    content: "\E162"
}

.c-icon--strikethrough:before {
    content: "\E163"
}

.c-icon--tag:before {
    content: "\E164"
}

.c-icon--org-shared-channel:before {
    content: "\E165"
}

.c-icon--shared-channel:before {
    content: "\E166"
}

.c-icon--call-declined:before {
    content: "\E167"
}

.c-icon--call-missed:before {
    content: "\E168"
}

.c-icon--small-calendar:before {
    content: "\E169"
}

.c-icon--small-reaction:before {
    content: "\E170"
}

.c-icon--small-reply:before {
    content: "\E171"
}

.c-icon--small-ellipsis:before {
    content: "\E172"
}

.c-icon--small-star:before {
    content: "\E173"
}

.c-icon--small-quote:before {
    content: "\E174"
}

.c-icon--keyboard:before {
    content: "\E175"
}

.c-icon--share-action:before {
    content: "\E176"
}

.c-icon--handset:before {
    content: "\E177"
}

.c-icon--bluetooth-sound:before {
    content: "\E178"
}

.c-icon--bluetooth:before {
    content: "\E179"
}

.c-icon--gn-menu-small:before {
    content: "\E17A"
}

.c-icon--bot:before {
    content: "\E180"
}

.c-icon--globe-plus:before {
    content: "\E181"
}

.c-icon--user-groups:before {
    content: "\E182"
}

.c-icon--rocket:before {
    content: "\E183"
}

.c-icon--mobile-notification:before {
    content: "\E184"
}

.c-icon--desktop-notification:before {
    content: "\E185"
}

.c-icon--collab-screenshare-on:before {
    content: "\E186"
}

.c-icon--collab-screenshare-off:before {
    content: "\E187"
}

.c-icon--thumbs-up:before {
    content: "\E188"
}

.c-icon--thumbs-down:before {
    content: "\E189"
}

.c-icon--reminder:before {
    content: "\E18A"
}

.c-icon--bug:before {
    content: "\E190"
}

.c-icon--mark-unread:before {
    content: "\E191"
}

.c-icon--compose-dm:before {
    content: "\E192"
}

.c-icon--invoice:before {
    content: "\E193"
}

.c-icon--text:before {
    content: "\E194"
}

.c-icon--bookmark:before {
    content: "\E195"
}

.c-icon--add-user-groups:before {
    content: "\E196"
}

.c-icon--face:before {
    content: "\E198"
}

.c-icon--emoji-symbols:before {
    content: "\E199"
}

.c-icon--expand:before {
    content: "\E200"
}

.c-icon--reduce:before {
    content: "\E201"
}

.c-icon--arrows-alt:before {
    content: "\E202"
}

.c-icon--reduce-alt:before {
    content: "\E203"
}

.c-icon--check-square-o:before {
    content: "\E204"
}

.c-icon--check-circle-o:before {
    content: "\E205"
}

.c-icon--check-circle-o-large:before {
    content: "\E206"
}

.c-icon--question:before {
    content: "\E207"
}

.c-icon--exclamation:before {
    content: "\E208"
}

.c-icon--warning:before {
    content: "\E209"
}

.c-icon--exclamation-circle:before {
    content: "\E210"
}

.c-icon--question-circle:before {
    content: "\E211"
}

.c-icon--plus-circle:before {
    content: "\E212"
}

.c-icon--minus-circle:before {
    content: "\E213"
}

.c-icon--times-circle:before {
    content: "\E214"
}

.c-icon--arrow-circle-o-up:before {
    content: "\E215"
}

.c-icon--arrow-circle-o-down:before {
    content: "\E216"
}

.c-icon--arrow-circle-o-right:before {
    content: "\E217"
}

.c-icon--arrow-circle-o-left:before {
    content: "\E218"
}

.c-icon--chevron-circle-left:before {
    content: "\E219"
}

.c-icon--chevron-circle-right:before {
    content: "\E220"
}

.c-icon--chevron-circle-down:before {
    content: "\E221"
}

.c-icon--chevron-circle-up:before {
    content: "\E222"
}

.c-icon--plus-circle-small:before {
    content: "\E223"
}

.c-icon--circle-small:before {
    content: "\E224"
}

.c-icon--circle-large:before {
    content: "\E225"
}

.c-icon--navigate:before {
    content: "\E226"
}

.c-icon--plus-circle-medium:before {
    content: "\E228"
}

.c-icon--times-circle-medium:before {
    content: "\E229"
}

.c-icon--square-warning:before {
    content: "\E230"
}

.c-icon--square-question:before {
    content: "\E231"
}

.c-icon--plus-square-o:before {
    content: "\E232"
}

.c-icon--minus-square-o:before {
    content: "\E233"
}

.c-icon--square-times:before {
    content: "\E234"
}

.c-icon--square-arrow-up:before {
    content: "\E235"
}

.c-icon--square-arrow-down:before {
    content: "\E236"
}

.c-icon--square-arrow-right:before {
    content: "\E237"
}

.c-icon--square-arrow-left:before {
    content: "\E238"
}

.c-icon--square-chevron-left:before {
    content: "\E239"
}

.c-icon--square-chevron-right:before {
    content: "\E240"
}

.c-icon--square-chevron-down:before {
    content: "\E241"
}

.c-icon--square-chevron-up:before {
    content: "\E242"
}

.c-icon--cmd:before {
    content: "\E24A"
}

.c-icon--cmd-small:before {
    content: "\E24B"
}

.c-icon--shift:before {
    content: "\E24C"
}

.c-icon--shift-small:before {
    content: "\E24D"
}

.c-icon--chevron-up-down:before {
    content: "\E24F"
}

.c-icon--chevron-right:before {
    content: "\E250"
}

.c-icon--chevron-left:before {
    content: "\E251"
}

.c-icon--chevron-down:before {
    content: "\E252"
}

.c-icon--chevron-up:before {
    content: "\E253"
}

.c-icon--chevron-medium-right:before {
    content: "\E254"
}

.c-icon--chevron-medium-left:before {
    content: "\E255"
}

.c-icon--chevron-medium-down:before {
    content: "\E256"
}

.c-icon--chevron-medium-up:before {
    content: "\E257"
}

.c-icon--chevron-large-right:before {
    content: "\E258"
}

.c-icon--chevron-large-left:before {
    content: "\E259"
}

.c-icon--chevron-large-up:before {
    content: "\E260"
}

.c-icon--chevron-large-down:before {
    content: "\E261"
}

.c-icon--arrow-large-right:before {
    content: "\E262"
}

.c-icon--arrow-large-left:before {
    content: "\E263"
}

.c-icon--arrow-large-up:before {
    content: "\E264"
}

.c-icon--arrow-large-down:before {
    content: "\E265"
}

.c-icon--caret-outline-left:before {
    content: "\E266"
}

.c-icon--caret-outline-right:before {
    content: "\E267"
}

.c-icon--caret-outline-up:before {
    content: "\E268"
}

.c-icon--caret-outline-down:before {
    content: "\E269"
}

.c-icon--caret-up:before {
    content: "\E270"
}

.c-icon--caret-down:before {
    content: "\E271"
}

.c-icon--caret-right:before {
    content: "\E272"
}

.c-icon--caret-left:before {
    content: "\E273"
}

.c-icon--angle-arrow-down-left:before {
    content: "\E274"
}

.c-icon--angle-arrow-down-right:before {
    content: "\E275"
}

.c-icon--angle-arrow-up-right:before {
    content: "\E276"
}

.c-icon--angle-arrow-up-left:before {
    content: "\E277"
}

.c-icon--times:before {
    content: "\E278"
}

.c-icon--plus:before {
    content: "\E279"
}

.c-icon--minus:before {
    content: "\E280"
}

.c-icon--plus-small:before {
    content: "\E281"
}

.c-icon--minus-small:before {
    content: "\E282"
}

.c-icon--exclamation-small:before {
    content: "\E283"
}

.c-icon--question-small:before {
    content: "\E284"
}

.c-icon--check-small:before {
    content: "\E285"
}

.c-icon--arrow-right:before {
    content: "\E286"
}

.c-icon--arrow-left:before {
    content: "\E287"
}

.c-icon--arrow-up:before {
    content: "\E288"
}

.c-icon--arrow-down:before {
    content: "\E289"
}

.c-icon--arrow-right-medium:before {
    content: "\E290"
}

.c-icon--arrow-left-medium:before {
    content: "\E291"
}

.c-icon--arrow-up-medium:before {
    content: "\E292"
}

.c-icon--arrow-down-medium:before {
    content: "\E293"
}

.c-icon--times-small:before {
    content: "\E294"
}

.c-icon--sync:before {
    content: "\E295"
}

.c-icon--replies:before {
    content: "\E296"
}

.c-icon--angle-arrow-down-right-alt:before {
    content: "\E297"
}

.c-icon--angle-arrow-up-right-alt:before {
    content: "\E298"
}

.c-icon--angle-arrow-up-left-alt:before {
    content: "\E299"
}

.c-icon--angle-arrow-down-left-alt:before {
    content: "\E300"
}

.c-icon--check-small-bold:before {
    content: "\E301"
}

.c-icon--enter:before {
    content: "\E302"
}

.c-icon--expand-vertical:before {
    content: "\E303"
}

.c-icon--collapse-vertical:before {
    content: "\E304"
}

.c-icon--android-upload:before {
    content: "\E305"
}

.c-icon--plus-thick:before {
    content: "\E306"
}

.c-icon--arrow-ne-large:before {
    content: "\E307"
}

.c-icon--arrow-nw-large:before {
    content: "\E308"
}

.c-icon--arrow-sw-large:before {
    content: "\E309"
}

.c-icon--arrow-se-large:before {
    content: "\E310"
}

.c-icon--arrow-ne-medium:before {
    content: "\E311"
}

.c-icon--arrow-nw-medium:before {
    content: "\E312"
}

.c-icon--arrow-sw-medium:before {
    content: "\E313"
}

.c-icon--arrow-se-medium:before {
    content: "\E314"
}

.c-icon--arrow-ne-small:before {
    content: "\E315"
}

.c-icon--arrow-nw-small:before {
    content: "\E316"
}

.c-icon--arrow-sw-small:before {
    content: "\E317"
}

.c-icon--arrow-se-small:before {
    content: "\E318"
}

.c-icon--check-large-bold:before {
    content: "\E319"
}

.c-icon--sort:before {
    content: "\E31A"
}

.c-icon--sort-bold:before {
    content: "\E31B"
}

.c-icon--check-large:before {
    content: "\E320"
}

.c-icon--times-medium:before {
    content: "\E321"
}

.c-icon--real-checkbox-empty:before {
    content: "\E322"
}

.c-icon--real-checkbox-checked:before {
    content: "\E323"
}

.c-icon--real-checkbox-checked-o:before {
    content: "\E324"
}

.c-icon--circle-checkbox-empty:before {
    content: "\E325"
}

.c-icon--circle-checkbox-checked:before {
    content: "\E326"
}

.c-icon--circle-checkbox-checked-o:before {
    content: "\E327"
}

.c-icon--times-large:before {
    content: "\E328"
}

.c-icon--radio-selected:before {
    content: "\E329"
}

.c-icon--media-next:before {
    content: "\E330"
}

.c-icon--media-previous:before {
    content: "\E331"
}

.c-icon--media-rewind:before {
    content: "\E332"
}

.c-icon--media-fastforward:before {
    content: "\E333"
}

.c-icon--file-generic:before {
    content: "\E400"
}

.c-icon--file-generic-small:before {
    content: "\E401"
}

.c-icon--file-google:before {
    content: "\E472"
}

.c-icon--file-google-small:before {
    content: "\E473"
}

.c-icon--calls:before {
    content: "\E478"
}

.c-icon--calls-small:before {
    content: "\E479"
}

.c-icon--calls-ended:before {
    content: "\E480"
}

.c-icon--calls-ended-small:before {
    content: "\E481"
}

.c-icon--file-figma:before {
    content: "\E482"
}

.c-icon--file-figma-small:before {
    content: "\E483"
}

.c-icon--file-font:before {
    content: "\E484"
}

.c-icon--file-font-small:before {
    content: "\E485"
}

.c-icon--file-generic-tiny:before {
    content: "\E4A0"
}

.c-icon--file-google-tiny:before {
    content: "\E4F5"
}

.c-icon--file-font-tiny:before {
    content: "\E4F9"
}

.c-icon--star:before {
    content: "\E500"
}

.c-icon--unstar:before {
    content: "\E501"
}

.c-icon--bell:before {
    content: "\E502"
}

.c-icon--lock:before {
    content: "\E503"
}

.c-icon--external-link-small:before {
    content: "\E504"
}

.c-icon--external-link-large:before {
    content: "\E505"
}

.c-icon--presence-online:before {
    content: "\E506"
}

.c-icon--presence-offline:before {
    content: "\E507"
}

.c-icon--presence-dnd:before {
    content: "\E508"
}

.c-icon--presence-external-online:before, .c-icon--presence-ra-online:before, .c-icon--restricted-user:before {
    content: "\E509"
}

.c-icon--lock-medium:before {
    content: "\E50A"
}

.c-icon--bell-slash-filled:before {
    content: "\E50B"
}

.c-icon--presence-external-offline:before, .c-icon--presence-ra-offline:before {
    content: "\E510"
}

.c-icon--presence-external-dnd:before, .c-icon--presence-ra-dnd:before {
    content: "\E511"
}

.c-icon--presence-ura-online:before, .c-icon--single-channel-guest:before {
    content: "\E512"
}

.c-icon--presence-ura-offline:before {
    content: "\E513"
}

.c-icon--presence-ura-dnd:before {
    content: "\E514"
}

.c-icon--heart:before {
    content: "\E515"
}

.c-icon--quote:before {
    content: "\E516"
}

.c-icon--cog:before {
    content: "\E517"
}

.c-icon--comment:before {
    content: "\E518"
}

.c-icon--minus-circle-small:before {
    content: "\E519"
}

.c-icon--times-circle-small-filled:before, .c-icon--times-circle-small:before {
    content: "\E520"
}

.c-icon--multiparty-dm-2:before {
    content: "\E521"
}

.c-icon--multiparty-dm-3:before {
    content: "\E522"
}

.c-icon--multiparty-dm-4:before {
    content: "\E523"
}

.c-icon--multiparty-dm-5:before {
    content: "\E524"
}

.c-icon--multiparty-dm-6:before {
    content: "\E525"
}

.c-icon--multiparty-dm-7:before {
    content: "\E526"
}

.c-icon--multiparty-dm-8:before {
    content: "\E527"
}

.c-icon--multiparty-dm-9:before {
    content: "\E528"
}

.c-icon--poo-filled:before {
    content: "\E529"
}

.c-icon--channels-filled:before {
    content: "\E52A"
}

.c-icon--dm-filled:before {
    content: "\E52B"
}

.c-icon--more-filled:before {
    content: "\E52C"
}

.c-icon--reorder-filled:before {
    content: "\E52D"
}

.c-icon--circle-fill:before {
    content: "\E530"
}

.c-icon--flag-filled:before {
    content: "\E531"
}

.c-icon--refresh-small:before {
    content: "\E532"
}

.c-icon--snooze-filled:before {
    content: "\E533"
}

.c-icon--archived-channel:before {
    content: "\E534"
}

.c-icon--presence-dnd-offline:before {
    content: "\E535"
}

.c-icon--presence-external-dnd-offline:before, .c-icon--presence-ra-dnd-offline:before {
    content: "\E536"
}

.c-icon--presence-ura-dnd-offline:before {
    content: "\E537"
}

.c-icon--presence-mobile-dnd:before {
    content: "\E538"
}

.c-icon--play-filled:before {
    content: "\E539"
}

.c-icon--broadcast-filled:before {
    content: "\E540"
}

.c-icon--small-star-filled:before {
    content: "\E541"
}

.c-icon--small-comment-filled:before {
    content: "\E542"
}

.c-icon--paperplane-filled:before {
    content: "\E543"
}

.c-icon--file-wo-filled:before {
    content: "\E544"
}

.c-icon--file-large-wo-filled:before {
    content: "\E545"
}

.c-icon--highlight-filled:before {
    content: "\E546"
}

.c-icon--pin-filled:before, .c-icon--thumb-tack-filled:before {
    content: "\E547"
}

.c-icon--close-filled:before {
    content: "\E548"
}

.c-icon--share-filled:before {
    content: "\E549"
}

.c-icon--pencil-filled:before {
    content: "\E550"
}

.c-icon--side-panel-filled:before {
    content: "\E551"
}

.c-icon--add-reaction-filled:before {
    content: "\E552"
}

.c-icon--mentions-filled:before {
    content: "\E553"
}

.c-icon--small-reply-filled:before {
    content: "\E554"
}

.c-icon--user-filled:before {
    content: "\E555"
}

.c-icon--microphone-on:before {
    content: "\E556"
}

.c-icon--camera-on:before {
    content: "\E557"
}

.c-icon--screenshare-on:before {
    content: "\E558"
}

.c-icon--shared-channels:before {
    content: "\E559"
}

.c-icon--heart-large-filled:before {
    content: "\E560"
}

.c-icon--thumbs-up-filled:before {
    content: "\E561"
}

.c-icon--thumbs-down-filled:before {
    content: "\E562"
}

.c-icon--slow-network:before {
    content: "\E563"
}

.c-icon--sparkles-filled:before {
    content: "\E564"
}

.c-icon--small-warning-filled:before {
    content: "\E565"
}

.c-icon--deactivated-user:before {
    content: "\E566"
}

.c-icon--lock-small:before {
    content: "\E567"
}

.c-icon--sc-baseline:before, .c-icon--shared-channels-baseline:before {
    content: "\E568"
}

.c-icon--sc-pending:before, .c-icon--shared-channels-pending:before {
    content: "\E569"
}

.c-icon--sc-baseline-pending:before, .c-icon--shared-channels-baseline-pending:before {
    content: "\E570"
}

.c-icon--cloud-offline-filled:before {
    content: "\E571"
}

.c-icon--cloud-offline-small-filled:before {
    content: "\E572"
}

.c-icon--lock-large:before {
    content: "\E573"
}

.c-icon--input-file-active:before {
    content: "\E574"
}

.c-icon--input-img-active:before {
    content: "\E575"
}

.c-icon--input-integration-active:before {
    content: "\E576"
}

.c-icon--checkbox-full:before {
    content: "\E577"
}

.c-icon--add-reaction-bg:before {
    content: "\E578"
}

.c-icon--small-reaction-bg:before {
    content: "\E579"
}

.c-icon--camera-photo-filled:before {
    content: "\E57A"
}

.c-icon--verified-filled:before {
    content: "\E57F"
}

.c-icon--info-circle-filled:before {
    content: "\E580"
}

.c-icon--exclamation-circle-filled:before {
    content: "\E581"
}

.c-icon--missing-emoji:before {
    content: "\E582"
}

.c-icon--warning-filled:before {
    content: "\E583"
}

.c-icon--eye-filled:before {
    content: "\E584"
}

.c-icon--circle-minus-filled:before {
    content: "\E585"
}

.c-icon--bolt-filled:before {
    content: "\E586"
}

.c-icon--snooze-filled-small:before {
    content: "\E587"
}

.c-icon--bookmark-filled:before {
    content: "\E588"
}

.c-icon--face-filled:before {
    content: "\E589"
}

.c-icon--home-filled:before {
    content: "\E590"
}

.c-icon--video-camera-filled:before {
    content: "\E591"
}

.c-icon--shared-channels-outline:before {
    content: "\E592"
}

.c-icon--multiparty-dm-10:before {
    content: "\E5A1"
}

.c-icon--multiparty-dm-11:before {
    content: "\E5A2"
}

.c-icon--multiparty-dm-12:before {
    content: "\E5A3"
}

.c-icon--multiparty-dm-13:before {
    content: "\E5A4"
}

.c-icon--multiparty-dm-14:before {
    content: "\E5A5"
}

.c-icon--multiparty-dm-15:before {
    content: "\E5A6"
}

.c-icon--search-selected:before {
    content: "\E610"
}

.c-icon--search-plus:before {
    content: "\E611"
}

.c-icon--form-checkbox-empty:before {
    content: "\E700"
}

.c-icon--form-checkbox-checked:before {
    content: "\E701"
}

.c-icon--form-radio-empty:before {
    content: "\E702"
}

.c-icon--form-radio-checked:before {
    content: "\E703"
}

.c-icon--form-checkbox-check:before {
    content: "\E704"
}

.c-icon--form-radio-circle:before {
    content: "\E705"
}

.c-icon--form-checkbox-dash:before {
    content: "\E706"
}

.c-icon--slack-pillow:before, .c-icon--slack:before {
    content: "\E800"
}

.c-icon--apple:before {
    content: "\E802"
}

.c-icon--android:before {
    content: "\E803"
}

.c-icon--twitter:before {
    content: "\E804"
}

.c-icon--github:before {
    content: "\E805"
}

.c-icon--dropbox:before {
    content: "\E806"
}

.c-icon--google:before {
    content: "\E807"
}

.c-icon--windows:before {
    content: "\E808"
}

.c-icon--youtube:before {
    content: "\E809"
}

.c-icon--google-drive:before {
    content: "\E810"
}

.c-icon--skype:before {
    content: "\E811"
}

.c-icon--rss:before {
    content: "\E812"
}

.c-icon--facebook:before {
    content: "\E813"
}

.c-icon--asana:before {
    content: "\E814"
}

.c-icon--linkedin:before {
    content: "\E815"
}

.c-icon--tumblr:before {
    content: "\E816"
}

.c-icon--instagram:before {
    content: "\E817"
}

.c-icon--google-plus:before {
    content: "\E818"
}

.c-icon--soundcloud:before {
    content: "\E819"
}

.c-icon--flickr:before {
    content: "\E820"
}

.c-icon--pinterest:before {
    content: "\E821"
}

.c-icon--tripit:before {
    content: "\E822"
}

.c-icon--hangouts:before {
    content: "\E823"
}

.c-icon--viber:before {
    content: "\E824"
}

.c-icon--line:before {
    content: "\E825"
}

.c-icon--facebook-messenger:before {
    content: "\E826"
}

.c-icon--1password:before {
    content: "\E827"
}

.c-icon--box:before {
    content: "\E828"
}

.c-icon--box-square:before {
    content: "\E829"
}

.c-icon--google-play:before {
    content: "\E830"
}

.c-icon--spotify:before {
    content: "\E831"
}

.c-icon--siriusxm:before {
    content: "\E832"
}

.c-icon--stitcher:before {
    content: "\E833"
}

.c-icon--pocket-casts:before {
    content: "\E834"
}

.c-icon--onedrive:before {
    content: "\E835"
}

.c-icon--zoho:before {
    content: "\E836"
}

.c-icon--dropbox-paper:before {
    content: "\E837"
}

.c-icon--filetype {
    width: 50px
}

.c-icon--filetype:before {
    content: "\E400";
    color: #3aa3e3
}

.c-icon--filetype:after {
    background-color: #3aa3e3
}

.c-icon--filetype:before {
    font-size: 50px
}

.c-icon--filetype-large {
    width: 60px
}

.c-icon--filetype-large:before {
    content: "\E400";
    color: #3aa3e3
}

.c-icon--filetype-large:after {
    background-color: #3aa3e3
}

.c-icon--filetype-large:before {
    font-size: 60px
}

.c-icon--filetype-small {
    width: 40px
}

.c-icon--filetype-small:before {
    content: "\E401";
    color: #3aa3e3
}

.c-icon--filetype-small:after {
    background-color: #3aa3e3
}

.c-icon--filetype-small:before {
    font-size: 40px
}

.c-icon--filetype-tiny {
    width: 20px
}

.c-icon--filetype-tiny:before {
    content: "\E4A0";
    color: #3aa3e3
}

.c-icon--filetype-tiny:after {
    background-color: #3aa3e3
}

.c-icon--filetype-tiny:before {
    font-size: 20px
}

.c-icon--file-spaces:before {
    content: "\E402";
    color: #66c79e
}

.c-icon--file-spaces:after {
    background-color: #66c79e
}

.c-icon--file-spaces-small:before {
    content: "\E403";
    color: #66c79e
}

.c-icon--file-spaces-small:after {
    background-color: #66c79e
}

.c-icon--file-spaces-tiny:before {
    content: "\E4AA";
    color: #66c79e
}

.c-icon--file-spaces-tiny:after {
    background-color: #66c79e
}

.c-icon--file-image:before {
    content: "\E404";
    color: #3aa3e3
}

.c-icon--file-image:after {
    background-color: #3aa3e3
}

.c-icon--file-image-small:before {
    content: "\E405";
    color: #3aa3e3
}

.c-icon--file-image-small:after {
    background-color: #3aa3e3
}

.c-icon--file-image-tiny:before {
    content: "\E4AB";
    color: #3aa3e3
}

.c-icon--file-image-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-pdf:before {
    content: "\E406";
    color: #db4437
}

.c-icon--file-pdf:after {
    background-color: #db4437
}

.c-icon--file-pdf-small:before {
    content: "\E407";
    color: #db4437
}

.c-icon--file-pdf-small:after {
    background-color: #db4437
}

.c-icon--file-pdf-tiny:before {
    content: "\E4AC";
    color: #db4437
}

.c-icon--file-pdf-tiny:after {
    background-color: #db4437
}

.c-icon--file-audio:before {
    content: "\E408";
    color: #3aa3e3
}

.c-icon--file-audio:after {
    background-color: #3aa3e3
}

.c-icon--file-audio-small:before {
    content: "\E409";
    color: #3aa3e3
}

.c-icon--file-audio-small:after {
    background-color: #3aa3e3
}

.c-icon--file-audio-tiny:before {
    content: "\E4AD";
    color: #3aa3e3
}

.c-icon--file-audio-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-video:before {
    content: "\E410";
    color: #3aa3e3
}

.c-icon--file-video:after {
    background-color: #3aa3e3
}

.c-icon--file-video-small:before {
    content: "\E411";
    color: #3aa3e3
}

.c-icon--file-video-small:after {
    background-color: #3aa3e3
}

.c-icon--file-video-tiny:before {
    content: "\E4AE";
    color: #3aa3e3
}

.c-icon--file-video-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-presentation:before {
    content: "\E412";
    color: #3aa3e3
}

.c-icon--file-presentation:after {
    background-color: #3aa3e3
}

.c-icon--file-presentation-small:before {
    content: "\E413";
    color: #3aa3e3
}

.c-icon--file-presentation-small:after {
    background-color: #3aa3e3
}

.c-icon--file-presentation-tiny:before {
    content: "\E4AF";
    color: #3aa3e3
}

.c-icon--file-presentation-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-email:before {
    content: "\E414";
    color: #3aa3e3
}

.c-icon--file-email:after {
    background-color: #3aa3e3
}

.c-icon--file-email-small:before {
    content: "\E415";
    color: #3aa3e3
}

.c-icon--file-email-small:after {
    background-color: #3aa3e3
}

.c-icon--file-email-tiny:before {
    content: "\E4BA";
    color: #3aa3e3
}

.c-icon--file-email-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-vector:before {
    content: "\E416";
    color: #3aa3e3
}

.c-icon--file-vector:after {
    background-color: #3aa3e3
}

.c-icon--file-vector-small:before {
    content: "\E417";
    color: #3aa3e3
}

.c-icon--file-vector-small:after {
    background-color: #3aa3e3
}

.c-icon--file-vector-tiny:before {
    content: "\E4BB";
    color: #3aa3e3
}

.c-icon--file-vector-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-spreadsheet:before {
    content: "\E418";
    color: #3aa3e3
}

.c-icon--file-spreadsheet:after {
    background-color: #3aa3e3
}

.c-icon--file-spreadsheet-small:before {
    content: "\E419";
    color: #3aa3e3
}

.c-icon--file-spreadsheet-small:after {
    background-color: #3aa3e3
}

.c-icon--file-spreadsheet-tiny:before {
    content: "\E4BC";
    color: #3aa3e3
}

.c-icon--file-spreadsheet-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-media-archive:before {
    content: "\E420";
    color: #3aa3e3
}

.c-icon--file-media-archive:after {
    background-color: #3aa3e3
}

.c-icon--file-media-archive-small:before {
    content: "\E421";
    color: #3aa3e3
}

.c-icon--file-media-archive-small:after {
    background-color: #3aa3e3
}

.c-icon--file-media-archive-tiny:before {
    content: "\E4BD";
    color: #3aa3e3
}

.c-icon--file-media-archive-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-archive:before {
    content: "\E422";
    color: #3aa3e3
}

.c-icon--file-archive:after {
    background-color: #3aa3e3
}

.c-icon--file-archive-small:before {
    content: "\E423";
    color: #3aa3e3
}

.c-icon--file-archive-small:after {
    background-color: #3aa3e3
}

.c-icon--file-archive-tiny:before {
    content: "\E4BE";
    color: #3aa3e3
}

.c-icon--file-archive-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-executable:before {
    content: "\E424";
    color: #3aa3e3
}

.c-icon--file-executable:after {
    background-color: #3aa3e3
}

.c-icon--file-executable-small:before {
    content: "\E425";
    color: #3aa3e3
}

.c-icon--file-executable-small:after {
    background-color: #3aa3e3
}

.c-icon--file-executable-tiny:before {
    content: "\E4BF";
    color: #3aa3e3
}

.c-icon--file-executable-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-disk-image:before {
    content: "\E426";
    color: #3aa3e3
}

.c-icon--file-disk-image:after {
    background-color: #3aa3e3
}

.c-icon--file-disk-image-small:before {
    content: "\E427";
    color: #3aa3e3
}

.c-icon--file-disk-image-small:after {
    background-color: #3aa3e3
}

.c-icon--file-disk-image-tiny:before {
    content: "\E4CA";
    color: #3aa3e3
}

.c-icon--file-disk-image-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-cad:before {
    content: "\E428";
    color: #3aa3e3
}

.c-icon--file-cad:after {
    background-color: #3aa3e3
}

.c-icon--file-cad-small:before {
    content: "\E429";
    color: #3aa3e3
}

.c-icon--file-cad-small:after {
    background-color: #3aa3e3
}

.c-icon--file-cad-tiny:before {
    content: "\E4CB";
    color: #3aa3e3
}

.c-icon--file-cad-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-3d-graphic:before {
    content: "\E430";
    color: #3aa3e3
}

.c-icon--file-3d-graphic:after {
    background-color: #3aa3e3
}

.c-icon--file-3d-graphic-small:before {
    content: "\E431";
    color: #3aa3e3
}

.c-icon--file-3d-graphic-small:after {
    background-color: #3aa3e3
}

.c-icon--file-3d-graphic-tiny:before {
    content: "\E4CC";
    color: #3aa3e3
}

.c-icon--file-3d-graphic-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-database:before {
    content: "\E432";
    color: #3aa3e3
}

.c-icon--file-database:after {
    background-color: #3aa3e3
}

.c-icon--file-database-small:before {
    content: "\E433";
    color: #3aa3e3
}

.c-icon--file-database-small:after {
    background-color: #3aa3e3
}

.c-icon--file-database-tiny:before {
    content: "\E4CD";
    color: #3aa3e3
}

.c-icon--file-database-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-binary:before {
    content: "\E434";
    color: #3aa3e3
}

.c-icon--file-binary:after {
    background-color: #3aa3e3
}

.c-icon--file-binary-small:before {
    content: "\E435";
    color: #3aa3e3
}

.c-icon--file-binary-small:after {
    background-color: #3aa3e3
}

.c-icon--file-binary-tiny:before {
    content: "\E4CE";
    color: #3aa3e3
}

.c-icon--file-binary-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-markdown:before {
    content: "\E436";
    color: #3aa3e3
}

.c-icon--file-markdown:after {
    background-color: #3aa3e3
}

.c-icon--file-markdown-small:before {
    content: "\E437";
    color: #3aa3e3
}

.c-icon--file-markdown-small:after {
    background-color: #3aa3e3
}

.c-icon--file-markdown-tiny:before {
    content: "\E4CF";
    color: #3aa3e3
}

.c-icon--file-markdown-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-text-post:before {
    content: "\E438";
    color: #66c79e
}

.c-icon--file-text-post:after {
    background-color: #66c79e
}

.c-icon--file-text-post-small:before {
    content: "\E439";
    color: #66c79e
}

.c-icon--file-text-post-small:after {
    background-color: #66c79e
}

.c-icon--file-text-post-tiny:before {
    content: "\E4DA";
    color: #66c79e
}

.c-icon--file-text-post-tiny:after {
    background-color: #66c79e
}

.c-icon--file-html:before {
    content: "\E440";
    color: #3aa3e3
}

.c-icon--file-html:after {
    background-color: #3aa3e3
}

.c-icon--file-html-small:before {
    content: "\E441";
    color: #3aa3e3
}

.c-icon--file-html-small:after {
    background-color: #3aa3e3
}

.c-icon--file-html-tiny:before {
    content: "\E4DB";
    color: #3aa3e3
}

.c-icon--file-html-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-code:before {
    content: "\E442";
    color: #3aa3e3
}

.c-icon--file-code:after {
    background-color: #3aa3e3
}

.c-icon--file-code-small:before {
    content: "\E443";
    color: #3aa3e3
}

.c-icon--file-code-small:after {
    background-color: #3aa3e3
}

.c-icon--file-code-tiny:before {
    content: "\E4DC";
    color: #3aa3e3
}

.c-icon--file-code-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-css:before {
    content: "\E444";
    color: #3aa3e3
}

.c-icon--file-css:after {
    background-color: #3aa3e3
}

.c-icon--file-css-small:before {
    content: "\E445";
    color: #3aa3e3
}

.c-icon--file-css-small:after {
    background-color: #3aa3e3
}

.c-icon--file-css-tiny:before {
    content: "\E4DD";
    color: #3aa3e3
}

.c-icon--file-css-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-php:before {
    content: "\E446";
    color: #3aa3e3
}

.c-icon--file-php:after {
    background-color: #3aa3e3
}

.c-icon--file-php-small:before {
    content: "\E447";
    color: #3aa3e3
}

.c-icon--file-php-small:after {
    background-color: #3aa3e3
}

.c-icon--file-php-tiny:before {
    content: "\E4DE";
    color: #3aa3e3
}

.c-icon--file-php-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-snippet:before {
    content: "\E448";
    color: #4d394b
}

.c-icon--file-snippet:after {
    background-color: #4d394b
}

.c-icon--file-snippet-small:before {
    content: "\E449";
    color: #4d394b
}

.c-icon--file-snippet-small:after {
    background-color: #4d394b
}

.c-icon--file-snippet-tiny:before {
    content: "\E4DF";
    color: #4d394b
}

.c-icon--file-snippet-tiny:after {
    background-color: #4d394b
}

.c-icon--file-word:before {
    content: "\E450";
    color: #2c4098
}

.c-icon--file-word:after {
    background-color: #2c4098
}

.c-icon--file-word-small:before {
    content: "\E451";
    color: #2c4098
}

.c-icon--file-word-small:after {
    background-color: #2c4098
}

.c-icon--file-word-tiny:before {
    content: "\E4EA";
    color: #2c4098
}

.c-icon--file-word-tiny:after {
    background-color: #2c4098
}

.c-icon--file-excel:before {
    content: "\E452";
    color: #377437
}

.c-icon--file-excel:after {
    background-color: #377437
}

.c-icon--file-excel-small:before {
    content: "\E453";
    color: #377437
}

.c-icon--file-excel-small:after {
    background-color: #377437
}

.c-icon--file-excel-tiny:before {
    content: "\E4EB";
    color: #377437
}

.c-icon--file-excel-tiny:after {
    background-color: #377437
}

.c-icon--file-powerpoint:before {
    content: "\E454";
    color: #e05a30
}

.c-icon--file-powerpoint:after {
    background-color: #e05a30
}

.c-icon--file-powerpoint-small:before {
    content: "\E455";
    color: #e05a30
}

.c-icon--file-powerpoint-small:after {
    background-color: #e05a30
}

.c-icon--file-powerpoint-tiny:before {
    content: "\E4EC";
    color: #e05a30
}

.c-icon--file-powerpoint-tiny:after {
    background-color: #e05a30
}

.c-icon--file-illustrator:before {
    content: "\E456";
    color: #f4993c
}

.c-icon--file-illustrator:after {
    background-color: #f4993c
}

.c-icon--file-illustrator-small:before {
    content: "\E457";
    color: #f4993c
}

.c-icon--file-illustrator-small:after {
    background-color: #f4993c
}

.c-icon--file-illustrator-tiny:before {
    content: "\E4ED";
    color: #f4993c
}

.c-icon--file-illustrator-tiny:after {
    background-color: #f4993c
}

.c-icon--file-photoshop:before {
    content: "\E458";
    color: #56b6de
}

.c-icon--file-photoshop:after {
    background-color: #56b6de
}

.c-icon--file-photoshop-small:before {
    content: "\E459";
    color: #56b6de
}

.c-icon--file-photoshop-small:after {
    background-color: #56b6de
}

.c-icon--file-photoshop-tiny:before {
    content: "\E4EE";
    color: #56b6de
}

.c-icon--file-photoshop-tiny:after {
    background-color: #56b6de
}

.c-icon--file-indesign:before {
    content: "\E460";
    color: #eb81ab
}

.c-icon--file-indesign:after {
    background-color: #eb81ab
}

.c-icon--file-indesign-small:before {
    content: "\E461";
    color: #eb81ab
}

.c-icon--file-indesign-small:after {
    background-color: #eb81ab
}

.c-icon--file-indesign-tiny:before {
    content: "\E4EF";
    color: #eb81ab
}

.c-icon--file-indesign-tiny:after {
    background-color: #eb81ab
}

.c-icon--file-adobe-flash:before {
    content: "\E462";
    color: #a72428
}

.c-icon--file-adobe-flash:after {
    background-color: #a72428
}

.c-icon--file-adobe-flash-small:before {
    content: "\E463";
    color: #a72428
}

.c-icon--file-adobe-flash-small:after {
    background-color: #a72428
}

.c-icon--file-adobe-flash-tiny:before {
    content: "\E4F0";
    color: #a72428
}

.c-icon--file-adobe-flash-tiny:after {
    background-color: #a72428
}

.c-icon--file-adobe-swf:before {
    content: "\E464";
    color: #a72428
}

.c-icon--file-adobe-swf:after {
    background-color: #a72428
}

.c-icon--file-adobe-swf-small:before {
    content: "\E465";
    color: #a72428
}

.c-icon--file-adobe-swf-small:after {
    background-color: #a72428
}

.c-icon--file-adobe-swf-tiny:before {
    content: "\E4F1";
    color: #a72428
}

.c-icon--file-adobe-swf-tiny:after {
    background-color: #a72428
}

.c-icon--file-iphone-app:before {
    content: "\E466";
    color: #9ea0a7
}

.c-icon--file-iphone-app:after {
    background-color: #9ea0a7
}

.c-icon--file-iphone-app-small:before {
    content: "\E467";
    color: #9ea0a7
}

.c-icon--file-iphone-app-small:after {
    background-color: #9ea0a7
}

.c-icon--file-iphone-app-tiny:before {
    content: "\E4F2";
    color: #9ea0a7
}

.c-icon--file-iphone-app-tiny:after {
    background-color: #9ea0a7
}

.c-icon--file-android-app:before {
    content: "\E468";
    color: #a4ca3a
}

.c-icon--file-android-app:after {
    background-color: #a4ca3a
}

.c-icon--file-android-app-small:before {
    content: "\E469";
    color: #a4ca3a
}

.c-icon--file-android-app-small:after {
    background-color: #a4ca3a
}

.c-icon--file-android-app-tiny:before {
    content: "\E4F3";
    color: #a4ca3a
}

.c-icon--file-android-app-tiny:after {
    background-color: #a4ca3a
}

.c-icon--file-dropbox:before {
    content: "\E470";
    color: #007ee5
}

.c-icon--file-dropbox:after {
    background-color: #007ee5
}

.c-icon--file-dropbox-small:before {
    content: "\E471";
    color: #007ee5
}

.c-icon--file-dropbox-small:after {
    background-color: #007ee5
}

.c-icon--file-dropbox-tiny:before {
    content: "\E4F4";
    color: #007ee5
}

.c-icon--file-dropbox-tiny:after {
    background-color: #007ee5
}

.c-icon--file-dropbox-paper:before {
    content: "\E488";
    color: #007ee5
}

.c-icon--file-dropbox-paper:after {
    background-color: #007ee5
}

.c-icon--file-dropbox-paper-small:before {
    content: "\E489";
    color: #007ee5
}

.c-icon--file-dropbox-paper-small:after {
    background-color: #007ee5
}

.c-icon--file-dropbox-paper-tiny:before {
    content: "\E4FB";
    color: #007ee5
}

.c-icon--file-dropbox-paper-tiny:after {
    background-color: #007ee5
}

.c-icon--file-dropbox-papert:before {
    content: "\E488";
    color: #007ee5
}

.c-icon--file-dropbox-papert:after {
    background-color: #007ee5
}

.c-icon--file-dropbox-papert-small:before {
    content: "\E489";
    color: #007ee5
}

.c-icon--file-dropbox-papert-small:after {
    background-color: #007ee5
}

.c-icon--file-dropbox-papert-tiny:before {
    content: "\E4FB";
    color: #007ee5
}

.c-icon--file-dropbox-papert-tiny:after {
    background-color: #007ee5
}

.c-icon--file-google-presentation:before {
    content: "\E472";
    color: #f4b400
}

.c-icon--file-google-presentation:after {
    background-color: #f4b400
}

.c-icon--file-google-presentation-small:before {
    content: "\E473";
    color: #f4b400
}

.c-icon--file-google-presentation-small:after {
    background-color: #f4b400
}

.c-icon--file-google-presentation-tiny:before {
    content: "\E4F5";
    color: #f4b400
}

.c-icon--file-google-presentation-tiny:after {
    background-color: #f4b400
}

.c-icon--file-google-spreadsheet:before {
    content: "\E472";
    color: #0f9d58
}

.c-icon--file-google-spreadsheet:after {
    background-color: #0f9d58
}

.c-icon--file-google-spreadsheet-small:before {
    content: "\E473";
    color: #0f9d58
}

.c-icon--file-google-spreadsheet-small:after {
    background-color: #0f9d58
}

.c-icon--file-google-spreadsheet-tiny:before {
    content: "\E4F5";
    color: #0f9d58
}

.c-icon--file-google-spreadsheet-tiny:after {
    background-color: #0f9d58
}

.c-icon--file-google-document:before {
    content: "\E472";
    color: #4285f4
}

.c-icon--file-google-document:after {
    background-color: #4285f4
}

.c-icon--file-google-document-small:before {
    content: "\E473";
    color: #4285f4
}

.c-icon--file-google-document-small:after {
    background-color: #4285f4
}

.c-icon--file-google-document-tiny:before {
    content: "\E4F5";
    color: #4285f4
}

.c-icon--file-google-document-tiny:after {
    background-color: #4285f4
}

.c-icon--file-google-form:before {
    content: "\E472";
    color: #db4437
}

.c-icon--file-google-form:after {
    background-color: #db4437
}

.c-icon--file-google-form-small:before {
    content: "\E473";
    color: #db4437
}

.c-icon--file-google-form-small:after {
    background-color: #db4437
}

.c-icon--file-google-form-tiny:before {
    content: "\E4F5";
    color: #db4437
}

.c-icon--file-google-form-tiny:after {
    background-color: #db4437
}

.c-icon--file-qtz:before {
    content: "\E474";
    color: #3aa3e3
}

.c-icon--file-qtz:after {
    background-color: #3aa3e3
}

.c-icon--file-qtz-small:before {
    content: "\E475";
    color: #3aa3e3
}

.c-icon--file-qtz-small:after {
    background-color: #3aa3e3
}

.c-icon--file-qtz-tiny:before {
    content: "\E4F6";
    color: #3aa3e3
}

.c-icon--file-qtz-tiny:after {
    background-color: #3aa3e3
}

.c-icon--file-sketch:before {
    content: "\E476";
    color: #f4993c
}

.c-icon--file-sketch:after {
    background-color: #f4993c
}

.c-icon--file-sketch-small:before {
    content: "\E477";
    color: #f4993c
}

.c-icon--file-sketch-small:after {
    background-color: #f4993c
}

.c-icon--file-sketch-tiny:before {
    content: "\E4F7";
    color: #f4993c
}

.c-icon--file-sketch-tiny:after {
    background-color: #f4993c
}

.c-icon--file-figma-tiny:before {
    content: "\E4F8";
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-icon--file-figma-tiny:after {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-icon--file-zoho:before {
    content: "\E486";
    color: #e01e5a
}

.c-icon--file-zoho:after {
    background-color: #e01e5a
}

.c-icon--file-zoho-small:before {
    content: "\E487";
    color: #e01e5a
}

.c-icon--file-zoho-small:after {
    background-color: #e01e5a
}

.c-icon--file-zoho-tiny:before {
    content: "\E4FA";
    color: #e01e5a
}

.c-icon--file-zoho-tiny:after {
    background-color: #e01e5a
}

.c-icon--file-lucidchart:before {
    content: "\E490";
    color: #f96b13
}

.c-icon--file-lucidchart:after {
    background-color: #f96b13
}

.c-icon--file-lucidchart-small:before {
    content: "\E491";
    color: #f96b13
}

.c-icon--file-lucidchart-small:after {
    background-color: #f96b13
}

.c-icon--file-lucidchart-tiny:before {
    content: "\E4FC";
    color: #f96b13
}

.c-icon--file-lucidchart-tiny:after {
    background-color: #f96b13
}

.c-icon--file-lucidpress:before {
    content: "\E490";
    color: #00c2a8
}

.c-icon--file-lucidpress:after {
    background-color: #00c2a8
}

.c-icon--file-lucidpress-small:before {
    content: "\E491";
    color: #00c2a8
}

.c-icon--file-lucidpress-small:after {
    background-color: #00c2a8
}

.c-icon--file-lucidpress-tiny:before {
    content: "\E4FC";
    color: #00c2a8
}

.c-icon--file-lucidpress-tiny:after {
    background-color: #00c2a8
}

.c-icon--file-lucidspark:before {
    content: "\E490";
    color: #ff3d3d
}

.c-icon--file-lucidspark:after {
    background-color: #ff3d3d
}

.c-icon--file-lucidspark-small:before {
    content: "\E491";
    color: #ff3d3d
}

.c-icon--file-lucidspark-small:after {
    background-color: #ff3d3d
}

.c-icon--file-lucidspark-tiny:before {
    content: "\E4FC";
    color: #ff3d3d
}

.c-icon--file-lucidspark-tiny:after {
    background-color: #ff3d3d
}

.p-autoclog__hook {
    display: contents
}

.p-autoclog__viewer {
    display: inline;
    vertical-align: top;
    position: relative
}

.p-autoclog__viewer_icon_and_details_container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    display: flex;
    cursor: pointer
}

.p-autoclog__viewer_icon {
    position: absolute;
    top: 2px;
    left: 2px;
    outline: 0
}

.p-autoclog__viewer_icon:before {
    display: block;
    content: "";
    animation: x-autoclog__viewer_icon--pulse 1s infinite alternate;
    border: 2px solid #0b4c8c;
    background-color: rgba(100, 0, 100, .1);
    box-shadow: 0 0 0 2px #fff;
    height: 10px;
    width: 10px;
    border-radius: 50%
}

.p-autoclog__viewer_details {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: 400px;
    background: rgba(247, 251, 255, .9);
    color: #0b4c8c;
    text-align: left;
    padding: 15px;
    overflow-y: scroll;
    font-weight: 500;
    border: 2px solid #0b4c8c
}

@keyframes x-autoclog__viewer_icon--pulse {
    0% {
        opacity: 0;
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        opacity: .5;
        transform: scale(1)
    }
}

.autoclog_toggle {
    width: 50px;
    height: 28px;
    border-radius: 100px;
    border: 2px solid rgba(0, 0, 0, .6);
    background: #fff;
    cursor: pointer
}

.autoclog_toggle--active {
    border: 2px solid #0b4c8c
}

.autoclog_toggle__lever_container {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.autoclog_toggle__lever {
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, .6);
    transition: all .2s ease-in-out
}

.autoclog_toggle--active .autoclog_toggle__lever {
    left: 51%;
    background: #0b4c8c
}

.p-autoclog_send_viewer_clog {
    position: relative
}

.p-autoclog_send_viewer_clog__content {
    pointer-events: none;
    background: rgba(247, 251, 255, .9);
    color: #0b4c8c;
    text-align: left;
    animation-name: clog;
    animation-duration: 1.5s;
    animation-fill-mode: forwards
}

.p-autoclog_send_viewer_clog__ui_controls {
    position: absolute;
    top: 5px;
    right: 10px
}

.p-autoclog_send_viewer_clog__button {
    padding: 2px 6px;
    margin-left: 4px;
    width: 30px;
    height: 26px
}

.p-autoclog_send_viewer_clog__copy_toast {
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    white-space: nowrap;
    padding: 0 6px
}

.p-autoclog_send_viewer_clog__copy_toast > i {
    position: absolute;
    left: 87px;
    top: -12px;
    color: #000
}

@keyframes clog {
    0% {
        box-shadow: inset 0 0 15px 5px rgba(40, 112, 173, .75)
    }
    to {
        box-shadow: none
    }
}

.p-autoclog_send_viewer {
    position: fixed;
    min-width: 180px;
    max-width: 480px;
    max-height: 100%;
    overflow-y: scroll;
    top: 40px;
    right: 10px;
    z-index: 9999
}

.p-autoclog_send_viewer__ui_controls {
    position: fixed;
    display: flex;
    top: 5px;
    right: 10px
}

.p-autoclog_send_viewer__clear_all {
    margin-right: 6px;
    padding: 0 12px
}

.c-link--button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    line-height: inherit;
    overflow: initial;
    padding: 0;
    text-align: initial;
    vertical-align: initial;
    cursor: pointer;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    text-decoration: none;
    vertical-align: baseline
}

.c-link--button:active, .c-link--button:focus, .c-link--button:hover {
    outline: none
}

.c-link--button:active, .c-link--button:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: underline
}

.c-link--focus-visible:focus {
    outline: none;
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-link--disabled, .c-link--disabled:active, .c-link--disabled:focus, .c-link--disabled:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .75);
    cursor: default;
    pointer-events: none;
    text-decoration: none
}

.c-link--invert {
    color: inherit;
    text-decoration: underline
}

.c-link--invert:active, .c-link--invert:hover, .c-link--invert:visited {
    color: inherit
}

.c-flex_compat_button {
    display: inline-block
}

.c-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    align-items: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.c-button, .c-button:active, .c-button:focus, .c-button:hover {
    text-decoration: none
}

.c-button--primary {
    transition: all 80ms linear;
    background: #007a5a;
    color: #fff;
    font-weight: 900;
    box-shadow: none
}

.c-button--primary:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    visibility: hidden
}

.c-button--primary:link, .c-button--primary:visited {
    color: #fff
}

.c-button--primary:hover {
    color: #fff;
    background: #148567;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.c-button--primary:active {
    background: #006e51;
    box-shadow: none
}

.c-button--primary.c-button--disabled, .c-button--primary.c-button--disabled:active, .c-button--primary.c-button--disabled:hover {
    transition: all 80ms linear;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial;
    box-shadow: none
}

.c-button--danger {
    transition: all 80ms linear;
    background: #e01e5a;
    color: #fff;
    font-weight: 900;
    box-shadow: none
}

.c-button--danger:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    visibility: hidden
}

.c-button--danger:link, .c-button--danger:visited {
    color: #fff
}

.c-button--danger:hover {
    color: #fff;
    background: #e23067;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.c-button--danger:active {
    background: #ca1b51;
    box-shadow: none
}

.c-button--danger.c-button--disabled, .c-button--danger.c-button--disabled:active, .c-button--danger.c-button--disabled:hover {
    transition: all 80ms linear;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial;
    box-shadow: none
}

.c-button--outline {
    transition: all 80ms linear;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.3);
    border: 1px solid var(--saf-0);
    background-clip: padding-box;
    font-weight: 700
}

.c-button--outline, .c-button--outline:link, .c-button--outline:visited {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-button--outline:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-button--outline:active {
    background: hsla(0, 0%, 98.4%, .826);
    box-shadow: none;
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .5)
}

.c-button--outline.c-button--focus-visible:focus, .c-button--outline.focus-ring:focus:not(:hover) {
    border: 1px solid hsla(0, 0%, 100%, 0);
    background-clip: initial
}

.c-button--outline.c-button--disabled, .c-button--outline.c-button--disabled:active, .c-button--outline.c-button--disabled:hover {
    box-shadow: none
}

.c-button--outline:active {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-button--outline-primary {
    transition: all 80ms linear;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid rgba(0, 122, 90, .3);
    background-clip: padding-box;
    color: #007a5a;
    font-weight: 700
}

.c-button--outline-primary:link, .c-button--outline-primary:visited {
    color: #007a5a
}

.c-button--outline-primary:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-button--outline-primary:active {
    background: hsla(0, 0%, 98.4%, .826);
    box-shadow: none;
    border-color: rgba(0, 122, 90, .5)
}

.c-button--outline-primary.c-button--focus-visible:focus, .c-button--outline-primary.focus-ring:focus:not(:hover) {
    border: 1px solid hsla(0, 0%, 100%, 0);
    background-clip: initial
}

.c-button--outline-primary.c-button--disabled, .c-button--outline-primary.c-button--disabled:active, .c-button--outline-primary.c-button--disabled:hover {
    box-shadow: none
}

.c-button--outline-danger {
    transition: all 80ms linear;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid rgba(224, 30, 90, .3);
    background-clip: padding-box;
    color: #e01e5a;
    font-weight: 700
}

.c-button--outline-danger:link, .c-button--outline-danger:visited {
    color: #e01e5a
}

.c-button--outline-danger:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-button--outline-danger:active {
    background: hsla(0, 0%, 98.4%, .826);
    box-shadow: none;
    border-color: rgba(224, 30, 90, .5)
}

.c-button--outline-danger.c-button--focus-visible:focus, .c-button--outline-danger.focus-ring:focus:not(:hover) {
    border: 1px solid hsla(0, 0%, 100%, 0);
    background-clip: initial
}

.c-button--outline-danger.c-button--disabled, .c-button--outline-danger.c-button--disabled:active, .c-button--outline-danger.c-button--disabled:hover {
    box-shadow: none
}

.sk-client-theme--dark .c-button--outline-primary {
    transition: all 80ms linear;
    background: #007a5a;
    color: #fff;
    font-weight: 900;
    box-shadow: none
}

.sk-client-theme--dark .c-button--outline-primary:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    visibility: hidden
}

.sk-client-theme--dark .c-button--outline-primary:link, .sk-client-theme--dark .c-button--outline-primary:visited {
    color: #fff
}

.sk-client-theme--dark .c-button--outline-primary:hover {
    color: #fff;
    background: #148567;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.sk-client-theme--dark .c-button--outline-primary:active {
    background: #006e51;
    box-shadow: none
}

.sk-client-theme--dark .c-button--outline-primary.c-button--disabled, .sk-client-theme--dark .c-button--outline-primary.c-button--disabled:active, .sk-client-theme--dark .c-button--outline-primary.c-button--disabled:hover {
    transition: all 80ms linear;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial;
    box-shadow: none
}

.sk-client-theme--dark .c-button--outline-danger {
    transition: all 80ms linear;
    background: #e01e5a;
    color: #fff;
    font-weight: 900;
    box-shadow: none
}

.sk-client-theme--dark .c-button--outline-danger:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    visibility: hidden
}

.sk-client-theme--dark .c-button--outline-danger:link, .sk-client-theme--dark .c-button--outline-danger:visited {
    color: #fff
}

.sk-client-theme--dark .c-button--outline-danger:hover {
    color: #fff;
    background: #e23067;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.sk-client-theme--dark .c-button--outline-danger:active {
    background: #ca1b51;
    box-shadow: none
}

.sk-client-theme--dark .c-button--outline-danger.c-button--disabled, .sk-client-theme--dark .c-button--outline-danger.c-button--disabled:active, .sk-client-theme--dark .c-button--outline-danger.c-button--disabled:hover {
    transition: all 80ms linear;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial;
    box-shadow: none
}

.c-button--small {
    font-size: 13px;
    height: 28px;
    min-width: 56px;
    padding: 0 12px 1px
}

.c-button--medium {
    font-size: 15px;
    height: 36px;
    min-width: 80px;
    padding: 0 12px 1px
}

.c-button--large {
    font-size: 18px;
    font-weight: 900;
    height: 44px;
    min-width: 96px;
    padding: 0 16px 3px
}

.c-button--disabled {
    transition: all 80ms linear;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial
}

.c-button--focus-visible:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-button.c-button--sonic-placeholder, .c-button.c-button--sonic-placeholder:hover {
    transition: all 80ms linear;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial;
    pointer-events: auto;
    box-shadow: none
}

.c-button--icon {
    min-width: 0;
    padding: 0
}

.c-button--icon .c-deprecated-icon:before {
    display: block;
    line-height: 1
}

.c-button--icon.c-button--small {
    width: 20px;
    height: 20px
}

.c-button--icon.c-button--small .c-deprecated-icon:before {
    font-size: 12px
}

.c-button--icon.c-button--medium {
    width: 28px;
    height: 28px
}

.c-button--icon.c-button--medium .c-deprecated-icon:before {
    font-size: 16px
}

.c-button--icon.c-button--large {
    width: 32px;
    height: 32px
}

.c-button--icon.c-button--large .c-deprecated-icon:before {
    font-size: 20px
}

.c-button-unstyled {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    line-height: inherit;
    overflow: initial;
    padding: 0;
    text-align: initial;
    vertical-align: initial;
    cursor: pointer
}

.c-button-unstyled:active, .c-button-unstyled:focus, .c-button-unstyled:hover {
    outline: none
}

.c-button-unstyled.c-button-unstyled--sonic-placeholder, .c-button-unstyled.c-button-unstyled--sonic-placeholder:hover {
    cursor: default
}

.c-infinite_spinner {
    position: relative;
    margin: 0 auto
}

.c-infinite_spinner--spotlight {
    width: 160px;
    height: 160px
}

.c-infinite_spinner--jumbo {
    width: 52px;
    height: 52px
}

.c-infinite_spinner--large {
    width: 24px;
    height: 24px
}

.c-infinite_spinner--medium {
    width: 18px;
    height: 18px
}

.c-infinite_spinner--small {
    width: 12px;
    height: 12px
}

.c-infinite_spinner--inline {
    margin: 0;
    display: inline-block
}

.c-infinite_spinner__loading_msg {
    margin-left: 12px
}

.c-infinite_spinner__spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-45deg);
    animation: c-infinite_spinner__spin 1.2s cubic-bezier(.25, .29, .54, .86) 0s infinite normal none
}

@keyframes c-infinite_spinner__spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.c-infinite_spinner__tail {
    animation: c-infinite_spinner__spin 1.2s cubic-bezier(.41, .24, .64, .69) 0s infinite normal none
}

.c-infinite_spinner__bg {
    fill: none;
    opacity: .2;
    stroke-width: 8;
    stroke: grey
}

.c-infinite_spinner__path {
    fill: none;
    stroke-width: 8;
    stroke-dasharray: 55, 200;
    stroke-dashoffset: 90;
    stroke-linecap: round
}

.c-infinite_spinner--button-white .c-infinite_spinner__bg, .c-infinite_spinner--button-white .c-infinite_spinner__path, .c-infinite_spinner--white .c-infinite_spinner__path {
    stroke: #fff
}

.c-infinite_spinner--blue .c-infinite_spinner__path {
    stroke: #50acf4
}

.c-infinite_spinner--fast .c-infinite_spinner__spinner {
    animation-duration: .6s
}

.c-aria_live_announcer {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-button-loading__spinner {
    margin-right: 0;
    margin-left: 0;
    transition: width 80ms linear
}

.c-button--loading_spinner--hidden {
    width: 0
}

.c-button-loading__spinner--small {
    margin-left: 8px
}

.c-button-loading__spinner--medium {
    margin-left: 12px
}

.c-button-loading__spinner--large {
    margin-left: 16px
}

.c-mention_badge {
    border-radius: 16px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-left: 4px;
    padding: 0 9px
}

.c-mention_badge--black {
    background: #616061;
    color: #fff
}

.c-mention_badge--red {
    background: #e01e5a;
    color: #fff
}

.c-mention_badge--white {
    background: #fff;
    color: #1264a3
}

.c-callout {
    position: relative;
    top: -1px;
    vertical-align: middle;
    align-items: center;
    font-family: Slack-Lato, appleLogo, sans-serif;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    background-color: #e8f5fa;
    box-shadow: inset 0 0 0 1px rgba(29, 155, 209, .1);
    border-radius: 4px;
    padding: 2px 4px;
    margin-left: 4px;
    line-height: 1.2
}

.c-menu_item__li--highlighted .c-callout, .sk-client-theme--dark .c-callout {
    color: hsla(0, 0%, 100%, .92);
    background-color: hsla(0, 0%, 100%, .08);
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .08)
}

.c-menu_item__li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

[lang] .c-menu_item__li {
    line-height: 28px
}

[lang=ja-JP] .c-menu_item__li {
    line-height: 30.8px
}

.c-menu_item__button, .c-menu_item__button:link, .c-menu_item__button:visited {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: pointer;
    display: flex;
    align-items: center;
    min-height: 28px;
    overflow-x: hidden;
    padding: 0 24px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.c-menu_item__button:active, .c-menu_item__button:focus, .c-menu_item__button:hover, .c-menu_item__button:link:active, .c-menu_item__button:link:focus, .c-menu_item__button:link:hover, .c-menu_item__button:visited:active, .c-menu_item__button:visited:focus, .c-menu_item__button:visited:hover {
    outline: none
}

[lang] .c-menu_item__button, [lang] .c-menu_item__button:link, [lang] .c-menu_item__button:visited {
    font-size: 15px
}

[lang=ja-JP] .c-menu_item__button, [lang=ja-JP] .c-menu_item__button:link, [lang=ja-JP] .c-menu_item__button:visited {
    font-size: 14px
}

[lang] .c-menu_item__button, [lang] .c-menu_item__button:link, [lang] .c-menu_item__button:visited {
    line-height: 28px
}

[lang=ja-JP] .c-menu_item__button, [lang=ja-JP] .c-menu_item__button:link, [lang=ja-JP] .c-menu_item__button:visited {
    line-height: 30.8px
}

.c-menu_item__icon {
    max-width: 28px;
    min-width: 28px;
    height: 28px;
    margin-right: 12px;
    text-align: center;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-menu_item__icon img {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.11);
    border: 1px solid var(--saf-0);
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.c-menu_item__icon.c-menu_item__icon--offline {
    margin-right: 0
}

.c-menu_item--compact .c-menu_item__icon {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    line-height: normal;
    margin-right: 8px;
    overflow: hidden
}

.c-menu_item--compact .c-menu_item__icon.c-menu_item__icon--offline {
    margin-right: 4px
}

.c-menu_item__shortcut {
    padding-left: 8px
}

.c-menu_item__shortcut--fixed-width-character {
    width: 9px;
    text-align: center;
    display: inline-block
}

.c-menu_item__link_icon, .c-menu_item__shortcut {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-menu_item__button--highlighted .c-menu_item__link_icon, .c-menu_item__button--highlighted .c-menu_item__shortcut {
    color: #fff
}

.c-menu_item__link_icon {
    font-size: 16px;
    padding-bottom: 1px
}

.c-menu_item__glimmer {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-weight: 900
}

.c-menu_item__glimmer:before {
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    content: "\E123";
    padding-right: 4px
}

.c-menu_item__description {
    font-size: 13px;
    line-height: .9375;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    padding-bottom: 8px;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.c-menu_item--compact .c-menu_item__description {
    display: inline;
    padding: 0 0 0 4px
}

.c-menu_item--standalone:hover, .c-menu_item--standalone:hover:link, .c-menu_item--standalone:hover:visited, .c-menu_item__button--highlighted, .c-menu_item__button--highlighted:link, .c-menu_item__button--highlighted:visited, .no_touch a.c-menu_item__button--highlighted, .no_touch a.c-menu_item__button--highlighted:link, .no_touch a.c-menu_item__button--highlighted:visited {
    background-color: #1264a3;
    color: #fff;
    text-decoration: none
}

.c-menu_item--standalone:hover .c-menu_item__description, .c-menu_item--standalone:hover .c-menu_item__glimmer, .c-menu_item--standalone:hover .c-menu_item__icon, .c-menu_item--standalone:hover .c-menu_item__icon .c-icon:before, .c-menu_item--standalone:hover:link .c-menu_item__description, .c-menu_item--standalone:hover:link .c-menu_item__glimmer, .c-menu_item--standalone:hover:link .c-menu_item__icon, .c-menu_item--standalone:hover:link .c-menu_item__icon .c-icon:before, .c-menu_item--standalone:hover:visited .c-menu_item__description, .c-menu_item--standalone:hover:visited .c-menu_item__glimmer, .c-menu_item--standalone:hover:visited .c-menu_item__icon, .c-menu_item--standalone:hover:visited .c-menu_item__icon .c-icon:before, .c-menu_item__button--highlighted .c-menu_item__description, .c-menu_item__button--highlighted .c-menu_item__glimmer, .c-menu_item__button--highlighted .c-menu_item__icon, .c-menu_item__button--highlighted .c-menu_item__icon .c-icon:before, .c-menu_item__button--highlighted:link .c-menu_item__description, .c-menu_item__button--highlighted:link .c-menu_item__glimmer, .c-menu_item__button--highlighted:link .c-menu_item__icon, .c-menu_item__button--highlighted:link .c-menu_item__icon .c-icon:before, .c-menu_item__button--highlighted:visited .c-menu_item__description, .c-menu_item__button--highlighted:visited .c-menu_item__glimmer, .c-menu_item__button--highlighted:visited .c-menu_item__icon, .c-menu_item__button--highlighted:visited .c-menu_item__icon .c-icon:before, .no_touch a.c-menu_item__button--highlighted .c-menu_item__description, .no_touch a.c-menu_item__button--highlighted .c-menu_item__glimmer, .no_touch a.c-menu_item__button--highlighted .c-menu_item__icon, .no_touch a.c-menu_item__button--highlighted .c-menu_item__icon .c-icon:before, .no_touch a.c-menu_item__button--highlighted:link .c-menu_item__description, .no_touch a.c-menu_item__button--highlighted:link .c-menu_item__glimmer, .no_touch a.c-menu_item__button--highlighted:link .c-menu_item__icon, .no_touch a.c-menu_item__button--highlighted:link .c-menu_item__icon .c-icon:before, .no_touch a.c-menu_item__button--highlighted:visited .c-menu_item__description, .no_touch a.c-menu_item__button--highlighted:visited .c-menu_item__glimmer, .no_touch a.c-menu_item__button--highlighted:visited .c-menu_item__icon, .no_touch a.c-menu_item__button--highlighted:visited .c-menu_item__icon .c-icon:before {
    color: #fff
}

.c-menu_item__button--danger, .c-menu_item__button--danger .c-menu_item__description, .c-menu_item__button--danger:link, .c-menu_item__button--danger:link .c-menu_item__description, .c-menu_item__button--danger:visited, .c-menu_item__button--danger:visited .c-menu_item__description {
    color: #e01e5a
}

.c-menu_item__button--danger.c-menu_item__button--highlighted, .c-menu_item__button--danger.c-menu_item__button--highlighted:link, .c-menu_item__button--danger.c-menu_item__button--highlighted:visited {
    color: #fff;
    background-color: #e01e5a
}

.c-menu_item__button--danger.c-menu_item__button--highlighted .c-menu_item__description, .c-menu_item__button--danger.c-menu_item__button--highlighted:link .c-menu_item__description, .c-menu_item__button--danger.c-menu_item__button--highlighted:visited .c-menu_item__description {
    color: #fff
}

.c-menu_item__button--disabled, .c-menu_item__button--disabled.c-menu_item__button--danger, .c-menu_item__button--disabled.c-menu_item__button--danger:link, .c-menu_item__button--disabled.c-menu_item__button--danger:visited, .c-menu_item__button--disabled:link, .c-menu_item__button--disabled:visited {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    cursor: auto
}

.c-menu_item__button--disabled.c-menu_item__button--danger .c-menu_item__description, .c-menu_item__button--disabled.c-menu_item__button--danger:link .c-menu_item__description, .c-menu_item__button--disabled.c-menu_item__button--danger:visited .c-menu_item__description, .c-menu_item__button--disabled .c-menu_item__description, .c-menu_item__button--disabled:link .c-menu_item__description, .c-menu_item__button--disabled:visited .c-menu_item__description {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-menu_item--button--subheader_child {
    padding: 0 32px
}

.c-menu_item__button--checked {
    padding-left: 4px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-menu_item__button--checked:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1)
}

.c-menu_item__button--checked.c-menu_item__button--highlighted {
    color: #fff
}

.c-menu_item__checkmark {
    width: 20px;
    top: -2px
}

.c-menu_item__checkbox_dash, .c-menu_item__checkmark {
    flex: 0 0 20px;
    position: relative
}

.c-menu_item__label {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: -1px
}

.c-menu_item--compact .c-menu_item__label {
    line-height: normal
}

.c-menu_item__button.c-menu_item__button--with_submenu:not(.c-menu_item__button--disabled) {
    padding-right: 12px
}

.c-menu_item__submenu-indicator {
    padding-right: 16px
}

.c-menu_item__submenu-indicator:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-menu_item__button--highlighted .c-menu_item__submenu-indicator:before {
    color: #fff
}

.c-menu_item__button--with_submenu .c-mention_badge {
    margin-right: 8px
}

.c-menu_item__new_label {
    position: relative;
    top: -1px;
    margin-left: 8px;
    padding: 2.5px 4px;
    border-radius: 2px;
    background-color: #1d9bd1;
    font-size: 10px;
    font-weight: 700;
    color: #fff
}

.c-menu_item__placeholder {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    margin-top: -4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-menu_item__li--highlighted .c-menu_item__placeholder {
    color: #fff
}

.c-menu_item--sonic-placeholder {
    opacity: .5;
    pointer-events: none
}

.c-menu_item_action_button__container {
    margin-top: 8px;
    padding: 0 16px
}

.c-menu_item_action_button {
    width: 100%
}

.c-menu_item_action_button--highlighted {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-submenu {
    position: relative
}

.c-submenu .c-menu {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .12)
}

.c-submenu__container {
    position: fixed
}

.c-submenu__container--legacy {
    margin-left: 8px;
    margin-right: 8px
}

.c-menu_separator__li {
    line-height: 24px;
    list-style-type: none;
    padding: 8px 0;
    margin: 0
}

.c-menu_separator__li--no_padding {
    padding: 0
}

.c-menu_separator__li--no_top_padding {
    padding-top: 0
}

.c-menu_separator__li--no_bottom_padding {
    padding-bottom: 0
}

.c-menu_separator__li--no_first_child:first-child, .c-menu_separator__li--no_last_child:last-child {
    display: none
}

.c-menu_separator__separator {
    margin: 0;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border-bottom: 0
}

.c-menu {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .12);
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 300px;
    max-width: 360px;
    min-width: 200px;
    z-index: 1012;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
    padding: .1px 0
}

[lang] .c-menu {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .c-menu {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .c-menu {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .c-menu {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .c-menu {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.c-menu__items {
    margin: 0;
    padding: 12px 0
}

.c-menu__items:focus {
    outline: 0
}

.c-menu__items.c-menu__items--no_margin {
    padding: 0
}

.c-popover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.p-client_desktop--frameless .c-popover {
    -webkit-app-region: no-drag
}

.p-client_desktop--frameless.p-client_desktop--ia-top-nav .c-popover:before {
    content: "";
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 38px;
    pointer-events: none;
    -webkit-app-region: drag
}

.p-client_desktop--ia-top-nav .c-popover .c-popover__content {
    -webkit-app-region: no-drag
}

.c-popover--fade {
    animation: c-popover-fade 1s ease 0s 1 normal forwards
}

@keyframes c-popover-fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.c-popover--fade .ReactModal__Content {
    transition: none
}

.c-popover--fade .ReactModal__Content--before-close {
    opacity: 0;
    transition-property: opacity
}

.c-popover--fade.ReactModal__Overlay--before-close, .c-popover--no-pointer {
    pointer-events: none
}

.c-popover--z_above_fs {
    z-index: 1053
}

.c-popover--z_fs {
    z-index: 1041
}

.c-popover--z_menu {
    z-index: 1042
}

.c-popover--z_below_menu {
    z-index: 1001
}

.c-select_button {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    cursor: pointer
}

.c-select_button:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-select_button:focus:-moz-placeholder, .c-select_button:focus:-ms-input-placeholder, .c-select_button:focus::-moz-placeholder, .c-select_button:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-select_button[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-select_button--small {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    height: 28px;
    padding: 0 8px
}

.c-select_button--medium {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    height: 36px;
    padding: 0 12px
}

.c-select_button--large {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 400;
    height: 44px;
    padding: 0 12px
}

.c-select_button:active:focus, .c-select_button:hover:focus {
    border-color: transparent
}

.c-select_button:active .c-select_button__icon, .c-select_button:hover .c-select_button__icon {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-select_button:active {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-select_button:not(:focus) {
    transition: border 0s
}

.c-select_button__content {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-select_button__icon, .c-select_button__placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_button__icon--small {
    margin-left: 8px;
    width: 8px
}

.c-select_button__icon--large, .c-select_button__icon--medium {
    margin-left: 12px;
    width: 12px
}

.c-select_button--invalid {
    border-color: #e01e5a
}

.c-select_button--invalid:focus, .c-select_button--invalid:focus-within {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3)
}

.c-select_button--text-select {
    border: none;
    background-color: transparent;
    justify-content: flex-start
}

.c-select_button--text-select:active {
    background-color: transparent;
    box-shadow: none
}

.c-select_button--text-select.c-select_button--disabled {
    border: none;
    background-color: transparent;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-select_button--text-select.c-select_button--disabled .c-select_button__icon {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-select_button--text-select-label {
    margin-right: 4px;
    font-weight: 700
}

.c-select_button--disabled {
    transition: all 80ms linear;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .75);
    cursor: default;
    pointer-events: none;
    text-shadow: none;
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    background-clip: initial
}

.c-select_options_list__wrapper {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 6px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 5px 10px rgba(0, 0, 0, .12);
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1012
}

.c-select_options_list__wrapper .c-select_options_list {
    height: 100%;
    overflow-y: auto
}

.c-select_options_list .ReactVirtualized__Grid__innerScrollContainer {
    will-change: transform
}

.c-select_options_list:focus {
    outline-width: 0
}

.c-select_options_list__empty_state {
    padding: 12px 0
}

.c-select_options_list__loading_state {
    display: flex;
    align-items: center;
    padding: 12px 24px
}

.c-select_options_list__loading_state_message {
    margin-left: 8px
}

.c-select_options_list__option {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: pointer;
    padding: 0 24px;
    box-sizing: border-box
}

.c-select_options_list__option:active, .c-select_options_list__option:focus {
    outline: none
}

.c-select_options_list__option--disabled {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-select_options_list__option--disabled:hover {
    cursor: default;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-select_options_list__option--empty-state {
    cursor: auto
}

.c-select_options_list__option--selected {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-select_options_list__option--selected:before {
    font-family: Slack v2;
    content: "\E285";
    margin: 0 2px 0 -18px
}

.c-select_options_list__option--active {
    background-color: #1264a3;
    color: #fff
}

.c-select_options_list__option--active.c-select_options_list__option--disabled {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-select_options_list__option_label {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box
}

.c-select_options_list__clear_option {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-select_options_list__clear_option.c-select_options_list__option--active {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.sk-client-theme--dark .c-select_options_list__clear_option.c-select_options_list__option--active {
    color: #fff
}

.c-select_options_list__group_header {
    pointer-events: none;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-select_options_list__group_option {
    padding-left: 32px
}

.c-select_options_list__divider {
    padding: 0;
    pointer-events: none
}

.c-select_options__divider {
    margin: 5px 0;
    width: 100%
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-corner {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-track {
    border-left: 4px solid rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-right: 4px solid rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 6px/4px
}

.c-select_options_list__option .c-base_list_entity--medium, .c-select_options_list__option .c-base_list_entity--small {
    padding-left: 0;
    padding-right: 0
}

.c-select_options_list__option--disabled .c-base_list_entity--highlight-dim {
    background: none
}

.c-inline_alert {
    align-items: baseline;
    color: #e01e5a;
    font-weight: 400;
    display: flex;
    margin: 8px 0 4px
}

.c-inline_alert__icon {
    margin-right: 4px
}

.c-inline_alert__text {
    flex: 1
}

.c-hint {
    font-size: 13px;
    line-height: 1.38461538;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400;
    margin: 4px 0 20px
}

.c-alert + .c-hint {
    margin-top: -8px
}

.c-base_list_entity {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.c-base_list_entity__primary_content {
    flex: 1;
    flex-shrink: 2;
    min-width: 0
}

.c-base_list_entity__secondary_content {
    flex: 0;
    width: 100%;
    margin-left: 12px
}

.c-base_list_entity--dim {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-base_list_entity--highlight-dark {
    color: #fff;
    background-color: #1264a3
}

.c-base_list_entity--highlight-dim {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-base_list_entity--highlight-dim, .c-base_list_entity--highlight-light {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-base_list_entity--highlight-dark .c-small_mpim_entity__mpim_counter {
    box-shadow: 0 0 0 2px #1264a3
}

.c-base_list_entity--small {
    padding: 6px
}

.c-base_list_entity--small.c-base_list_entity--active {
    color: #fff;
    background-color: #1264a3
}

.c-base_list_entity--medium {
    padding: 12px
}

.c-base_list_entity--medium.c-base_list_entity--active {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-base_entity__avatar {
    flex: none
}

.c-base_entity__text {
    min-width: 0
}

.c-base_entity__text-contents {
    display: flex;
    justify-content: space-between;
    min-width: 0;
    width: 100%
}

.c-base_entity--has-avatar {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.c-base_entity--dim {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1)
}

.c-base_entity--medium {
    min-height: 36px
}

.c-base_entity--medium .c-base_entity__text-contents {
    flex-direction: column
}

.c-base_entity--medium.c-base_entity--has-avatar .c-base_entity__text-contents {
    margin-top: -4px;
    margin-bottom: -4px
}

.c-base_entity--medium .c-base_entity__avatar {
    margin-right: 12px
}

.c-base_entity--medium.c-base_entity--vertically-center {
    align-items: center
}

.c-base_entity--medium .c-base_entity__subtext ~ .c-base_entity__metadata {
    margin-top: 4px
}

.c-base_entity--small {
    line-height: 20px;
    display: flex;
    align-items: center
}

.c-base_entity--small .c-base_entity__avatar {
    margin-right: 8px
}

.c-base_entity__metadata, .c-base_entity__subtext {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-base_entity__metadata, .c-tooltip__tip {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.c-tooltip__tip {
    display: inline-block;
    color: #fff;
    background-color: #000;
    max-width: 200px;
    padding: 8px 12px 10px;
    border-radius: 8px;
    position: relative;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word
}

.c-tooltip__tip--large {
    max-width: 400px
}

.c-tooltip__tip__arrow {
    position: absolute;
    width: 8.48528137px;
    height: 8.48528137px;
    background: #000
}

.c-tooltip__tip--left {
    margin-right: 8px
}

.c-tooltip__tip--left .c-tooltip__tip__arrow {
    border-left-color: #000;
    right: -6px;
    top: 50%;
    transform-origin: top right;
    transform: rotate(45deg)
}

.c-tooltip__tip--right {
    margin-left: 8px
}

.c-tooltip__tip--right .c-tooltip__tip__arrow {
    border-right-color: #000;
    left: -6px;
    top: 50%;
    transform-origin: top left;
    transform: rotate(-45deg)
}

.c-tooltip__tip--top {
    margin-bottom: 8px
}

.c-tooltip__tip--top .c-tooltip__tip__arrow {
    border-top-color: #000;
    bottom: -6px;
    left: 50%;
    transform-origin: bottom left;
    transform: rotate(-45deg)
}

.c-tooltip__tip--top-left {
    margin-bottom: 8px
}

.c-tooltip__tip--top-left .c-tooltip__tip__arrow {
    border-top-color: #000;
    bottom: -6px;
    left: 50%;
    left: 25%;
    transform-origin: bottom left;
    transform: rotate(-45deg)
}

.c-tooltip__tip--top-right {
    margin-bottom: 8px
}

.c-tooltip__tip--top-right .c-tooltip__tip__arrow {
    border-top-color: #000;
    bottom: -6px;
    left: 50%;
    transform-origin: bottom left;
    transform: rotate(-45deg);
    left: auto;
    right: 25%;
    transform-origin: bottom right;
    transform: rotate(45deg)
}

.c-tooltip__tip--bottom {
    margin-top: 8px
}

.c-tooltip__tip--bottom .c-tooltip__tip__arrow {
    border-bottom-color: #000;
    top: -6px;
    left: 50%;
    transform-origin: top left;
    transform: rotate(45deg)
}

.c-tooltip__tip--bottom-left {
    margin-top: 8px
}

.c-tooltip__tip--bottom-left .c-tooltip__tip__arrow {
    border-bottom-color: #000;
    top: -6px;
    left: 50%;
    transform-origin: top left;
    transform: rotate(45deg);
    left: 25%
}

.c-tooltip__tip--bottom-right {
    margin-top: 8px
}

.c-tooltip__tip--bottom-right .c-tooltip__tip__arrow {
    border-bottom-color: #000;
    top: -6px;
    left: 50%;
    transform-origin: top left;
    transform: rotate(45deg);
    left: auto;
    right: 25%;
    transform-origin: top right;
    transform: rotate(-45deg)
}

.sk-client-theme--dark .c-tooltip__tip {
    background-color: #000;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0)
}

.sk-client-theme--dark .c-tooltip__tip__arrow {
    background-color: #000;
    background-clip: content-box;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0)
}

.sk-client-theme--dark .c-tooltip__tip--top-left .c-tooltip__tip__arrow, .sk-client-theme--dark .c-tooltip__tip--top .c-tooltip__tip__arrow {
    border-top: none;
    border-right: none
}

.sk-client-theme--dark .c-tooltip__tip--top-right .c-tooltip__tip__arrow {
    border-top: none;
    border-left: none
}

.sk-client-theme--dark .c-tooltip__tip--bottom-left .c-tooltip__tip__arrow, .sk-client-theme--dark .c-tooltip__tip--bottom .c-tooltip__tip__arrow, .sk-client-theme--dark .c-tooltip__tip--right .c-tooltip__tip__arrow {
    border-bottom: none;
    border-right: none
}

.sk-client-theme--dark .c-tooltip__tip--bottom-right .c-tooltip__tip__arrow, .sk-client-theme--dark .c-tooltip__tip--left .c-tooltip__tip__arrow {
    border-bottom: none;
    border-left: none
}

.c-tooltip__tip.c-tooltip__tip--success, .c-tooltip__tip.c-tooltip__tip--success .c-tooltip__tip__arrow {
    background-color: #007a5a
}

.c-tooltip__tip.c-tooltip__tip--success.c-tooltip__tip--left .c-tooltip__tip__arrow {
    border-left-color: #007a5a
}

.c-tooltip__tip.c-tooltip__tip--success.c-tooltip__tip--right .c-tooltip__tip__arrow {
    border-right-color: #007a5a
}

.c-tooltip__tip.c-tooltip__tip--success.c-tooltip__tip--top-left .c-tooltip__tip__arrow, .c-tooltip__tip.c-tooltip__tip--success.c-tooltip__tip--top-right .c-tooltip__tip__arrow, .c-tooltip__tip.c-tooltip__tip--success.c-tooltip__tip--top .c-tooltip__tip__arrow {
    border-top-color: #007a5a
}

.c-tooltip__tip.c-tooltip__tip--success.c-tooltip__tip--bottom-left .c-tooltip__tip__arrow, .c-tooltip__tip.c-tooltip__tip--success.c-tooltip__tip--bottom-right .c-tooltip__tip__arrow, .c-tooltip__tip.c-tooltip__tip--success.c-tooltip__tip--bottom .c-tooltip__tip__arrow {
    border-bottom-color: #007a5a
}

.c-tooltip__tip--channel, .c-tooltip__tip--member {
    max-width: 500px
}

.c-tooltip__tip--channel .c-base_inline_entity--dim {
    color: inherit
}

.c-tooltip__tip--member {
    padding: 6px 12px 6px 6px
}

.c-tooltip__tip--link {
    max-width: 400px;
    text-align: left
}

.c-tooltip__sonic_placeholder {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .7)
}

.c-tooltip__subtitle {
    color: hsla(0, 0%, 100%, .7)
}

.c-truncate--break_words {
    word-break: break-all
}

.c-missing_icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 3px
}

.c-missing_icon--unknown {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-missing_icon--unknown_inverted {
    background-color: #fff;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-missing_icon--non_existent {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0)
}

.c-missing_icon--non_existent_inverted {
    background: none;
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0)
}

.c-missing_icon--subtler {
    opacity: .4
}

.c-missing_text {
    border-radius: 1000px;
    display: inline-block;
    height: 8px
}

.c-missing_text--unknown {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-missing_text--non-existent {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0)
}

.c-missing_text--subtler {
    opacity: .4
}

.c-missing_team {
    display: inline-block;
    width: 80px;
    height: .55rem;
    border-radius: 1.1rem
}

.c-missing_team--unknown {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-missing_team--nonexistent {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0)
}

.c-missing_team--subtler {
    opacity: .4
}

.c-missing_text--unknown_inverted {
    background-color: #fff;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-missing_text--non_existent_inverted {
    background: none;
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0)
}

.c-team_icon {
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    border-radius: 3px
}

.c-team_icon:after {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px
}

.c-team_icon--default {
    flex-shrink: 0;
    background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    overflow: hidden;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.c-team_icon--default, .c-team_icon--pending {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 700
}

.c-team_icon--pending {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 2px dashed var(--saf-0);
    background-color: transparent;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    text-shadow: none
}

.c-team_icon--pending:after {
    display: none
}

.p-org_card_container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 100%;
    max-width: 350px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 8px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.p-org_card_container:focus {
    outline: none
}

.p-org_card_header {
    display: flex;
    align-items: center;
    padding: 24px 24px 0
}

.p-org_card_header__icon {
    margin-right: 12px
}

.p-org_card_header__right {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.p-org_card_header__title {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    max-width: 219px
}

.p-org_card_header__inline {
    display: inherit
}

.p-org_card_header__subtitle {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-org_card_header__verified_icon {
    margin-left: 4px;
    margin-right: 4px;
    color: #4a154b
}

.sk-client-theme--dark .p-org_card_header__verified_icon {
    color: #fff
}

.p-org_card_body {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    word-wrap: break-word;
    padding: 16px 24px 20px
}

.p-org_card_footer {
    padding: 12px 24px 24px
}

.p-org_card_footer, .p-org_card_footer_expanded {
    justify-content: flex-start;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.p-org_card_footer_expanded {
    padding: 12px 24px;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-org_card_footer_icon {
    color: #4a154b;
    margin-right: 1.6px
}

.sk-client-theme--dark .p-org_card_footer_icon {
    color: #fff
}

.p-org_card_footer_text {
    white-space: pre-wrap;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-team_entity__icon {
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 3px;
    display: inline-block
}

.c-team_entity__icon--error {
    color: #e01e5a;
    margin-right: 6px
}

.c-team_entity__icon--default {
    background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    font-style: normal;
    font-weight: 900;
    overflow: hidden;
    text-align: center
}

.c-team_entity__verified_icon {
    margin-left: 4px;
    color: #4a154b
}

.c-team_entity__verified_link, .c-team_entity__verified_link:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.sk-client-theme--dark .c-team_entity__verified_icon {
    color: #fff
}

.p-refreshed_page {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
    align-items: center;
    max-width: 800px
}

.p-refreshed_page__heading {
    font-family: 'osavenir', 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 46px;
    max-width: 700px;
    text-align: center;
    letter-spacing: -.75px;
    margin-bottom: 10px;
    color: #1b1b1b;
}

.p-refreshed_page__sub_heading {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 32px;
    color: #1778bb;
    max-width: 700px;
    text-align: center
}

.p-refreshed_page__header {
    padding: 48px 0 40px;
    width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns:repeat(3, 1fr)
}

.p-refreshed_page__header .center-col {
    text-align: center
}

.p-refreshed_page__header .right-col {
    display: flex;
    justify-content: flex-end
}

.p-refreshed_page__header .p-confirmed_email_pill {
    margin-left: auto;
    margin-right: 16px
}

@media screen and (max-width: 480px) {
    .p-refreshed_page__header .right-col {
        display: none
    }
}

@media screen and (max-width: 960px) {
    .p-refreshed_page__header--should_wrap .center-col, .p-refreshed_page__header--should_wrap .left-col, .p-refreshed_page__header--should_wrap .right-col {
        grid-column: span 3
    }

    .p-refreshed_page__header--should_wrap .right-col {
        text-align: center;
        margin-top: 16px
    }

    .p-refreshed_page__header--should_wrap .p-confirmed_email_pill {
        margin-right: auto
    }
}

.p-refreshed_page__header--is_horchata_landing_bg {
    background: rgba(244, 237, 228, .5)
}

.p-refreshed_page__header--no_logo {
    padding: 32px 0 24px
}

.p-refreshed_page__header_spacer {
    flex: 1
}

@media screen and (max-width: 480px) {
    .p-refreshed_page__header_spacer {
        display: none;
        flex: unset
    }
}

.p-refreshed_page__header_sidelink {
    text-align: right;
    font-size: 13px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    padding-right: 40px
}

.p-refreshed_page__footer_container {
    margin: 32px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.p-refreshed_page__footer_container .p-app_slack_logo {
    margin-bottom: 16px
}

.p-refreshed_page__footer {
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: center;
    padding: 0;
    border: none;
    text-align: center
}

@media screen and (max-width: 480px) {
    .p-refreshed_page__footer {
        flex-direction: column
    }
}

.p-refreshed_page__footer_link {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: #696969;
    margin-right: 16px;
    font-weight: 500;
    letter-spacing: -.2px;
    margin-bottom: 4px
}

.p-refreshed_page__footer_link:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-refreshed_page__footer_link--main {
    text-align: center
}

@media screen and (max-width: 480px) {
    .p-refreshed_page__footer_link--main {
        margin: 0 0 16px
    }
}

.p-refreshed_page__footer_locales {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 24px;
    margin-right: 24px;
    margin-left: 24px;
    max-width: 600px
}

body.p-refreshed_page__footer_modal--open {
    overflow: hidden;
    min-height: 100%;
    height: auto
}

.p-refreshed_page__footer_overlay {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.c-alert {
    display: flex
}

.c-alert .c-link--button, .c-alert a {
    color: inherit;
    text-decoration: underline
}

.c-alert--level_default {
    border-radius: 4px;
    background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), .1);
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.4);
    border: 1px solid var(--saf-0)
}

.c-alert--level_default .c-alert__icon {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-alert--level_info {
    border-radius: 4px;
    background-color: rgba(29, 155, 209, .1);
    border: 1px solid rgba(29, 155, 209, .4)
}

.c-alert--level_info .c-alert__icon {
    color: #1d9bd1
}

.c-alert--level_success {
    border-radius: 4px;
    background-color: rgba(0, 122, 90, .1);
    border: 1px solid rgba(0, 122, 90, .4)
}

.c-alert--level_success .c-alert__icon {
    color: #007a5a
}

.c-alert--level_warning {
    border-radius: 4px;
    background-color: rgba(232, 145, 45, .1);
    border: 1px solid rgba(232, 145, 45, .4)
}

.c-alert--level_warning .c-alert__icon {
    color: #e8912d
}

.c-alert--level_error {
    border-radius: 4px;
    background-color: rgba(224, 30, 90, .1);
    border: 1px solid rgba(224, 30, 90, .4)
}

.c-alert--level_error .c-alert__icon {
    color: #e01e5a
}

.c-alert--boxed, .c-alert--custom {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.46666667;
    padding: 12px 16px
}

.c-alert--inline {
    padding: 8px 16px
}

.c-alert--inline, .c-alert--nested_box {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 400;
    font-size: 13px;
    line-height: 1.38461538
}

.c-alert--nested_box {
    margin: 0 0 12px;
    padding: 8px 12px 10px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.c-alert--multiline .c-alert__heading {
    display: block
}

.c-alert--align_center {
    justify-content: center
}

.c-alert--align_left {
    justify-content: flex-start
}

.c-alert--align_right {
    justify-content: flex-end
}

.c-alert__icon {
    align-self: flex-start;
    margin-right: 12px
}

.c-alert--nested_box .c-alert__icon {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    font-size: 16px
}

.c-input_text {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    padding-top: 3px;
    padding-bottom: 5px;
    width: 100%;
    font-size: 15px;
    line-height: 1.86666667;
    line-height: normal;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-input_text:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-input_text:focus:-moz-placeholder, .c-input_text:focus:-ms-input-placeholder, .c-input_text:focus::-moz-placeholder, .c-input_text:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-input_text[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-input_text::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_text:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_text::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_text::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_text::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_text--with_default {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border: 1px solid var(--saf-0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_text--with_default:focus {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    --saf-1: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    border-radius: 4px
}

.c-input_text--with_info {
    border: 1px solid #1d9bd1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_text--with_info:focus {
    box-shadow: 0 0 0 1px #1d9bd1, 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-input_text--with_success {
    border: 1px solid #007a5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_text--with_success:focus {
    box-shadow: 0 0 0 1px #007a5a, 0 0 0 5px rgba(0, 122, 90, .3);
    border-radius: 4px
}

.c-input_text--with_warning {
    border: 1px solid #e8912d;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_text--with_warning:focus {
    box-shadow: 0 0 0 1px #e8912d, 0 0 0 5px rgba(232, 145, 45, .3);
    border-radius: 4px
}

.c-input_text--with_error {
    border: 1px solid #e01e5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_text--with_error:focus {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

.c-input_text--with_inline_alert, .c-input_text--with_inline_alert.c-input_text--with_error {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.c-input_text--large {
    padding: 12px;
    height: 44px;
    padding-top: 11px;
    padding-bottom: 13px;
    font-size: 18px;
    line-height: 1.33333333
}

.c-input_text--small {
    padding: 8px;
    height: 28px;
    padding-top: 7px;
    padding-bottom: 9px;
    padding-bottom: 7px;
    font-size: 13px;
    line-height: 1.38461538
}

.c-input_text--with_inline_alert {
    border-color: #e01e5a
}

.c-input_text--with_inline_alert:focus, .c-input_text--with_inline_alert:focus-within {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3)
}

.c-input_text--with_hint {
    margin-bottom: 0
}

.c-input_text--with_icon {
    padding-left: 28px
}

.c-input_text--with_icon.c-input_text--large {
    padding-left: 36px
}

.c-input_text_overlay {
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    font-size: 15px;
    line-height: 1.86666667;
    z-index: 3;
    padding-top: 3px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    color: transparent;
    pointer-events: none;
    text-align: left;
    white-space: nowrap;
    font-weight: 400
}

.c-input_text_overlay:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    content: attr(data-overlay-prefix)
}

.c-input_text_overlay:after {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400;
    content: attr(data-overlay-suffix);
    display: inline-block;
    background: transparent;
    margin-left: 1px
}

.c-input_text_overlay--icon {
    margin-left: 16px
}

.c-input_text_overlay--large {
    padding: 12px;
    padding-top: 11px;
    padding-bottom: 13px;
    font-size: 18px;
    line-height: 1.33333333;
    height: 44px
}

.c-input_text_overlay--large.c-input_text_overlay--icon {
    padding-left: 20px
}

.c-input_text_icon {
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 0
}

.c-input_text_icon--large {
    padding: 12px;
    height: 44px;
    padding: 0;
    margin-bottom: 0
}

.c-input_text_icon__icon {
    position: absolute;
    z-index: 3;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    font-size: 15px;
    line-height: 1.86666667;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-left: 4px;
    margin-bottom: 0
}

.c-input_text_icon__icon--small {
    padding-top: 3px;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    height: 28px;
    width: 1em;
    padding-left: 0;
    padding-right: 0
}

.c-input_text_icon__icon--large {
    font-size: 18px;
    line-height: 1.33333333;
    padding: 12px;
    height: 44px;
    margin-left: 12px
}

.c-input_character_count {
    position: relative;
    z-index: 2
}

.c-input_character_count__characters-remaining {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    height: 36px;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.38461538;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: inline-block;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px solid var(--saf-0);
    border-left: 0;
    border-color: transparent;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-clip: padding-box
}

.c-input_character_count--large .c-input_character_count__characters-remaining {
    padding: 12px;
    height: 44px;
    padding-top: 8px;
    font-size: 18px;
    line-height: 1.33333333
}

.c-input_character_count--small .c-input_character_count__characters-remaining {
    padding: 8px;
    height: 28px;
    padding: 4px 12px;
    font-size: 13px;
    line-height: 1.38461538
}

.c-input_character_count__hidden-message {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-input_character_count--multiline .c-input_character_count__characters-remaining {
    border-bottom: 0
}

.c-input_character_count--invalid .c-input_character_count__characters-remaining {
    color: #e01e5a
}

.c-input_character_count--disabled .c-input_character_count__characters-remaining {
    background-color: transparent
}

.c-horizontal_content_rule {
    align-items: center;
    display: flex
}

.c-horizontal_content_rule__leftrule, .c-horizontal_content_rule__rightrule {
    flex-grow: 1;
    margin: 0
}

.c-horizontal_content_rule__content {
    padding: 0 20px
}

.c-third_party_auth {
    display: flex;
    padding: 0
}

.c-third_party_auth:active, .c-third_party_auth:hover {
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.c-third_party_auth:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-third_party_auth__icon {
    margin-right: 12px;
    width: 18px;
    height: 18px
}

.c-google_login {
    background-color: #fff;
   /* border: 2px solid #4285f4; */
    color: #4285f4
}

.c-google_login:active, .c-google_login:hover, .c-google_login:link, .c-google_login:visited {
    color: #325896;
}

.c-google_login::-moz-selection {
    background: #ddd
}

.c-google_login::selection {
    background: #ddd
}

.c-google_login .c-infinite_spinner__path {
    stroke: #4285f4
}

.c-google_login.c-button--disabled .c-google_login__icon, .c-google_login.c-button--disabled .c-google_login__label {
    opacity: .8;
    color: #000
}

.c-apple_login {
    background-color: #fff;
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    border: solid 2px var(--saf-0)
}

.c-apple_login, .c-apple_login:hover, .c-apple_login:link, .c-apple_login:visited {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-apple_login::-moz-selection {
    background: #ddd
}

.c-apple_login::selection {
    background: #ddd
}

.c-apple_login.c-button--disabled .c-apple_login__icon, .c-apple_login.c-button--disabled .c-apple_login__label {
    opacity: .8;
    color: #000
}

.p-get_started__email_app_link {
    font-size: 14px;
    line-height: 20px;
    color: #616061;
    margin: 20px;
    display: flex;
    align-items: center
}

.c-label {
    font-size: 15px;
    line-height: 1.86666667;
    line-height: 1.46666667;
    font-weight: 700
}

.c-label--disabled {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-label__text {
    display: block;
    padding-bottom: 8px
}

.c-label__subtext {
    display: block
}

.c-label__optional_tag, .c-label__subtext {
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-label__optional_tag {
    margin-left: 4px
}

.c-label--block {
    display: block;
    margin: 0
}

.c-label--inline {
    display: flex;
    align-items: baseline;
    vertical-align: middle;
    margin-bottom: 4px
}

.c-label--inline .c-label__text {
    order: 1;
    padding-bottom: 0;
    font-weight: 400;
    position: relative;
    top: -1px
}

.c-label--with_subtext, .c-label--with_subtext .c-label__text {
    font-weight: 700
}

.c-label--pointer {
    cursor: pointer
}

.c-label--pointer[disabled] {
    cursor: default
}

.c-label--with_formatted_text {
    font-weight: 400
}

.c-input_checkbox {
    box-sizing: border-box;
    display: block;
    flex: none;
    margin: 0 12px 0 0;
    padding: 0 12px;
    cursor: pointer;
    font-size: 18px
}

.c-input_checkbox[disabled] {
    cursor: default
}

.c-input_checkbox:focus {
    outline-style: auto
}

.c-input_checkbox--focus-visible:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

input.c-input_checkbox, input[type=checkbox].c-input_checkbox {
    box-sizing: border-box;
    display: block;
    flex: none;
    margin: 0 12px 0 0;
    padding: 0 12px;
    cursor: pointer;
    font-size: 18px
}

input.c-input_checkbox[disabled], input[type=checkbox].c-input_checkbox[disabled] {
    cursor: default
}

input.c-input_checkbox:focus, input[type=checkbox].c-input_checkbox:focus {
    outline-style: auto
}

.c-input_unstyled_checkbox {
    height: 1px;
    width: 1px;
    position: absolute;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.c-input_radio {
    box-sizing: border-box;
    display: block;
    flex: none;
    margin: 0 12px 0 0;
    padding: 0 12px;
    cursor: pointer;
    font-size: 18px
}

.c-input_radio[disabled] {
    cursor: default
}

.c-input_radio:focus {
    outline-style: auto
}

input.c-input_radio, input[type=radio].c-input_radio {
    box-sizing: border-box;
    display: block;
    flex: none;
    margin: 0 12px 0 0;
    padding: 0 12px;
    cursor: pointer;
    font-size: 18px
}

input.c-input_radio[disabled], input[type=radio].c-input_radio[disabled] {
    cursor: default
}

input.c-input_radio:focus, input[type=radio].c-input_radio:focus {
    outline-style: auto
}

.c-legend {
    display: block;
    margin: 0;
    font-size: 15px;
    line-height: 1.86666667;
    line-height: 1.46666667;
    font-weight: 700;
    margin: 0 0 4px
}

.c-legend--disabled {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-radiogroup {
    border: none;
    padding: 0;
    margin: 0 0 20px
}

.c-radiogroup--with_error label.c-label.c-label:last-child, .c-radiogroup--with_hint label.c-label.c-label:last-child, .c-radiogroup > div:last-child .c-input_radio, .email_misc_field.email_misc_field__radio_inline .c-radiogroup {
    margin-bottom: 0
}

.email_misc_field.email_misc_field__radio_inline .c-legend {
    margin-bottom: 5px
}

.email_misc_field.email_misc_field__radio_inline .c-label {
    margin-right: 12px
}

.email_misc_field.email_misc_field__radio_inline input.c-input_radio, .email_misc_field.email_misc_field__radio_inline input[type=radio].c-input_radio {
    margin-right: 4px
}

.confirmation_code_span_cell {
    font-weight: 400;
    font-size: 15px;
    vertical-align: middle
}

.split_input_item {
    --saf-0: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    border: 1px solid var(--saf-0);
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.split_input_item:not(:first-child) {
    border-left: none
}

.split_input_item:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.split_input_item:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.split_input_item.focused {
    border: 1px solid var(--saf-0);
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    --saf-1: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 7px var(--saf-1)
}

.split_input_item input {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    height: 92px;
    width: 100%;
    font-size: 50px;
    line-height: 56px;
    text-align: center;
    border: none;
    background: none;
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .split_input_item input {
        font-size: 2rem;
        padding: .5rem
    }
}

.split_input_item input:active, .split_input_item input:focus, .split_input_item input:hover {
    box-shadow: none;
    outline: none
}

.confirmation_code[data-state=error] .split_input_item {
    border-color: #e01e5a
}

.confirmation_code_checker {
    margin-top: 15px
}

.confirmation_code_checker .confirmation_code_state_message {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.38463;
    text-align: left;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.confirmation_code_checker .confirmation_code_state_message svg.ts_icon_spinner {
    height: 1.1rem;
    width: 1.1rem;
    margin-right: 10px
}

.p-get_started_confirmation_code {
    display: flex;
    flex-direction: column;
    align-items: center
}

.p-get_started_confirmation_code .c-alert--level_default {
    border-color: transparent;
    background-color: transparent
}

.p-get_started_confirmation_code__input_container {
    width: 100%;
    max-width: 500px
}

.p-get_started_confirmation_code__input_fieldset {
    margin: 0;
    padding: 0;
    border: none
}

.p-get_started_confirmation_code__hint {
    font-size: 14px;
    line-height: 20px;
    color: #454245;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .create-new-workspace-alert {
        padding: 1rem !important
    }
}

.create-new-workspace-alert .c-alert__message {
    width: 100%;
    max-width: 100%
}

.create-new-workspace-alert .create-new-workspace-alert__content {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 640px) {
    .create-new-workspace-alert .create-new-workspace-alert__content {
        flex-direction: column
    }
}

@media screen and (min-width: 640px) {
    .create-new-workspace-alert .create-new-workspace-alert__body_copy {
        margin-right: 8px;
        max-width: 62%
    }
}

.create-new-workspace-alert .create-new-workspace-alert__button {
    align-self: center;
    text-decoration: none
}

@media screen and (max-width: 640px) {
    .create-new-workspace-alert .create-new-workspace-alert__button {
        margin-top: 12px;
        width: 100%
    }
}

.c-icon_button {
    align-items: center;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    position: relative
}

.c-icon_button:link {
    text-decoration: none
}

.c-icon_button__badge {
    background: #000;
    border-radius: 50%;
    bottom: 0;
    margin-bottom: 3px;
    position: absolute
}

.c-icon_button--light .c-icon_button__badge {
    background-color: #1264a3
}

.c-icon_button--dark .c-icon_button__badge {
    background-color: #fff
}

.c-icon_button--size_small {
    height: 32px;
    width: 32px
}

.c-icon_button--size_small .c-icon:before {
    font-size: 18px
}

.c-icon_button--size_medium {
    height: 36px;
    width: 36px
}

.c-icon_button.c-button--disabled {
    opacity: .5
}

.c-icon_button--light, .c-icon_button--light.c-button-unstyled, .c-icon_button--light:link {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-icon_button--light.c-button-unstyled:hover, .c-icon_button--light:hover, .c-icon_button--light:link:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-icon_button--light.c-button-unstyled:active, .c-icon_button--light:active, .c-icon_button--light:link:active {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-icon_button--dark, .c-icon_button--dark.c-button-unstyled, .c-icon_button--dark:link {
    color: hsla(0, 0%, 100%, .7)
}

.c-icon_button--dark.c-button-unstyled:hover, .c-icon_button--dark:hover, .c-icon_button--dark:link:hover {
    color: #fff;
    background: hsla(0, 0%, 100%, .05)
}

.c-icon_button--dark.c-button-unstyled:active, .c-icon_button--dark:active, .c-icon_button--dark:link:active {
    background: hsla(0, 0%, 100%, .1)
}

.c-toast {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 350px;
    padding: 10px 16px 12px 16px;
    background: #1d1c1d;
    color: #fff;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    background-clip: padding-box;
    z-index: 1053;
    word-break: break-word;
    font-size: 15px;
    line-height: 22px
}

.c-toast__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.c-toast:hover {
    animation: none;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .08)
}

.c-toast:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    outline: none
}

.c-toast--fade.ReactModal__Content {
    animation: c-toast-fade-in 80ms cubic-bezier(.36, .19, .29, 1) 0s 1 normal forwards
}

.c-toast--fade.ReactModal__Content--before-close {
    animation: c-toast-fade-out 80ms cubic-bezier(.36, .19, .29, 1) 0s 1 normal forwards
}

.c-toast--fade.ReactModal__Overlay--before-close {
    pointer-events: none
}

.c-toast > .c-toast__wrapper ~ * {
    z-index: 1
}

.c-toast > .c-toast__wrapper + .c-deprecated-icon, .c-toast > .c-toast__wrapper + .c-icon {
    margin-right: 8px
}

.c-toast .c-link--button, .c-toast .c-link--button:active, .c-toast .c-link--button:focus, .c-toast .c-link--button:hover, .c-toast a, .c-toast a:active, .c-toast a:focus, .c-toast a:hover {
    color: #fff;
    text-decoration: underline
}

.c-toast__icon {
    margin-top: 2px
}

.c-toast__close-button {
    flex-shrink: 0;
    color: #fff;
    margin-left: 8px;
    margin-top: 2px;
    background: transparent;
    visibility: hidden
}

.c-toast__close-button-wrapper:focus .c-toast__close-button {
    visibility: visible
}

.c-toast--download .c-toast__close-button {
    margin-top: 8px
}

.c-toast--persistent .c-toast__close-button, .c-toast:active .c-toast__close-button, .c-toast:focus .c-toast__close-button, .c-toast:hover .c-toast__close-button {
    visibility: visible
}

.c-toast .c-button--focus-visible:focus, .c-toast .c-link--focus-visible:focus, .c-toast .focus-ring {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px hsla(0, 0%, 100%, .3)
}

@keyframes c-toast-fade-in {
    0% {
        transform: translateY(20px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes c-toast-fade-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(20px);
        opacity: 0
    }
}

.p-error_boundary {
    height: 100%;
    width: 100%;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 202
}

.p-error_boundary__content {
    margin: 16px
}

.p-error_boundary__heading {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 8px
}

.p-error_boundary__error_code_container {
    display: flex;
    justify-content: center
}

.p-error_boundary__error_code {
    line-height: 1.38463;
    font-weight: 400;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    font-size: 13px;
    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
    line-height: 1.50001;
    padding: 8px 12px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 4px
}

.p-error_boundary__icon {
    margin-left: 4px;
    display: inline-block
}

.p-error_boundary__icon--turtle {
    transform: rotate(163deg);
    position: relative;
    top: 6px
}

.p-error_boundary--short {
    flex: 0 0 1em;
    padding: 8px 0
}

.p-error_boundary--short .p-error_boundary__content {
    display: flex;
    align-items: center;
    padding: 0 8px;
    margin: 0;
    width: 100%
}

.p-error_boundary--short .p-error_boundary__content > * {
    margin: 0 8px
}

.p-error_boundary--short .p-error_boundary__heading {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.25
}

.p-error_boundary--short .p-error_boundary__contact_msg {
    margin-bottom: 0
}

.p-error_boundary--short .p-error_boundary__message {
    flex: 1 1 auto;
    text-align: center
}

.p-error_boundary--short .p-error_boundary__icon--turtle {
    top: 4px
}

.p-client_desktop--frameless.p-client_desktop--ia-top-nav .c-sk-modal_portal:after {
    content: "";
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 38px;
    pointer-events: none;
    -webkit-app-region: drag
}

.c-sk-overlay {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

body.p-client_desktop--frameless .c-sk-overlay {
    -webkit-app-region: no-drag
}

.c-sk-overlay:before {
    background: rgba(0, 0, 0, .6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 80ms linear;
    width: 100%
}

.c-sk-overlay.ReactModal__Overlay--after-open:not(.ReactModal__Overlay--before-close):before {
    opacity: 1
}

.c-sk-modal {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .35)
}

.c-sk-modal:focus {
    outline: none
}

.c-sk-modal__speedbump_overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .1);
    z-index: 1
}

.c-sk-modal--faded {
    pointer-events: none
}

.c-sk-modal--faded:after {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .1)
}

.c-sk-modal--fixed {
    height: auto;
    max-width: 520px;
    width: 100%
}

.c-sk-overlay--align-start {
    align-items: flex-start
}

.c-sk-modal--fullscreen {
    height: 100%;
    max-width: 1280px;
    width: 100%
}

.c-sk-modal__close_button {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1
}

.c-sk-modal__close_button--inverted {
    color: #fff;
    background: rgba(29, 28, 29, .7) !important
}

.c-scrollbar {
    position: relative;
    overflow: hidden
}

.c-scrollbar__hider {
    overflow-y: scroll;
    overflow-x: hidden;
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
    right: -50px;
    bottom: 0;
    height: 100%;
    transform: translateZ(0)
}

.c-scrollbar__hider::-webkit-scrollbar {
    display: none
}

.c-scrollbar--inherit_size .c-scrollbar__hider {
    position: relative;
    right: -50px;
    width: calc(100% + 50px)
}

.c-scrollbar__track {
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 4px;
    width: 8px
}

.c-scrollbar__track:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -4px;
    background: none
}

.c-scrollbar--hidden > .c-scrollbar__track {
    display: none
}

.c-scrollbar__bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 4px;
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    opacity: 0;
    cursor: default;
    outline: none;
    z-index: 1;
    will-change: transform
}

.c-scrollbar:hover .c-scrollbar__bar, .c-scrollbar__bar:active {
    opacity: 1
}

.c-scrollbar__bar:active:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: default
}

.c-scrollbar--always_visible .c-scrollbar__bar {
    opacity: 1
}

.c-scrollbar--monkey .c-scrollbar__child {
    padding-right: 12px
}

.c-scrollbar--monkey.c-scrollbar--hidden .c-scrollbar__child {
    padding-right: 0
}

.c-scrollbar--monkey .c-scrollbar__track {
    border-radius: 3px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    z-index: 1
}

.c-scrollbar--monkey .c-scrollbar__bar {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: 0 3px 0 #fff, 0 -3px 0 #fff
}

.c-scrollbar--monkey .c-scrollbar__bar, .c-scrollbar--monkey .c-scrollbar__bar:active, .c-scrollbar--monkey:hover .c-scrollbar__bar {
    opacity: 1
}

.c-scrollbar--fade:not(:hover) .c-scrollbar__bar {
    transition: opacity .1s .5s
}

.c-sk-modal_content {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    flex-shrink: 1;
    min-height: 50px;
    overflow: hidden;
    position: relative
}

.c-sk-modal_content:first-of-type {
    border-radius: 8px 8px 0 0
}

.c-sk-modal_content:last-of-type {
    border-radius: 0 0 8px 8px
}

.c-sk-modal_content:only-of-type {
    border-radius: 8px
}

.c-sk-modal_content:after {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: border 80ms linear;
    width: 100%
}

.c-sk-modal_content__inner {
    overflow: hidden
}

.c-sk-modal_content--indicateTop:after {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-sk-modal_content--indicateBottom:after {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-sk-modal_content_section {
    padding: 0 28px
}

.c-error_modal, .c-lazy_modal {
    padding: 48px 16px;
    text-align: center
}

.c-emoji {
    overflow: hidden;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    object-fit: contain
}

.c-emoji__small {
    width: 16px;
    height: 16px
}

.c-emoji__medium {
    width: 22px;
    height: 22px
}

.c-emoji__large {
    width: 32px;
    height: 32px
}

.c-emoji--inline {
    height: auto;
    overflow: visible;
    position: relative
}

.c-emoji--inline img {
    overflow: hidden;
    position: absolute;
    top: 50%;
    object-fit: contain
}

.c-emoji--inline.c-emoji__small img {
    height: 16px;
    width: 16px;
    margin-top: -8px
}

.c-emoji--inline.c-emoji__medium img {
    height: 22px;
    width: 22px;
    margin-top: -11px
}

.c-emoji--inline.c-emoji__large img {
    height: 32px;
    width: 32px;
    margin-top: -16px
}

.c-emoji--inline:after {
    content: "\200B"
}

.c-emoji__emoji-tooltip {
    margin-bottom: 4px
}

.c-emoji__emoji-tooltip .c-emoji__large {
    background-color: #fff;
    border-radius: 4px;
    padding: 2px;
    width: 36px;
    height: 36px
}

.c-menu_item__header {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    padding: 4px 24px
}

.c-sk-modal_header {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 8px 8px 0 0;
    flex-shrink: 0;
    min-height: 70px;
    overflow: hidden;
    width: 100%
}

.c-sk-modal_title_bar {
    align-items: center;
    display: flex;
    min-height: 70px;
    padding: 20px 28px;
    width: 100%
}

.c-sk-modal_title_bar__text h1 {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900
}

.c-sk-modal_title_bar__text h1:only-child {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900
}

.c-sk-modal_title_bar__text h3:nth-child(2) {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-right: 24px
}

.c-sk-modal_title_bar__icon {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 4px;
    height: 40px;
    line-height: 0;
    margin-right: 16px
}

.c-sk-modal_title_bar--pad_right {
    padding-right: 76px
}

.c-sk-modal_footer {
    align-items: center;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 0 0 8px 8px;
    display: flex;
    flex-shrink: 0;
    height: 84px;
    justify-content: flex-end;
    margin-top: auto;
    overflow: hidden;
    padding: 24px 28px;
    width: 100%
}

.c-sk-modal_footer.c-sk-modal_footer--adaptive {
    height: auto;
    min-height: 84px
}

.c-sk-modal_footer--speedbump {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    z-index: 1;
    pointer-events: auto;
    width: 100%;
    height: auto;
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.15);
    box-shadow: 0 0 12px var(--saf-0);
    border-radius: 0 0 8px 8px;
    padding: 24px 28px
}

.c-sk-modal_footer--speedbump.c-sk-modal_footer--speedbump_transition-enter-active {
    animation: c-speedbump-slide-in .16s cubic-bezier(.36, .19, .29, 1) 0s 1 normal forwards
}

.c-sk-modal_footer--speedbump.c-sk-modal_footer--speedbump_transition-exit-active {
    animation: c-speedbump-slide-out .16s cubic-bezier(.36, .19, .29, 1) 0s 1 normal forwards;
    pointer-events: none
}

@keyframes c-speedbump-slide-in {
    0% {
        transform: translateY(100%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes c-speedbump-slide-out {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(100%)
    }
}

.c-sk-modal_footer_actions {
    margin-left: auto
}

.c-sk-modal_footer_actions > * {
    margin-right: 12px
}

.c-sk-modal_footer_actions > :last-child {
    margin-right: 0
}

img.p-classic_nav__call-menu_icon {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    border: 0
}

.p-classic_nav__call__left-margin_label {
    margin-left: 40px
}

.c-sk-modal_image {
    display: block;
    height: auto;
    width: 100%
}

.c-sk-modal_image__container {
    position: relative;
    width: 100%
}

.c-sk-modal_image__container .c-sk-modal_image {
    left: 0;
    top: 0;
    position: absolute
}

.c-modal_speed_bump_overlay, .c-modal_speed_bump_wrapper {
    z-index: 1000
}

.c-modal_speed_bump_wrapper {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.c-modal_speed_bump_overlay {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), .7);
    border-radius: 8px;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    transition: background-color .16s cubic-bezier(.36, .19, .29, 1)
}

.c-modal_speed_bump_overlay--hidden {
    background-color: none
}

.c-modal_speed_bump {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 0 0 8px 8px;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 20px 24px;
    transform: translateY(0);
    transition: transform .16s cubic-bezier(.36, .19, .29, 1);
    align-items: center
}

.c-modal_speed_bump--hidden {
    transform: translateY(100%)
}

.c-modal_speed_bump__text_wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    width: 100%
}

.c-modal_speed_bump__heading {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.3
}

.c-modal_speed_bump__button_row {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.c-modal_speed_bump__button {
    margin-left: 12px
}

.c-base_font_icon {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.c-base_icon {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    position: relative;
    border-radius: 4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    flex-shrink: 0
}

.c-base_icon--image {
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block
}

.c-base_icon_image_insert {
    height: 36px;
    width: 36px;
    position: relative
}

.c-base_icon_image_insert__secondary {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

.c-base_icon_image_insert__secondary_faux_border {
    position: absolute;
    height: 20px;
    width: 20px;
    background: #fff;
    border-radius: 4px;
    left: 22px;
    top: 22px;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-base_icon--token {
    position: relative;
    border-radius: 4px 0 0 4px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

.c-base_icon_image_stacked {
    height: 36px;
    width: 36px;
    position: relative
}

.c-base_icon_image_stacked__svg {
    border-radius: 4px
}

.c-base_icon_image_stacked__svg_stroke {
    fill: none;
    stroke: rgba(0, 0, 0, .08)
}

.c-base_icon_image_stacked__image {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    display: block
}

.c-base_icon_image_stacked__image--top {
    position: absolute;
    bottom: 0;
    right: 0
}

.c-base_icon_image_stacked__image--missing {
    fill: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-avatar {
    position: relative;
    display: inline-block;
    cursor: default;
    outline: none
}

.c-avatar--no_image {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 3px
}

.c-avatar--interactive {
    cursor: pointer
}

.c-avatar__additional_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-avatar__emoji, .c-avatar__image {
    border-radius: 3px;
    display: block;
    height: 100% !important;
    width: 100% !important
}

.c-avatar--ad_hoc_member .c-avatar__image {
    border-radius: 50%
}

.c-avatar__image--fallback {
    border-radius: 36px
}

.c-avatar .c-avatar__icon {
    bottom: -2px;
    position: absolute;
    right: -2px
}

.c-avatar .c-avatar__team_icon {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 2px var(--saf-0)
}

.c-avatar .c-avatar__nonteam_icon {
    box-shadow: -1px 0 0 1px #fff;
    border-radius: 10px
}

.c-avatar__badge {
    border-radius: 3px 0 3px;
    bottom: 0;
    display: inline-block;
    position: absolute;
    right: 0
}

.c-avatar__badge--restricted {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    height: 13px;
    width: 13px
}

.c-avatar__badge--restricted .c-avatar__badge_inner {
    background: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border-radius: 2px 2px 3px;
    height: 10px;
    width: 10px
}

.c-avatar__badge--ultra_restricted {
    height: 16px;
    overflow: hidden;
    width: 16px
}

.c-avatar__badge--ultra_restricted:before {
    border-bottom: 16px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-left: 16px solid transparent;
    content: " ";
    display: block;
    height: 0;
    width: 0
}

.c-avatar__badge--ultra_restricted .c-avatar__badge_inner {
    border-bottom: 11px solid rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border-left: 11px solid transparent;
    height: 0;
    display: block;
    width: 0
}

.c-avatar__badge--ultra_restricted .c-avatar__badge_inner:before {
    box-shadow: inset -1px 2px var(--saf-0);
    bottom: -3px;
    right: -2px
}

.c-avatar__badge--ultra_restricted .c-avatar__badge_inner:after, .c-avatar__badge--ultra_restricted .c-avatar__badge_inner:before {
    border-radius: 2px;
    content: " ";
    display: block;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    position: absolute;
    height: 4px;
    width: 4px
}

.c-avatar__badge--ultra_restricted .c-avatar__badge_inner:after {
    box-shadow: inset 2px -1px var(--saf-0);
    bottom: -13px;
    right: 8px
}

.c-avatar__badge_inner {
    bottom: 0;
    position: absolute;
    right: 0
}

.c-avatar__tooltip_detail {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-custom_status {
    margin-left: 8px
}

.c-custom_status .emoji-sizer {
    font-size: 1rem
}

.c-custom_status--inline {
    font-size: 1em
}

.c-custom_status__expiration {
    margin: 0;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: block
}

.c-app_badge, .c-app_label {
    border-radius: 2px;
    font-size: 10px;
    padding: 1px 3px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    display: inline-block;
    height: 14px;
    line-height: 1.25;
    font-weight: 700;
    vertical-align: .125rem
}

.c-app_badge--inverse {
    color: #fff
}

.c-member_name {
    margin-right: 4px
}

.c-inline_member_entity .c-member_name {
    margin-right: 0
}

.c-member_name__indicator {
    margin-left: 4px
}

.c-presence--active {
    color: #007a5a
}

.c-presence--away {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-presence--inverted {
    color: #fff
}

.c-member__primary_content, .c-member__secondary_content {
    display: flex;
    align-items: center
}

.c-member__primary_content {
    max-width: 100%
}

.c-member__current-status, .c-member__secondary_content {
    white-space: nowrap
}

.c-member__current-status {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1
}

.c-medium_member_list_entity .c-base_list_entity__secondary_content, .c-small_member_list_entity .c-base_list_entity__secondary_content {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    text-align: right
}

.c-small_member_list_entity .c-member__draft_icon {
    margin-right: 8px
}

.c-member__presence {
    margin-right: 4px
}

.c-medium_member_list_entity .c-member__unread_count, .c-small_member_list_entity .c-member__details, .c-small_member_list_entity .c-member__team_icon, .c-small_member_list_entity .c-member__unread_count {
    margin-left: 8px
}

.c-member__draft_icon {
    font-size: 18px;
    min-width: 20px
}

.c-member__secondary-name {
    margin: 0 4px 0 8px
}

.c-member--with-presence .c-member__secondary-name {
    margin-left: 0
}

.c-member__details {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-member__current-status--medium {
    flex: none
}

.c-member_slug--link, .c-member_slug--mention {
    padding: 0 2px 1px 2px;
    border-radius: 3px
}

code .c-member_slug--link, code .c-member_slug--mention, pre .c-member_slug--link, pre .c-member_slug--mention {
    padding: 0
}

.c-member_slug--link {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .1);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-member_slug--link:hover {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .2);
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none
}

.c-member_slug--unverified, .c-member_slug--unverified:hover {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px dotted var(--saf-0);
    background: transparent;
    color: inherit;
    position: relative;
    white-space: nowrap
}

.c-member_slug--unverified:before, .c-member_slug--unverified:hover:before {
    display: inline-block;
    font-family: Slack v2;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-weight: 700;
    content: "\E207";
    pointer-events: none;
    position: absolute;
    top: -6px;
    right: -6px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #1d9bd1;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    text-align: center;
    box-sizing: border-box;
    padding-top: 1px
}

.c-member_slug--mention, .c-member_slug--mention:hover {
    background: rgba(242, 199, 68, .4)
}

.sk-client-theme--dark .c-member_slug--mention, .sk-client-theme--dark .c-member_slug--mention:hover {
    background: rgba(232, 145, 45, .4);
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.c-member_slug__tooltip {
    max-width: 500px
}

.c-member_slug__tooltip--member {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    padding: 8px 12px 10px
}

.c-member_slug__tooltip--member .c-member__team_icon {
    margin: 0 0 -2px 4px
}

.c-member_slug__tooltip--channel .c-base_inline_entity--dim {
    color: inherit
}

.c-missing_channel--medium-top {
    display: flex;
    align-items: center;
    height: 15px;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.c-missing_channel--medium_hash {
    height: auto;
    width: .75em;
    margin-right: 4px
}

.c-missing_channel--medium_hash:before {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-missing_channel--subtler {
    opacity: .4
}

.c-missing_channel--unknown_inverted {
    background-color: #fff;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-missing_channel--non_existent_inverted {
    background: none;
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0)
}

.c-base_inline_entity {
    display: inline;
    white-space: pre
}

.c-base_inline_entity__avatar {
    margin-right: 1.6px
}

.c-base_inline_entity__primary_content {
    display: inline;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

.c-base_inline_entity--truncate_block {
    display: inline-flex
}

.c-base_inline_entity__inline_wrapper {
    display: inline-flex;
    flex: 1;
    min-width: 0
}

.c-base_inline_entity__inline_wrapper .c-base_inline_entity__primary_content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-base_inline_entity--dim {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-base_inline_entity--highlight-dark {
    color: #fff;
    background-color: #1264a3
}

.c-base_inline_entity--highlight-dim {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-base_inline_entity--highlight-dim, .c-base_inline_entity--highlight-light {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-inline_channel_icon {
    width: .75em;
    height: auto
}

.c-inline_channel_icon--archive {
    width: 1em
}

.c-inline_channel_icon--private {
    margin-right: 2px
}

.c-channel_team {
    display: flex
}

.c-channel_team--xws {
    opacity: .7;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.c-channel_team__name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-channel_team__icon {
    margin-right: 4px;
    flex: none
}

.c-channel_entity__mentions {
    flex: 0 0 auto;
    margin-left: 8px
}

.c-channel_entity__info {
    display: flex;
    align-items: baseline
}

.c-channel_entity__team {
    margin-left: 8px;
    display: inline-flex;
    align-items: baseline
}

.c-channel_team__icon {
    align-self: center
}

.c-channel_entity__shared_icon {
    margin-left: 4px
}

.c-channel_entity__name--bold {
    font-weight: 700
}

.c-inline_channel_entity .c-channel_entity__name--bold {
    font-weight: inherit
}

.c-medium_channel_entity {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-medium_channel_entity__channel_truncated_purpose {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.c-medium_channel_entity__info {
    display: flex;
    width: 100%
}

.c-medium_channel_entity__name {
    flex: 0 1 auto;
    display: flex;
    align-items: baseline;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.c-medium_channel_entity__name .c-channel_entity__team {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.c-medium_channel_entity__channel {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700;
    word-break: break-all;
    overflow-wrap: break-word;
    margin-right: 8px
}

.c-medium_channel_entity__channel_suffix {
    display: inline-block;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin: 0 8px
}

.c-medium_channel_entity__name_suffix {
    flex: 1 0 auto;
    display: inline-block;
    margin: 0 8px
}

.c-channel_entity__mentions--medium {
    margin-top: 3px
}

.c-inline_channel_entity__icon {
    margin-right: 0
}

.c-inline_channel_entity__icon--private {
    margin-right: 2px
}

.c-inline_channel_entity__shared_icon {
    margin-left: 0
}

.p-undo_mark_all_as_read_toast__icon {
    flex: 0 0 auto;
    padding-right: 8px
}

.c-dialog_speed_bump_overlay, .c-dialog_speed_bump_wrapper {
    z-index: 1000
}

.c-dialog_speed_bump_overlay {
    background: rgba(var(--sk_primary_background, 255, 255, 255), .7);
    bottom: 0;
    border-radius: 8px;
    height: 100%;
    position: absolute;
    top: 0;
    transition: background .2s ease-out;
    width: 100%
}

.c-dialog_speed_bump_overlay--hidden {
    background: none
}

.c-dialog_speed_bump_wrapper {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.c-dialog_speed_bump {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 0 0 8px 8px;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 20px 24px;
    transform: translateY(0);
    transition: transform .2s ease-out
}

.c-dialog_speed_bump--hidden {
    transform: translateY(100%);
    transition: transform .2s ease-in
}

.c-dialog_speed_bump__body_text {
    margin-bottom: 1rem
}

.c-dialog_speed_bump__button_row {
    display: flex;
    justify-content: flex-end
}

.c-dialog_speed_bump__button {
    margin-left: 12px
}

.c-dialog {
    font-size: 15px;
    line-height: 1.46666667;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 80ms linear;
    width: 100%;
    z-index: 1012
}

body.p-client_desktop--frameless .c-dialog {
    -webkit-app-region: no-drag
}

.p-client_desktop--frameless.p-client_desktop--ia-top-nav .c-dialog:before {
    content: "";
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 38px;
    pointer-events: none;
    -webkit-app-region: drag
}

.c-dialog.ReactModal__Overlay--after-open {
    opacity: 1;
    padding: 36px
}

.c-dialog.ReactModal__Overlay--after-open.c-dialog--custom-titlebar {
    padding-top: 67px
}

.c-dialog--storybook {
    z-index: -1
}

.c-dialog__content {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    max-height: 640px;
    max-width: calc(100% - 32px);
    opacity: 0;
    outline: none;
    position: relative;
    transform: scale(.95);
    transition: opacity 80ms linear, transform 80ms cubic-bezier(.36, .19, .29, 1);
    width: 32.5rem;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .35)
}

@media only screen and (max-height: 656px) {
    .c-dialog__content {
        max-height: 96%
    }

    .c-dialog__content.c-dialog__content--custom-titlebar {
        max-height: calc(96% - 31px)
    }

    .c-dialog__content.c-dialog__content--frameless {
        max-height: calc(96% - 22px)
    }
}

.p-client_desktop--ia-top-nav .c-dialog__content {
    -webkit-app-region: no-drag
}

.ReactModal__Overlay--after-open .c-dialog__content {
    opacity: 1;
    transform: scale(1);
    position: fixed
}

.c-dialog__cancel {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-dialog__cancel:last-child, .c-dialog__go:last-child {
    margin-left: 12px
}

.c-dialog__header {
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 16px 24px;
    position: relative;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 8px;
    background-clip: padding-box
}

.c-dialog__header--overflow {
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-dialog__close.c-button-unstyled {
    margin-right: -8px;
    flex: 0 0 auto
}

.c-dialog__close.c-button-unstyled, .c-dialog__popout {
    align-self: flex-start;
    margin-left: 20px
}

.c-dialog__popout + .c-dialog__close.c-button-unstyled {
    margin-left: 0
}

.c-dialog__title {
    font-size: 22px;
    line-height: 1.36363636;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 900;
    margin: 0;
    width: 100%;
    min-width: 0
}

.c-dialog__title_image {
    border-radius: 4px;
    flex-shrink: 0;
    height: 24px;
    margin-right: 12px;
    position: relative;
    top: 3px;
    width: 24px
}

.c-dialog__body {
    flex-shrink: 1;
    overflow-y: auto;
    padding: 0 24px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-dialog__body--slack_scrollbar::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar:hover {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-dialog__body--slack_scrollbar:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar:hover::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-dialog__body--slack_scrollbar_with_padding:hover::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

@media (-ms-high-contrast: none) {
    .c-dialog__body {
        max-height: 26.5rem
    }
}

[data-gantry][data-app=app-popouts] .c-dialog__body {
    flex-grow: 1
}

.c-dialog__footer {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: none;
    padding: 20px 24px;
    position: relative;
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 0;
    background-clip: padding-box
}

.c-dialog__footer--overflow {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-dialog__footer--has_text {
    justify-content: flex-start
}

.c-dialog__footer--has_buttons {
    justify-content: flex-end
}

.c-dialog__footer--has_both {
    justify-content: space-between
}

.c-dialog__overflow_padding {
    padding: 8px 24px
}

.c-dialog__overflow_padding--scroll_border {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-dialog__footer_text {
    font-size: 13px;
    line-height: 1.38461538;
    font-weight: 400
}

.c-dialog__footer_text, a.c-dialog__footer_link {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

a.c-dialog__footer_link {
    align-self: flex-start
}

a.c-dialog__footer_link:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none
}

.c-dialog__footer_icon {
    margin-right: 6px
}

.c-dialog__footer_buttons {
    align-self: flex-end;
    display: flex;
    flex-shrink: 0
}

.p-channel_section_confirmation_toast__message {
    flex: 1 1 auto
}

.p-trial_modal_coachmark {
    display: flex;
    position: relative;
    padding: 16px 16px 16px 24px;
    margin: 0 -28px 14px -28px;
    background-color: #fcf4da
}

.sk-client-theme--dark .p-trial_modal_coachmark {
    background-color: #2e2a1a;
    border-top: 1px solid rgba(241, 176, 23, .3);
    border-bottom: 1px solid rgba(241, 176, 23, .3)
}

.p-trial_modal_coachmark:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: -6px;
    transform-origin: 0 0;
    left: 40px;
    transform: rotate(45deg);
    background: #fcf4da
}

.sk-client-theme--dark .p-trial_modal_coachmark:before {
    border-right: 1px solid rgba(241, 176, 23, .3);
    border-bottom: 1px solid rgba(241, 176, 23, .3);
    background: #2e2a1a
}

.p-trial_modal_coachmark__icon {
    margin-right: 12px;
    color: #b98a09;
    padding-top: 8px
}

.p-trial_modal_coachmark__icon:before {
    font-size: 30px
}

.p-trial_modal_coachmark__label {
    flex-grow: 2;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-trial_modal_coachmark__heading {
    font-weight: 700;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-basic_container {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

[lang] .c-basic_container {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .c-basic_container {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .c-basic_container {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .c-basic_container {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .c-basic_container {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.c-basic_container__body {
    display: flex;
    position: relative
}

.c-basic_container--size_medium .ql-editor {
    padding-bottom: 8px;
    padding-right: 8px
}

.c-basic_container--size_medium .ql-placeholder {
    right: 8px
}

.c-basic_container--size_medium .ql-editor {
    padding-top: 8px
}

.c-basic_container--size_medium .ql-placeholder {
    top: 8px
}

.c-basic_container--size_medium .ql-editor {
    padding-left: 8px
}

.c-basic_container--size_medium .ql-placeholder {
    left: 8px
}

.c-basic_container--size_medium[data-min-lines="1"] .ql-editor {
    min-height: 38px
}

.c-basic_container--size_medium[data-min-lines="2"] .ql-editor {
    min-height: 60px
}

.c-basic_container--size_medium[data-min-lines="3"] .ql-editor {
    min-height: 82px
}

.c-basic_container--size_medium[data-max-lines="1"] .c-texty_input_unstyled__container {
    max-height: 38px
}

.c-basic_container--size_medium[data-max-lines="2"] .c-texty_input_unstyled__container {
    max-height: 60px
}

.c-basic_container--size_medium[data-max-lines="3"] .c-texty_input_unstyled__container {
    max-height: 82px
}

.c-basic_container--size_medium[data-max-lines="4"] .c-texty_input_unstyled__container {
    max-height: 104px
}

.c-basic_container--size_medium[data-max-lines="5"] .c-texty_input_unstyled__container {
    max-height: 126px
}

.c-basic_container--size_medium[data-max-lines="6"] .c-texty_input_unstyled__container {
    max-height: 148px
}

.c-basic_container--size_medium[data-max-lines="7"] .c-texty_input_unstyled__container {
    max-height: 170px
}

.c-basic_container--size_medium[data-max-lines="8"] .c-texty_input_unstyled__container {
    max-height: 192px
}

.c-basic_container--size_large .ql-editor {
    padding-bottom: 9px;
    padding-right: 8px
}

.c-basic_container--size_large .ql-placeholder {
    right: 8px
}

.c-basic_container--size_large .ql-editor {
    padding-top: 9px
}

.c-basic_container--size_large .ql-placeholder {
    top: 9px
}

.c-basic_container--size_large .ql-editor {
    padding-left: 8px
}

.c-basic_container--size_large .ql-placeholder {
    left: 8px
}

.c-basic_container--size_large[data-min-lines="1"] .ql-editor {
    min-height: 42px
}

.c-basic_container--size_large[data-min-lines="2"] .ql-editor {
    min-height: 66px
}

.c-basic_container--size_large[data-min-lines="3"] .ql-editor {
    min-height: 90px
}

.c-basic_container--size_large[data-max-lines="1"] .c-texty_input_unstyled__container {
    max-height: 42px
}

.c-basic_container--size_large[data-max-lines="2"] .c-texty_input_unstyled__container {
    max-height: 66px
}

.c-basic_container--size_large[data-max-lines="3"] .c-texty_input_unstyled__container {
    max-height: 90px
}

.c-basic_container--size_large[data-max-lines="4"] .c-texty_input_unstyled__container {
    max-height: 114px
}

.c-basic_container--size_large[data-max-lines="5"] .c-texty_input_unstyled__container {
    max-height: 138px
}

.c-basic_container--size_large[data-max-lines="6"] .c-texty_input_unstyled__container {
    max-height: 162px
}

.c-basic_container--size_large[data-max-lines="7"] .c-texty_input_unstyled__container {
    max-height: 186px
}

.c-basic_container--size_large[data-max-lines="8"] .c-texty_input_unstyled__container {
    max-height: 210px
}

.c-basic_container--bordered {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px
}

.c-basic_container--bordered:focus-within {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-basic_container--bordered:focus-within:-moz-placeholder, .c-basic_container--bordered:focus-within:-ms-input-placeholder, .c-basic_container--bordered:focus-within::-moz-placeholder, .c-basic_container--bordered:focus-within::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-basic_container--prefixed .ql-editor {
    padding-left: 0
}

.c-basic_container--prefixed .ql-placeholder {
    left: 0
}

.c-basic_container--suffixed .ql-editor {
    padding-right: 0
}

.c-basic_container--suffixed .ql-placeholder {
    right: 0
}

.c-basic_container--disabled {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    opacity: .6;
    pointer-events: none
}

.c-basic_container--invalid {
    border-color: #e01e5a
}

.c-basic_container--invalid:focus, .c-basic_container--invalid:focus-within {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3)
}

.c-select_input__wrapper {
    min-height: 28px;
    position: relative
}

.c-select_input, .c-select_input__content, .c-select_input__wrapper {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-select_input, .c-select_input__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 4px 12px;
    height: 100%;
    line-height: 1.5
}

.c-select_input::-webkit-input-placeholder, .c-select_input__content::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_input:-ms-input-placeholder, .c-select_input__content:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_input::-webkit-input-placeholder, .c-select_input__content::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_input::-moz-placeholder, .c-select_input__content::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_input:-ms-input-placeholder, .c-select_input__content:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_input::-ms-input-placeholder, .c-select_input__content::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_input::placeholder, .c-select_input__content::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_input {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-select_input:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-select_input:focus:-moz-placeholder, .c-select_input:focus:-ms-input-placeholder, .c-select_input:focus::-moz-placeholder, .c-select_input:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-select_input[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-select_input__content_text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 24px
}

.c-select_input--small, .c-select_input--small input.c-input_text {
    height: 28px;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.c-select_input--small .emoji-sizer, .c-select_input--small input.c-input_text .emoji-sizer {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.c-select_input--small, .c-select_input--small .c-select_input__content, .c-select_input--small input.c-input_text {
    padding: 4px 8px
}

.c-select_input--medium {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    height: 36px;
    padding: 0 12px
}

.c-select_input--large {
    padding: 12px;
    height: 44px
}

.c-select_input--large, .c-select_input--large .c-input_text {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 400
}

.c-select_input--offscreen {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 0)
}

.c-select_input--offscreen::-moz-selection {
    background-color: transparent
}

.c-select_input--offscreen::selection {
    background-color: transparent
}

.c-select_input--with_icon_left .c-select_input, .c-select_input--with_icon_left .c-select_input:focus {
    padding-left: 32px
}

.c-select_input--with_icon_left .c-select_input__content {
    padding-left: 33px
}

.c-select_input--with_icon_left.c-select_input--small .c-select_input, .c-select_input--with_icon_left.c-select_input--small .c-select_input:focus {
    padding-left: 28px
}

.c-select_input--with_icon_left.c-select_input--small .c-select_input__content {
    padding-left: 29px
}

.c-select_input--with_icon_left.c-select_input--large .c-select_input, .c-select_input--with_icon_left.c-select_input--large .c-select_input:focus {
    padding-left: 36px
}

.c-select_input--with_icon_left.c-select_input--large .c-select_input__content {
    padding-left: 37px
}

.c-select_input--with_icon_left .c-input_text_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.c-select_input--with_icon_left .c-input_text_icon__icon {
    margin-left: 12px;
    width: auto;
    padding: 0
}

.c-select_input--with_icon_left .c-input_text_icon__icon--small {
    margin-left: 8px
}

.c-select_input--with_icon_right .c-select_input, .c-select_input--with_icon_right .c-select_input:focus {
    padding-right: 32px
}

.c-select_input--with_icon_right .c-select_input__content {
    padding-right: 33px
}

.c-select_input--with_icon_right.c-select_input--small .c-select_input, .c-select_input--with_icon_right.c-select_input--small .c-select_input:focus {
    padding-right: 28px
}

.c-select_input--with_icon_right.c-select_input--small .c-select_input__content {
    padding-right: 29px
}

.c-select_input--with_icon_right .c-select_input__content_text {
    padding-right: 0
}

.c-select_input__icon_container {
    display: flex;
    align-items: center;
    margin-left: 12px;
    width: 12px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_input--invalid {
    border-color: #e01e5a
}

.c-select_input--invalid:focus, .c-select_input--invalid:focus-within {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3)
}

.c-select_input--invalid:focus {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

.c-channel_icon {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-channel_icon--small {
    width: 20px;
    height: 20px
}

.c-small_channel_entity__content {
    display: flex
}

.c-small_channel_entity__content .c-channel_entity__name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-small_channel_entity__content--xws {
    align-items: baseline
}

.c-small_channel_entity__inline_name_suffix {
    display: flex;
    flex: 0 1 auto;
    margin: 0 8px;
    white-space: nowrap
}

.c-small_channel_entity__secondary-content-badge {
    display: flex;
    flex: 0 1 auto
}

.c-small_channel_entity__icon {
    margin-right: 8px
}

.c-medium_missing_user_group {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-medium_missing_user_group__row {
    display: block
}

.c-medium_missing_user_group__row:first-child {
    margin-bottom: 8px
}

.c-medium_missing_user_group__icon {
    margin-right: 4px;
    margin-left: -2px
}

.c-user_group__name {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700
}

.c-medium_user_group__handle {
    margin-right: 8px;
    font-weight: 700
}

.c-medium_user_group__icon {
    margin-right: 4px;
    margin-left: -2px
}

.c-small_user_group__name {
    line-height: 20px;
    margin-right: 8px
}

.c-small_user_group__missing {
    display: flex;
    flex-direction: row;
    align-items: center
}

.c-small_user_group__missing_icon {
    margin-right: 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-small_user_group__missing_icon--inverted {
    color: #fff;
    background-color: #1264a3
}

.c-small_user_group__team {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    opacity: .7
}

.c-input_textarea {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 12px 4px;
    height: 104px;
    min-height: 36px;
    width: 100%;
    vertical-align: top;
    resize: vertical;
    font-size: 15px;
    line-height: 1.86666667;
    line-height: 1.46666667;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-input_textarea:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-input_textarea:focus:-moz-placeholder, .c-input_textarea:focus:-ms-input-placeholder, .c-input_textarea:focus::-moz-placeholder, .c-input_textarea:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-input_textarea[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-input_textarea::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_textarea:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_textarea::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_textarea::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_textarea::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_textarea--with_default {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border: 1px solid var(--saf-0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_textarea--with_default:focus {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    --saf-1: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    border-radius: 4px
}

.c-input_textarea--with_info {
    border: 1px solid #1d9bd1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_textarea--with_info:focus {
    box-shadow: 0 0 0 1px #1d9bd1, 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-input_textarea--with_success {
    border: 1px solid #007a5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_textarea--with_success:focus {
    box-shadow: 0 0 0 1px #007a5a, 0 0 0 5px rgba(0, 122, 90, .3);
    border-radius: 4px
}

.c-input_textarea--with_warning {
    border: 1px solid #e8912d;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_textarea--with_warning:focus {
    box-shadow: 0 0 0 1px #e8912d, 0 0 0 5px rgba(232, 145, 45, .3);
    border-radius: 4px
}

.c-input_textarea--with_error {
    border: 1px solid #e01e5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_textarea--with_error:focus {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

.c-input_textarea--with_inline_alert, .c-input_textarea--with_inline_alert.c-input_textarea--with_error {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.c-input_textarea__wrapper {
    margin: 0 0 20px
}

.c-input_textarea--large {
    font-size: 18px;
    line-height: 1.33333333
}

.c-input_textarea--with_hint {
    margin-bottom: 0
}

.c-input_textarea--resize_both {
    resize: both
}

.c-input_textarea--resize_h {
    resize: horizontal
}

.c-input_textarea--resize_none {
    resize: none
}

textarea.c-input_textarea {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 12px 4px;
    height: 104px;
    min-height: 36px;
    width: 100%;
    vertical-align: top;
    resize: vertical;
    font-size: 15px;
    line-height: 1.86666667;
    line-height: 1.46666667;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

textarea.c-input_textarea:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

textarea.c-input_textarea:focus:-moz-placeholder, textarea.c-input_textarea:focus:-ms-input-placeholder, textarea.c-input_textarea:focus::-moz-placeholder, textarea.c-input_textarea:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

textarea.c-input_textarea[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

textarea.c-input_textarea::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

textarea.c-input_textarea:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

textarea.c-input_textarea::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

textarea.c-input_textarea::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

textarea.c-input_textarea::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

textarea.c-input_textarea.c-input_textarea--large {
    font-size: 18px;
    line-height: 1.33333333
}

textarea.c-input_textarea.c-input_textarea--with_hint {
    margin-bottom: 0
}

textarea.c-input_textarea.c-input_textarea--resize_both {
    resize: both
}

textarea.c-input_textarea.c-input_textarea--resize_h {
    resize: horizontal
}

textarea.c-input_textarea.c-input_textarea--resize_none {
    resize: none
}

textarea.c-input_textarea--with_default {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border: 1px solid var(--saf-0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

textarea.c-input_textarea--with_default:focus {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    --saf-1: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    border-radius: 4px
}

textarea.c-input_textarea--with_info {
    border: 1px solid #1d9bd1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

textarea.c-input_textarea--with_info:focus {
    box-shadow: 0 0 0 1px #1d9bd1, 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

textarea.c-input_textarea--with_success {
    border: 1px solid #007a5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

textarea.c-input_textarea--with_success:focus {
    box-shadow: 0 0 0 1px #007a5a, 0 0 0 5px rgba(0, 122, 90, .3);
    border-radius: 4px
}

textarea.c-input_textarea--with_warning {
    border: 1px solid #e8912d;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

textarea.c-input_textarea--with_warning:focus {
    box-shadow: 0 0 0 1px #e8912d, 0 0 0 5px rgba(232, 145, 45, .3);
    border-radius: 4px
}

textarea.c-input_textarea--with_error {
    border: 1px solid #e01e5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

textarea.c-input_textarea--with_error:focus {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

textarea.c-input_textarea--with_inline_alert, textarea.c-input_textarea--with_inline_alerttextarea.c-input_textarea--with_error {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

textarea.c-input_textarea--small {
    padding: 8px;
    padding-top: 7px;
    padding-bottom: 9px;
    font-size: 13px;
    line-height: 1.38461538
}

.c-mpim_entity__missing_text:not(:last-child) {
    margin-right: 8px
}

.c-small_mpim_entity {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    line-height: 20px
}

.c-small_mpim_entity__count {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    align-items: center;
    background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border-radius: 4px;
    margin-right: 8px;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    display: flex;
    font-weight: 700;
    justify-content: center
}

.c-small_mpim_entity__count--inverted {
    background-color: #fff;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-small_mpim_entity__count--experiment-mpdm-redesign {
    background-color: transparent
}

.c-small_mpim_entity__mpim_avatars {
    position: relative;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    flex-shrink: 0;
    line-height: 14px
}

.c-small_mpim_entity__mpim_avatars:hover .c-avatar {
    cursor: pointer
}

.c-small_mpim_entity__mpim_avatars_mpim1 {
    position: absolute;
    top: 0;
    left: 0
}

.c-small_mpim_entity__mpim_counter {
    position: absolute;
    top: 8px;
    left: 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    background-color: #ebebeb;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: 0 0 0 2px var(--saf-0)
}

.c-small_mpim_entity__mpim_counter_inner {
    width: 14px;
    height: 14px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center
}

.c-small_mpim_entity__mpim_avatars.c-small_mpim_entity__mpim_avatars--dark .c-small_mpim_entity__mpim_counter {
    background-color: #3b3a3b
}

.c-small_mpim_entity__mpim_avatars.c-small_mpim_entity__mpim_avatars--inverted.c-small_mpim_entity__mpim_avatars--dark .c-small_mpim_entity__mpim_counter {
    box-shadow: 0 0 0 2px #1264a3
}

.c-small_mpim_entity__mpim_avatars.c-small_mpim_entity__mpim_avatars--inverted .c-small_mpim_entity__mpim_counter {
    background-color: #3e72a7;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 2px var(--saf-0);
    color: #fff
}

.c-small_mpim_entity__member {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    margin-right: 12px;
    max-width: 350px
}

.c-small_mpim_entity__member_avatar {
    margin-right: 8px;
    cursor: inherit
}

.c-small_mpim_entity--frozen {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-small_mpim_entity--frozen :not(.c-small_mpim_entity__member--deleted) .c-small_mpim_entity__member_avatar {
    opacity: .7
}

.c-small_mpim_entity__member--deleted {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-small_mpim_entity__member--deleted .c-small_mpim_entity__member_avatar {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.c-small_mpim_entity__additional_members {
    height: 20px
}

.c-small_mpim_entity__member--hidden {
    opacity: 0
}

.c-small_mpim_entity__tooltip {
    font-size: unset;
    min-width: 240px;
    max-width: 500px;
    line-height: .8;
    padding-top: 0
}

.c-small_mpim_entity__tooltip .c-small_mpim_entity__member {
    padding-top: 8px;
    line-height: normal
}

.c-small_mpim_entity__tooltip .c-small_mpim_entity__member:nth-last-child(2) {
    margin-right: 0
}

.p-inline_channel_section {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-inline_channel_section__lockup {
    display: inline-block
}

.c-token {
    align-items: center;
    background: rgba(29, 155, 209, .1);
    border-radius: 4px;
    display: flex;
    font-weight: 700;
    white-space: nowrap;
    padding-right: 4px
}

.c-token:hover {
    box-shadow: inset 0 0 0 1px rgba(29, 155, 209, .1)
}

.c-token .c-token__content {
    align-items: center;
    display: flex;
    position: relative
}

.c-token .c-token__content .c-token_content__inner {
    align-items: center;
    display: flex;
    padding: 0 4px 0 4px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.c-token .c-token__content .c-token_content__inner ::-moz-selection {
    background-color: transparent
}

.c-token .c-token__content .c-token_content__inner ::selection {
    background-color: transparent
}

.c-token .c-token__content .c-token__avatar .c-avatar__image {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.c-token .c-token__content .c-token__avatar:after, .c-token .c-token__content .c-token__team_icon:after {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .35);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.c-token .c-token__content .c-token_channel {
    padding: 0
}

.c-token .c-token__content .c-token_channel .c-small_channel_entity__icon {
    margin-right: 2px
}

.c-token .c-token__content .c-token__team_icon {
    overflow: hidden;
    position: relative;
    border-radius: 4px 0 0 4px
}

.c-token .c-token__content .c-token__team_icon_img {
    display: block
}

.c-token .c-token__content .c-token_content__icon {
    margin-right: 4px;
    margin-left: 2px
}

.c-token--dark {
    color: #fff
}

.c-token--dark.c-token--loading {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .2)
}

.c-token--dark:hover.c-token--loading {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .3)
}

.c-token--dark:hover .c-token__unknown_icon_container {
    color: #fff;
    background: #1d9bd1
}

.c-token--dark:hover.c-token--unknown {
    background: rgba(29, 155, 209, .2);
    border-left: 1px solid #1d9bd1
}

.c-token--medium {
    font-size: 18px;
    height: 26px;
    margin: 4px 0 0 4px
}

.c-token--medium .c-base_entity__text-contents, .c-token--medium .c-token_content__label {
    line-height: 26px;
    font-size: 15px
}

.c-token--medium .c-base_entity__text-contents::-moz-selection, .c-token--medium .c-token_content__label::-moz-selection {
    background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 0)
}

.c-token--medium .c-base_entity__text-contents::selection, .c-token--medium .c-token_content__label::selection {
    background-color: rgba(var(--sk_inverted_background, 29, 28, 29), 0)
}

.c-token--medium .c-token_content__inner.c-token_content__inner--error, .c-token--medium .c-token_content__inner.c-token_content__inner--loading, .c-token--medium .c-token_content__inner.c-token_content__inner--member, .c-token--medium .c-token_content__inner.c-token_content__inner--team, .c-token--medium .c-token_content__inner.c-token_content__inner--unknown {
    padding-left: 6px
}

.c-token--medium .c-token__error_icon_container, .c-token--medium .c-token__loading_icon_container, .c-token--medium .c-token__unknown_icon_container {
    width: 26px;
    height: 26px
}

.c-token--medium .c-token__team_icon_img {
    height: 26px
}

.c-token--medium .c-token__content .c-token__avatar:after {
    height: 26px;
    width: 26px
}

.c-token--large {
    font-size: 20px;
    height: 32px;
    margin: 5px 0 0 5px
}

.c-token--large .c-base_entity__text-contents, .c-token--large .c-token_content__label {
    line-height: 32px;
    font-size: 18px
}

.c-token--large .c-token_content__inner.c-token_content__inner--loading, .c-token--large .c-token_content__inner.c-token_content__inner--member {
    padding-left: 8px
}

.c-token--large .c-token__error_icon_container, .c-token--large .c-token__loading_icon_container, .c-token--large .c-token__unknown_icon_container {
    width: 32px;
    height: 32px
}

.c-token--large .c-token__team_icon_img {
    height: 32px
}

.c-token--large .c-token__content .c-token__avatar:after {
    height: 32px;
    width: 32px
}

.c-token--selected:not(.c-token--loading):not(.c-token--invalid):not(.c-token--disabled):not(.c-token--error):not(.c-token--unknown) {
    background: #1264a3;
    color: #fff
}

.c-token--selected:not(.c-token--loading):not(.c-token--invalid):not(.c-token--disabled):not(.c-token--error):not(.c-token--unknown):hover {
    --saf-0: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.c-token--selected .c-app_badge {
    color: #fff
}

.c-token--loading {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-token--loading:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.c-token--loading.c-token--selected {
    background: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.c-token--loading.c-token--selected .c-token__loading_icon_container {
    background: rgba(var(--sk_primary_background, 255, 255, 255), .2)
}

.c-token__loading_icon_container {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-token--invalid, .c-token--invalid:hover {
    background: rgba(224, 30, 90, .1);
    box-shadow: inset 0 0 0 1px rgba(224, 30, 90, .4)
}

.c-token--error {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px dashed #e01e5a;
    box-shadow: none
}

.c-token--error:hover {
    background: rgba(224, 30, 90, .1)
}

.c-token--error.c-token--selected {
    color: #fff;
    background: #e01e5a
}

.c-token--error.c-token--selected .c-token__error_icon_container {
    color: #fff;
    background: hsla(0, 0%, 100%, .2)
}

.c-token__error_icon_container {
    color: #e01e5a;
    background: rgba(224, 30, 90, .1);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-token--unknown {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px dashed #1d9bd1;
    box-shadow: none
}

.c-token--unknown:hover {
    background: rgba(29, 155, 209, .1)
}

.c-token--unknown.c-token--selected {
    color: #fff;
    background: #1264a3;
    border: 1px solid #1264a3
}

.c-token--unknown.c-token--selected .c-token__unknown_icon_container {
    color: #fff;
    background: hsla(0, 0%, 100%, .2)
}

.c-token__unknown_icon_container {
    color: #1d9bd1;
    background: rgba(29, 155, 209, .1);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-token--disabled, .c-token--disabled:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    box-shadow: none;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-token .c-base_entity__text-contents {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.c-token .c-base_entity__text-contents ::-moz-selection {
    background-color: transparent
}

.c-token .c-base_entity__text-contents ::selection {
    background-color: transparent
}

.c-token .c-base_entity__avatar ::-moz-selection {
    background-color: transparent
}

.c-token .c-base_entity__avatar ::selection {
    background-color: transparent
}

.c-token .c-small_user_group__name {
    margin-right: auto
}

.c-token--medium .c-base_entity--small .c-base_entity__avatar {
    margin-right: 6px
}

.c-multi_select_input {
    position: relative;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    overflow: hidden;
    min-height: 36px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-multi_select_input:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-multi_select_input:focus:-moz-placeholder, .c-multi_select_input:focus:-ms-input-placeholder, .c-multi_select_input:focus::-moz-placeholder, .c-multi_select_input:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-multi_select_input[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-multi_select_input--is_loading {
    padding-right: 24px
}

.c-multi_select_input--large {
    min-height: 44px;
    padding-right: 27px
}

.c-multi_select_input:hover {
    overflow: auto
}

.c-multi_select_input--disabled, .c-multi_select_input__input.c-multi_select_input__input--disabled {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-multi_select_input--focused {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-multi_select_input--focused:-moz-placeholder, .c-multi_select_input--focused:-ms-input-placeholder, .c-multi_select_input--focused::-moz-placeholder, .c-multi_select_input--focused::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-multi_select_input--invalid {
    border-color: #e01e5a
}

.c-multi_select_input--invalid:focus, .c-multi_select_input--invalid:focus-within {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3)
}

.c-multi_select_input--invalid.c-multi_select_input--focused {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

.c-multi_select_input__input {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    border: none;
    width: 0;
    padding: 6px 12px;
    float: left
}

.c-multi_select_input__input::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-multi_select_input__input:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-multi_select_input__input::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-multi_select_input__input::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-multi_select_input__input::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-multi_select_input__input::-ms-clear {
    display: none
}

.c-multi_select_input__input--large {
    padding: 9px 12px;
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 400
}

.c-multi_select_input__input:active, .c-multi_select_input__input:focus {
    outline: none;
    width: auto
}

.c-multi_select_input--initial {
    align-items: center;
    display: flex
}

.c-multi_select_input__input--initial {
    width: 100%;
    margin-right: 8px
}

.c-multi_select_input__input--initial:active, .c-multi_select_input__input--initial:focus {
    width: 100%
}

.c-multi_select_input__input--sticky {
    width: auto
}

.c-multi_select_input__spinner {
    position: absolute;
    top: 8px;
    right: 8px
}

.c-multi_select_input--large .c-multi_select_input__spinner {
    top: 9px;
    right: 9px
}

.c-multi-select__hidden-message {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-multi_select_token__wrapper {
    float: left;
    display: flex
}

.c-multi_select_token__wrapper:hover {
    cursor: pointer
}

.c-multi_select_token__wrapper:focus {
    outline: none
}

.c-multi_select_token__remove {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-multi_select_token__remove:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_inverted_background, 29, 28, 29), .05)
}

.c-multi_select_token__spacer {
    outline: none
}

.c-token--selected .c-multi_select_token__remove {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), .7)
}

.c-token--selected .c-multi_select_token__remove:hover {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), .05)
}

.c-multi_select_input__tokens {
    display: unset;
    height: 0
}

.c-multi_select_input__tokens:focus {
    outline: none
}

.c-multi_select_input__announcer {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px
}

.c-multi_select_input[data-prefix]:not([data-prefix=""]):before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    content: attr(data-prefix);
    float: left;
    font-size: 15px;
    line-height: 34px;
    padding-left: 12px
}

.c-multi_select_input[data-prefix]:not([data-prefix=""]).c-multi_select_input--large:before {
    font-size: 18px;
    line-height: 40px
}

.c-accessible_multi_select_input {
    position: relative;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    overflow: hidden;
    min-height: 36px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 0 4px 4px 4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    line-height: 1.2
}

.c-accessible_multi_select_input:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-accessible_multi_select_input:focus:-moz-placeholder, .c-accessible_multi_select_input:focus:-ms-input-placeholder, .c-accessible_multi_select_input:focus::-moz-placeholder, .c-accessible_multi_select_input:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-accessible_multi_select_input[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-accessible_multi_select_input--large {
    min-height: 44px;
    font-size: 18px
}

.c-accessible_multi_select_input--initial {
    padding: 0 12px
}

.c-accessible_multi_select_input {
    padding-right: 26px
}

.c-accessible_multi_select_input .c-accessible_multi_select_input--large {
    padding-right: 29px
}

.c-accessible_multi_select_input:hover {
    overflow: auto
}

.c-accessible_multi_select_input--disabled {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-accessible_multi_select_input--focused {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-accessible_multi_select_input--focused:-moz-placeholder, .c-accessible_multi_select_input--focused:-ms-input-placeholder, .c-accessible_multi_select_input--focused::-moz-placeholder, .c-accessible_multi_select_input--focused::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-accessible_multi_select_input--invalid {
    border-color: #e01e5a
}

.c-accessible_multi_select_input--invalid:focus, .c-accessible_multi_select_input--invalid:focus-within {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3)
}

.c-accessible_multi_select_input--invalid.c-accessible_multi_select_input--focused {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

.c-accessible_multi_select_input__filter_query {
    min-width: 1px;
    height: 15px;
    margin-top: 4px
}

.c-accessible_multi_select_input__space {
    width: 0
}

.c-accessible_multi_select_input--large .c-accessible_multi_select_input__filter_query {
    height: 18px;
    margin-top: 5px
}

.c-accessible_multi_select_input--initial .c-accessible_multi_select_input__filter_query {
    margin-top: 8px
}

.c-accessible_multi_select_input--initial.c-accessible_multi_select_input--large .c-accessible_multi_select_input__filter_query {
    margin-top: 11px
}

.c-accessible_multi_select_input__placeholder {
    position: absolute;
    top: 8px;
    left: 12px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-accessible_multi_select_input--large .c-accessible_multi_select_input__placeholder {
    top: 11px
}

.c-accessible_multi_select_input__input {
    outline: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.c-accessible_multi_select_input__spinner {
    position: absolute;
    top: 8px;
    right: 8px
}

.c-accessible_multi_select_input--large .c-accessible_multi_select_input__spinner {
    top: 9px;
    right: 9px
}

.c-accessible_multi_select_input__token {
    display: inline-flex;
    cursor: pointer
}

.c-accessible_multi_select_input__remove_token {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-accessible_multi_select_input__remove_token:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_inverted_background, 29, 28, 29), .05)
}

.c-accessible_multi_select_input .c-token--selected .c-accessible_multi_select_input__remove_token {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), .7)
}

.c-accessible_multi_select_input .c-token--selected .c-accessible_multi_select_input__remove_token:hover {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), .05)
}

.c-calendar_view_header {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 16px
}

.c-calendar_view_header > * {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px
}

.c-calendar_view_header__stepper_btn {
    width: 32px;
    position: relative;
    top: 1px
}

.c-calendar_view_header__title {
    font-weight: 700;
    flex-grow: 1
}

.c-calendar_view_header__title_btn {
    padding: 0 10px
}

.c-calendar_view_header__stepper_btn, .c-calendar_view_header__title_btn {
    height: 32px;
    border-radius: 4px
}

.c-calendar_view_header__stepper_btn:hover, .c-calendar_view_header__title_btn:hover {
    background-color: rgba(29, 155, 209, .1)
}

.c-calendar_view_header__stepper_btn:active, .c-calendar_view_header__title_btn:active {
    background-color: #1264a3;
    color: #fff
}

.c-calendar_view_header__stepper_btn:disabled, .c-calendar_view_header__title_btn:disabled {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    cursor: default;
    pointer-events: none
}

.c-calendar_month {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    margin: 0
}

.c-calendar_month__day_of_week_heading {
    padding: 4px 0 6px;
    font-size: 13px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    border-bottom: none !important;
    text-align: center !important
}

.c-calendar_month__date_container {
    position: relative;
    border: 1px solid transparent;
    padding: 0
}

.c-calendar_year__list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 1px 0 0 1px
}

.c-calendar_year__month {
    flex: 1 1 33%;
    margin: 0;
    text-align: center;
    padding: 0 1px 1px 0;
    margin: -1px
}

.c-date_picker_calendar .c-calendar_view_header {
    display: flex;
    justify-content: space-between
}

.c-date_picker_calendar .c-calendar_view_header__title {
    flex: 1 0 0
}

.c-date_picker_calendar__date {
    padding: 10px;
    text-align: center;
    min-width: 44px;
    min-height: 42px;
    cursor: pointer;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    margin: -1px;
    line-height: 20px
}

.c-date_picker_calendar__date.c-date_picker_calendar__date--is_active:focus, .c-date_picker_calendar__date:not(.c-date_picker_calendar__date--disabled):hover {
    border-color: rgba(29, 155, 209, .3);
    position: relative;
    z-index: 1
}

.c-date_picker_calendar__date.c-date_picker_calendar__date--is_active:focus:not(.c-date_picker_calendar__date--is_selected), .c-date_picker_calendar__date:not(.c-date_picker_calendar__date--disabled):not(.c-date_picker_calendar__date--is_selected):hover {
    background-color: rgba(29, 155, 209, .2)
}

.c-date_picker_calendar__date--is_today {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-date_picker_calendar__date--is_today:after {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px solid var(--saf-0);
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%)
}

.c-date_picker_calendar__date--is_today.c-date_picker_calendar__date--is_selected:after {
    border-color: #fff
}

.c-date_picker_calendar__date--is_selected {
    color: #fff;
    background-color: #1264a3;
    border-radius: 4px
}

.c-date_picker_calendar__date--is_selected:after {
    border-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.c-date_picker_calendar__date--disabled, .c-mini_calendar__month_button:disabled {
    cursor: default;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-date_picker_calendar__date--disabled:hover, .c-mini_calendar__month_button:disabled:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-date_picker_calendar__date--first_week_start, .c-date_picker_calendar__date--month_start {
    border-top-left-radius: 4px
}

.c-date_picker_calendar__date--first_week_end {
    border-top-right-radius: 4px
}

.c-date_picker_calendar__date--last_week_start {
    border-bottom-left-radius: 4px
}

.c-date_picker_calendar__date--last_week_end, .c-date_picker_calendar__date--month_end {
    border-bottom-right-radius: 4px
}

.c-mini_calendar {
    max-width: 301px
}

.c-mini_calendar__date {
    padding: 10px;
    text-align: center;
    min-width: 24px;
    margin: -1px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-mini_calendar__month_button {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0)
}

.c-mini_calendar__month_1 {
    border-top-left-radius: 4px
}

.c-mini_calendar__month_3 {
    border-top-right-radius: 4px
}

.c-mini_calendar__month_10 {
    border-bottom-left-radius: 4px
}

.c-mini_calendar__month_12 {
    border-bottom-right-radius: 4px
}

.c-mini_calendar__month_button--is_active:focus, .c-mini_calendar__month_button:not(:disabled):hover {
    border-color: rgba(29, 155, 209, .3);
    position: relative;
    z-index: 1
}

.c-mini_calendar__month_button--is_active:focus:not(.c-mini_calendar__month_button--is_selected), .c-mini_calendar__month_button:not(.c-mini_calendar__month_button--is_selected):not(:disabled):hover {
    background-color: rgba(29, 155, 209, .2)
}

.c-mini_calendar__month_button--is_selected {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    background-color: #1264a3;
    border-radius: 4px
}

.c-date_picker__dropdown {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 16px;
    border-radius: 6px;
    pointer-events: auto
}

.c-date_picker_input .c-input_text_icon__icon {
    margin-left: 12px;
    width: auto;
    padding: 0
}

.c-date_picker_input .c-input_text_icon__icon--small {
    margin-left: 8px
}

.c-date_picker_input--small input.c-input_text {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    height: 28px
}

.c-date_picker_input--small input.c-input_text .emoji-sizer {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.c-date_picker_input--small .c-input_text--with_icon {
    padding-left: 28px
}

.c-date_picker_input--medium .c-input_text--with_icon {
    padding-left: 32px
}

.c-date_picker_input--large .c-input_text--with_icon {
    padding-left: 36px
}

.c-date_picker__select_input {
    padding-right: 36px
}

.c-date_picker_input--small .c-date_picker__select_input {
    padding-right: 28px
}

.c-date_picker_input--large .c-date_picker__select_input {
    padding-right: 44px
}

.c-date_picker__select_container {
    position: relative
}

.c-date_picker__icon, .c-date_picker__select_btn {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    height: 36px;
    width: 36px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-date_picker__icon[disabled], .c-date_picker__select_btn[disabled] {
    cursor: default
}

.c-date_picker__select_btn--small {
    height: 28px;
    width: 28px
}

.c-date_picker__select_btn--large {
    height: 44px;
    width: 44px
}

.c-date_picker__popover_overlay {
    pointer-events: none
}

.c-date_picker__clear_selection_container {
    margin: 16px -16px -16px -16px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.c-date_picker__clear_selection_btn {
    display: block;
    width: 100%;
    text-align: center;
    height: 44px;
    font-weight: 700
}

.c-date_picker__clear_selection_btn:focus, .c-date_picker__clear_selection_btn:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-date_range_picker_input {
    width: 650px
}

.c-date_range_picker_input__container {
    display: flex
}

.c-date_range_picker_input__container .c-date_picker_input {
    flex: 1 1 auto
}

.c-date_range_picker_input__container .c-date_picker_input:first-child {
    margin-right: 8px
}

.c-date_range_picker_input__container .c-date_picker_input:last-child {
    margin-left: 8px
}

.c-date_range_picker_input__button {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    width: 100%;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-date_range_picker_input__button:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-date_range_picker_input__button:focus:-moz-placeholder, .c-date_range_picker_input__button:focus:-ms-input-placeholder, .c-date_range_picker_input__button:focus::-moz-placeholder, .c-date_range_picker_input__button:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-date_range_picker_input__button[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-date_range_picker_input__button--small {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    height: 28px;
    padding: 0 8px
}

.c-date_range_picker_input__button--small .c-date_range_picker_input__button__icon:before {
    font-size: 13px
}

.c-date_range_picker_input__button--medium {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    height: 36px;
    padding: 0 12px
}

.c-date_range_picker_input__button--medium .c-date_range_picker_input__button__icon:before {
    font-size: 15px
}

.c-date_range_picker_input__button--large {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 400;
    height: 44px;
    padding: 0 12px
}

.c-date_range_picker_input__button--large .c-date_range_picker_input__button__icon {
    width: 22px
}

.c-date_range_picker_input__button--large .c-date_range_picker_input__button__icon:before {
    font-size: 18px
}

.c-date_range_picker_calendar {
    width: 674px;
    position: relative
}

.c-date_range_picker_calendar.c-date_range_picker_calendar--single-month {
    width: auto
}

.c-date_range_picker_calendar div:not(.c-date_range_picker_calendar--single-month .c-date_range_picker_calendar--popover) .c-calendar_view_header__right_stepper_btn {
    right: 0
}

.c-date_range_picker_calendar .c-calendar_month {
    width: 300px
}

.c-date_range_picker_calendar .c-calendar_view_header__stepper_btn {
    position: absolute;
    width: 32px;
    border-radius: 4px;
    top: 16px
}

.c-date_range_picker_calendar .c-calendar_view_header__right_stepper_btn {
    right: 16px
}

.c-date_range_picker_calendar--popover {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 6px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 5px 10px rgba(0, 0, 0, .12);
    padding: 16px
}

.c-date_range_picker_calendar__calendars {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.c-date_range_picker_calendar__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-date_range_picker_calendar__buttons--right {
    margin-left: auto
}

.c-date_range_picker_calendar__date {
    padding: 10px;
    text-align: center;
    min-width: 24px;
    cursor: pointer;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    margin: -1px;
    line-height: 22px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-date_range_picker_calendar__date:focus, .c-date_range_picker_calendar__date:hover {
    background-color: rgba(29, 155, 209, .2);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    outline: none;
    position: relative;
    z-index: 1
}

.c-date_range_picker_calendar__date:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border: none
}

.c-date_range_picker_calendar__date--is_today {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-date_range_picker_calendar__date--is_today:after {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px solid var(--saf-0);
    border-radius: 50%;
    margin: 5px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px
}

.c-date_range_picker_calendar__date--select_range_end, .c-date_range_picker_calendar__date--select_range_start {
    color: #fff;
    background-color: #1264a3
}

.c-date_range_picker_calendar__date--select_range_end:focus, .c-date_range_picker_calendar__date--select_range_end:hover, .c-date_range_picker_calendar__date--select_range_start:focus, .c-date_range_picker_calendar__date--select_range_start:hover {
    color: #fff;
    background-color: #0b4c8c;
    position: relative;
    z-index: 1
}

.c-date_range_picker_calendar__date--in_selected_range {
    background-color: rgba(29, 155, 209, .2)
}

.c-date_range_picker_calendar__date--in_selected_range:focus, .c-date_range_picker_calendar__date--in_selected_range:hover {
    background-color: rgba(29, 155, 209, .5);
    position: relative;
    z-index: 1
}

.c-date_range_picker_calendar__date--disabled {
    cursor: default;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-date_range_picker_calendar__date--disabled, .c-date_range_picker_calendar__date--disabled:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-date_range_picker_calendar__date--is_invalid {
    background-color: rgba(224, 30, 90, .1);
    border-color: rgba(224, 30, 90, 0)
}

.c-date_range_picker_calendar__date--is_invalid:hover {
    background-color: rgba(224, 30, 90, .1)
}

.c-date_range_picker_calendar__date--first_week_start, .c-date_range_picker_calendar__date--month_start {
    border-top-left-radius: 4px
}

.c-date_range_picker_calendar__date--first_week_end {
    border-top-right-radius: 4px
}

.c-date_range_picker_calendar__date--last_week_start {
    border-bottom-left-radius: 4px
}

.c-date_range_picker_calendar__date--last_week_end, .c-date_range_picker_calendar__date--month_end {
    border-bottom-right-radius: 4px
}

.c-date_range_picker__inputs {
    margin-bottom: 24px
}

.c-input_select_options_list_container:not(.c-input_select_options_list_container--always-open) {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    left: 0;
    margin: 4px 0;
    overflow: hidden;
    padding: 4px 0;
    position: absolute;
    z-index: 1000;
    outline: none
}

.c-input_select_options_list {
    height: 100%;
    overflow-y: auto
}

.c-input_select_options_list .ReactVirtualized__Grid__innerScrollContainer {
    will-change: transform
}

.c-input_select_options_list__option {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: pointer;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.15384615
}

.c-input_select_options_list__option--selected {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-input_select_options_list__option--active {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.4);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    border-radius: 4px;
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), .1)
}

.c-input_select_options_list__option:active, .c-input_select_options_list__option:focus {
    outline: none
}

.c-input_select_options_list__option .emoji-sizer {
    font-size: 13px
}

.c-input_select_options_list__option_description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-left: 4px
}

.c-input_select_options_list_container--grouped .c-input_select_options_list__option_group_label {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 2.15384615
}

.c-input_select_options_list_container--grouped .c-input_select_options_list__option:not(.c-input_select_options_list__option--placeholder) {
    padding-left: 16px
}

.c-input_select_options_list__empty_state {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: pointer;
    padding: 0 8px;
    font-size: 13px;
    line-height: 2.15384615;
    font-weight: 400;
    text-align: center
}

.c-input_select_options_list__empty_state--selected {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-input_select_options_list__empty_state--active {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.4);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    border-radius: 4px;
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), .1)
}

.c-input_select_options_list__empty_state:active, .c-input_select_options_list__empty_state:focus {
    outline: none
}

.c-input_select_options_list__empty_state .emoji-sizer {
    font-size: 13px
}

@media only screen and (max-width: 375px) {
    .c-input_select_options_list__empty_state {
        text-overflow: clip;
        overflow: visible;
        white-space: normal
    }
}

.c-input_select_options_list__loading_state {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    cursor: pointer;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.15384615;
    align-items: center;
    display: flex;
    height: 1.75rem;
    justify-content: center;
    line-height: 1.75rem;
    text-align: center
}

.c-input_select_options_list__loading_state--selected {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-input_select_options_list__loading_state--active {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 0.4);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    border-radius: 4px;
    background-color: rgba(var(--sk_highlight_accent, 29, 155, 209), .1)
}

.c-input_select_options_list__loading_state:active, .c-input_select_options_list__loading_state:focus {
    outline: none
}

.c-input_select_options_list__loading_state .emoji-sizer {
    font-size: 13px
}

.c-input_select_options_list__loading_state .c-input_select_options_list__loading_state_message {
    margin-left: 4px
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-input_select_options_list__virtualized_list::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-input_select_options_list__virtualized_list:hover::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.c-input_select_options_list__virtualized_list:not(.c-input_select_options_list__virtualized_list--full-width) .ReactVirtualized__Grid__innerScrollContainer {
    margin: 0 4px
}

.c-input_select {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    padding: 0;
    cursor: pointer;
    font-size: 15px;
    line-height: 1.86666667;
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    font-weight: 400;
    justify-content: space-between
}

.c-input_select:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-input_select:focus:-moz-placeholder, .c-input_select:focus:-ms-input-placeholder, .c-input_select:focus::-moz-placeholder, .c-input_select:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-input_select[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    cursor: default
}

.c-input_select--with_default {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border: 1px solid var(--saf-0);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_select--with_default:focus {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    --saf-1: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 0.3);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px var(--saf-1);
    border-radius: 4px
}

.c-input_select--with_info {
    border: 1px solid #1d9bd1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_select--with_info:focus {
    box-shadow: 0 0 0 1px #1d9bd1, 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-input_select--with_success {
    border: 1px solid #007a5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_select--with_success:focus {
    box-shadow: 0 0 0 1px #007a5a, 0 0 0 5px rgba(0, 122, 90, .3);
    border-radius: 4px
}

.c-input_select--with_warning {
    border: 1px solid #e8912d;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_select--with_warning:focus {
    box-shadow: 0 0 0 1px #e8912d, 0 0 0 5px rgba(232, 145, 45, .3);
    border-radius: 4px
}

.c-input_select--with_error {
    border: 1px solid #e01e5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.c-input_select--with_error:focus {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

.c-input_select--with_inline_alert, .c-input_select--with_inline_alert.c-input_select--with_error {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.c-input_select--active, .c-input_select:focus {
    outline: none
}

.c-input_select--active {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-input_select--active:-moz-placeholder, .c-input_select--active:-ms-input-placeholder, .c-input_select--active::-moz-placeholder, .c-input_select--active::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-input_select--with_hint {
    margin-bottom: 0
}

input.c-input_select__filter_input {
    font-size: 15px;
    line-height: 1.86666667;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: transparent;
    border: 0;
    border-radius: 4px;
    height: 100%;
    margin: 0;
    outline: none;
    padding: 4px 12px;
    width: calc(100% - 20px);
    cursor: pointer
}

input.c-input_select__filter_input::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

input.c-input_select__filter_input:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

input.c-input_select__filter_input::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

input.c-input_select__filter_input::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

input.c-input_select__filter_input::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

input.c-input_select__filter_input[disabled] {
    cursor: default
}

.c-input_select--short input.c-input_select__filter_input {
    font-size: 13px;
    line-height: 1.38461538;
    height: 28px;
    height: 100%
}

.c-input_select--short input.c-input_select__filter_input .emoji-sizer {
    font-size: .8125rem
}

.c-input_select--short input.c-input_select__filter_input .c-input_select__chevron {
    height: 28px
}

.c-input_select--short input.c-input_select__filter_input .c-input_select__selected_value {
    line-height: 28px;
    height: 28px
}

input.c-input_select__filter_input.offscreen {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-input_select__selected_value {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    display: flex;
    outline: none;
    padding: 4px 12px;
    width: 100%
}

.c-input_select__selected_value .c-input_select__selected_value_mrkdwn {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.c-input_select__selected_value--active, .c-input_select__selected_value--placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-input_select__chevron {
    flex-shrink: 0;
    font-size: 1.25rem;
    position: relative;
    right: 8px
}

.c-input_select--short {
    font-size: 13px;
    line-height: 1.38461538;
    height: 28px
}

.c-input_select--short .emoji-sizer {
    font-size: .8125rem
}

.c-input_select--short .c-input_select__chevron {
    height: 28px
}

.c-input_select--short .c-input_select__selected_value {
    line-height: 28px;
    height: 28px
}

.c-input_select.c-input_select--small {
    height: 28px;
    font-size: 13px
}

.c-input_select--large {
    height: 44px
}

.c-input_select--open_panel {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    left: 0;
    margin: 4px 0;
    overflow: hidden;
    padding: 4px 0;
    position: absolute;
    z-index: 1000;
    padding: 20px 20px 0
}

.c-input_select--open_panel:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-input_select--open_panel:focus:-moz-placeholder, .c-input_select--open_panel:focus:-ms-input-placeholder, .c-input_select--open_panel:focus::-moz-placeholder, .c-input_select--open_panel:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-input_select--open_panel[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-input_select--always-open.c-input_select--sans-filter {
    border: 0;
    box-shadow: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.c-input_select--always-open.c-input_select--sans-filter:focus {
    box-shadow: none
}

.c-input_select__icon:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 15px;
    padding-right: 8px;
    padding-left: 12px
}

.c-input_select--with_icon input.c-input_select__filter_input {
    padding-left: 0
}

.p-deprecated_channel_name {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    line-height: inherit;
    overflow: initial;
    padding: 0;
    text-align: initial;
    vertical-align: initial;
    cursor: pointer;
    white-space: nowrap
}

.p-deprecated_channel_name:active, .p-deprecated_channel_name:focus, .p-deprecated_channel_name:hover {
    outline: none
}

.p-deprecated_channel_name--clickable {
    cursor: pointer
}

.p-deprecated_channel_name--archived {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-deprecated_channel_name__text--inline {
    margin-right: 4px
}

.p-deprecated_channel_name .c-team_icon {
    margin-left: 4px;
    margin-right: 8px
}

.p-deprecated_channel_name__team_name {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-deprecated_channel_name__team_name--xws {
    display: inline-flex;
    align-items: baseline;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    opacity: .7
}

.p-deprecated_channel_name__team_name_child {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-deprecated_channel_name__team_icon.c-team_icon--default {
    display: inline-flex
}

.p-deprecated_channel_name__suffix {
    margin-left: 4px
}

.c-input_select__secondary_member_name {
    margin-left: 4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-create_event_modal .conference-app-select {
    display: flex;
    align-items: center
}

.p-create_event_modal .conference-app-select .conference-link {
    flex: 1 1 1em;
    text-align: center;
    margin-top: 16px
}

.p-create_event_modal .conference-app-select .conference-link .link-icon {
    margin-right: 1.6px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-create_event_modal .conference-app-select .conference-link .c-alert--inline {
    margin-left: 35px
}

.p-create_event_modal .conference-app-select .conference-app-list .c-input_select__selected_value .conference-app, .p-create_event_modal .conference-app-select .conference-app-list .conference-option .conference-app {
    display: flex;
    margin-top: 4px
}

.p-create_event_modal .conference-app-select .conference-app-list .c-input_select__selected_value .conference-app .app-logo, .p-create_event_modal .conference-app-select .conference-app-list .c-input_select__selected_value .conference-app .c-icon.none-option, .p-create_event_modal .conference-app-select .conference-app-list .c-input_select__selected_value .conference-app img, .p-create_event_modal .conference-app-select .conference-app-list .conference-option .conference-app .app-logo, .p-create_event_modal .conference-app-select .conference-app-list .conference-option .conference-app .c-icon.none-option, .p-create_event_modal .conference-app-select .conference-app-list .conference-option .conference-app img {
    width: 16px;
    height: 16px;
    margin-top: -1px
}

.p-create_event_modal .conference-app-select .conference-app-list .c-input_select__selected_value .conference-app .c-icon.none-option:before, .p-create_event_modal .conference-app-select .conference-app-list .conference-option .conference-app .c-icon.none-option:before {
    font-size: 16px;
    position: absolute
}

.p-create_event_modal .conference-app-select .conference-app-list .c-input_select__selected_value .conference-app .app-name, .p-create_event_modal .conference-app-select .conference-app-list .conference-option .conference-app .app-name {
    margin-left: 7px;
    margin-top: -4px
}

.p-create_event_modal .remove-link {
    margin-left: 8px;
    position: relative;
    top: 1px
}

.p-create_event_modal .event-date-picker {
    padding-left: 36px
}

.p-create_event_modal .slot-selection {
    justify-content: space-between;
    display: flex
}

.p-create_event_modal .slot-selection .c-input_select__selected_value {
    padding: 4px 0
}

.p-create_event_modal .c-input_select__wrapper, .p-create_event_modal .c-menu_select__wrapper {
    width: 215px
}

.p-create_event_modal .c-input_select__wrapper .c-menu_select, .p-create_event_modal .c-menu_select__wrapper .c-menu_select {
    height: 36px
}

.p-create_event_modal .available-time-slots .suggested-option:nth-last-child(2) {
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px
}

.p-create_event_modal .available-time-slots .suggested-option .time-slot-range {
    display: block
}

.p-create_event_modal .available-time-slots .suggested-option .time-slot-range.change-selection-mode {
    font-size: 13px;
    margin-top: 8px
}

.p-create_event_modal .available-time-slots .suggested-option .time-slot-availability {
    display: block;
    font-size: 12px;
    color: #868686;
    margin-top: -4px;
    white-space: normal;
    line-height: 16px
}

.p-create_event_modal .custom-time-slots .custom-option:nth-last-child(2) {
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px
}

.p-create_event_modal .custom-time-slots .custom-option .time-slot-range {
    display: block
}

.p-create_event_modal .custom-time-slots .custom-option .time-slot-range.change-selection-mode {
    font-size: 13px;
    margin-bottom: 12px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-create_event_modal .date-error, .p-create_event_modal .event-retry {
    margin-bottom: 12px
}

.p-create_event_modal .calendar-image {
    margin-top: -3px
}

.p-create_event_modal .p-create_event_modal__share_in_channel .c-label__text {
    margin-left: -5px
}

.p-create_event_modal .suggested-timeslot-container {
    padding-left: 30px;
    flex: 1
}

.p-create_event_modal .suggested-timeslot-container .loader-with-message {
    display: flex;
    color: #868686;
    margin-top: 5px
}

.p-create_event_modal .suggested-timeslot-container .loader-with-message .loader-message {
    margin-left: 10px
}

.p-oauth_scope_info .p-oauth_scope_info__safe_scopes:not(:last-child) {
    border: none
}

.p-oauth_scope_info__spacer_icon {
    color: #f2c744;
    height: 24px;
    margin-right: 12px
}

.p-oauth_scope_info__expander_icon {
    height: 1.25rem
}

.p-oauth_scope_info__scope_description {
    font-size: 15px
}

.p-oauth_scope_info__dangerous_scopes, .p-oauth_scope_info__safe_scopes {
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-oauth_scope_info__dangerous_scopes {
    border-left: 5px solid #f2c744;
    border-radius: .25rem;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-oauth_scope_info__dangerous_scope {
    padding: 1rem 1rem 1rem .75rem
}

.p-oauth_scope_info__safe_scope {
    padding: 1.125rem 1rem 1.125rem
}

.p-oauth_scope_info__dangerous_scope:not(:first-child), .p-oauth_scope_info__safe_scope {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-app_permission_dialog {
    max-height: none;
    width: 420px
}

.p-app_permission_dialog .c-dialog__body {
    max-height: calc(100vh - 165px);
    padding: 40px 24px 0;
    position: relative
}

.p-app_permission_dialog .c-dialog__footer {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 24px
}

.p-app_permission_dialog .c-dialog__footer_buttons {
    display: flex;
    width: 100%
}

.p-app_permission_dialog .c-dialog__cancel, .p-app_permission_dialog .c-dialog__go {
    width: 100%;
    max-width: 100%
}

.p-app_permission_dialog .c-dialog__go {
    margin-left: 16px
}

.p-app_permission_dialog .c-dialog__go .c-infinite_spinner {
    margin-right: 0
}

.p-app_permission_dialog .c-dialog__cancel {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-app_permission_dialog .c-dialog__cancel:hover {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-app_permission_dialog .c-dialog__close {
    position: absolute;
    top: 24px;
    right: 21px;
    margin: 0
}

.p-app_permission_dialog .p-oauth_scope_info__safe_scopes:last-child {
    border: none
}

.p-app_permission_dialog .p-oauth_scope_info__dangerous_scopes {
    margin-bottom: 24px
}

.p-app_permission_dialog__app_icon {
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    height: 48px;
    width: 48px
}

.p-app_permission_dialog__app_icon--placeholder {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-app_permission_dialog .p-deprecated_channel_name .c-deprecated-icon:before {
    font-size: 23.99999994px;
    line-height: 24.00012px;
    margin: 0 -2px
}

.c-multi_select_helper_text {
    display: flex
}

.c-multi_select_helper_text__icon_container {
    margin-right: 4px
}

.c-multi_select_helper_text__icon_container--error {
    color: #e01e5a
}

.c-multi_select_helper_text__icon_container--unknown {
    color: #1d9bd1
}

.p-bulk_invite_emails__note {
    font-size: 13px;
    line-height: 1.38463
}

.p-bulk_invite_emails__note, .p-invites_channel_picker__note {
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-invites_channel_picker__note a {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-invites_channel_picker__note a:hover {
    cursor: pointer
}

.p-invites_share_link__content {
    padding-bottom: 8px
}

.p-invites_share_link__deactivate_text:after {
    content: "\A0"
}

.p-invites_share_link__deactivate:hover, .p-invites_share_link__expires_message:hover {
    cursor: pointer;
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
}

.p-invites_share_link__disable_notifications__label {
    font-weight: 400
}

.p-admin_member_table__page {
    position: relative
}

@media only screen and (min-width: 1441px) {
    .p-admin_member_table__page.widescreen:not(.nav_open) nav#site_nav {
        background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
        border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
        margin-top: 80px
    }
}

.p-admin_member_table__page #page {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-admin_member_table__page #page_contents {
    position: relative;
    margin: 0;
    padding: 0;
    top: 80px;
    width: 100%
}

@media only screen and (max-height: 768px), screen and (max-width: 640px) {
    .p-admin_member_table__page #page_contents {
        top: 65px
    }
}

@media screen and (max-width: 450px) {
    .p-admin_member_table__page #page_contents {
        position: fixed
    }
}

.p-admin_member_table__search_input {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    width: 100%
}

.p-admin_member_table__search_input:active {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.p-admin_member_table__wrapper {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 0 80px
}

@media only screen and (min-width: 1441px) {
    .p-admin_member_table__wrapper {
        margin-left: 300px
    }
}

@media screen and (max-width: 930px) {
    .p-admin_member_table__wrapper {
        padding: 0 50px
    }
}

@media screen and (max-width: 615px) {
    .p-admin_member_table__wrapper {
        padding: 0
    }
}

@media screen and (max-width: 450px) {
    .p-admin_member_table__wrapper {
        width: 100vw
    }
}

.p-admin_member_table {
    max-width: 75rem;
    position: relative;
    margin: 0 auto;
    padding-bottom: 64px
}

@media screen and (max-width: 1455px) {
    .p-admin_member_table {
        margin: 0 auto
    }
}

@media screen and (max-width: 640px) {
    .p-admin_member_table .c-table_view_row_header {
        display: none
    }
}

.p-admin_member_table__caption {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-top: 12px
}

.p-admin_member_table__row_header {
    white-space: nowrap
}

.p-admin_member_table__row_header.c-table_view_header_item {
    flex: 0 0 auto;
    padding: 16px 0 12px 16px
}

.p-admin_member_table__row_header--active.c-table_view_header_item .c-deprecated-icon, .p-admin_member_table__row_header--active .c-table_view_header_item_value {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-admin_member_table__header--name {
    width: 35%
}

@media screen and (max-width: 1185px) {
    .p-admin_member_table__header--name {
        width: 42%
    }
}

@media screen and (max-width: 1060px) {
    .p-admin_member_table__header--name {
        width: 55%
    }
}

@media screen and (max-width: 705px) {
    .p-admin_member_table__header--name {
        width: calc(100% - 71px)
    }
}

.p-admin_member_table__header--account_type {
    width: 27%;
    cursor: default
}

@media screen and (max-width: 705px) {
    .p-admin_member_table__header--account_type {
        display: none
    }
}

.p-admin_member_table__header--status {
    width: 18%;
    cursor: default
}

@media screen and (max-width: 1060px) {
    .p-admin_member_table__header--status {
        display: none
    }
}

.p-admin_member_table__header--authentication {
    width: 14%;
    cursor: default
}

@media screen and (max-width: 1185px) {
    .p-admin_member_table__header--authentication {
        display: none
    }
}

.p-admin_member_table__header--actions.p-admin_member_table__row_header {
    flex-grow: 1
}

.p-admin_member_table__list {
    margin-top: 4px;
    margin-left: 4px
}

.p-admin_member_table__row {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-admin_member_table__row .c-table_view_row_item {
    flex: 0 0 auto;
    align-self: center
}

.p-admin_member_table__row--deactivated {
    background: rgba(var(--sk_inverted_background, 29, 28, 29), .03);
    opacity: .7
}

.p-admin_member_table__row--deactivated--bounced {
    background: rgba(242, 199, 68, .2)
}

.p-admin_member_table__row--deactivated--bounced .p-admin_member_table__row__email--address {
    color: #e01e5a
}

.p-admin_member_table__row--deactivated--bounced:hover {
    background: rgba(242, 199, 68, .2) !important
}

.p-admin_member_table__row--active {
    background: rgba(242, 199, 68, .5)
}

.p-admin_member_table_row_item--name {
    width: 35%
}

@media screen and (max-width: 1185px) {
    .p-admin_member_table_row_item--name {
        width: 42%
    }
}

@media screen and (max-width: 1060px) {
    .p-admin_member_table_row_item--name {
        width: 55%
    }
}

@media screen and (max-width: 705px) {
    .p-admin_member_table_row_item--name {
        width: calc(100% - 71px)
    }
}

.p-admin_member_table__row__name {
    display: flex;
    flex-direction: row
}

.p-admin_member_table__row__name_divider:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 4px
}

.p-admin_member_table__row__avatar {
    margin-right: 16px;
    margin-top: 4px;
    flex-shrink: 0
}

.p-admin_member_table__row__real_name {
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-admin_member_table__row__display_name_and_email {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    white-space: nowrap
}

.p-admin_member_table__row__display_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-admin_member_table_row_item--account_type {
    width: 27%
}

.p-admin_member_table__guest_expiration {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-left: 11px
}

.p-admin_member_table__member_type {
    display: flex;
    white-space: nowrap
}

.p-admin_member_table__member_type_icon {
    display: inline-block;
    width: 3px;
    border-radius: 2px;
    height: 12px;
    background: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    margin-right: 8px;
    margin-top: 5px;
    flex-shrink: 0
}

.p-admin_member_table__member_type_icon--owner, .p-admin_member_table__member_type_icon--primary_owner {
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.p-admin_member_table__member_type_icon--admin {
    background: #e8912d
}

.p-admin_member_table__member_type_icon--restricted, .p-admin_member_table__member_type_icon--ultra_restricted {
    background: #1d9bd1
}

.p-admin_member_table .p-admin_member_table_row_item--status {
    width: 18%
}

@media screen and (max-width: 1060px) {
    .p-admin_member_table .p-admin_member_table_row_item--status {
        display: none
    }
}

.p-admin_member_table .p-admin_member_table_row_item--authentication {
    width: 14%
}

@media screen and (max-width: 1185px) {
    .p-admin_member_table .p-admin_member_table_row_item--authentication {
        display: none
    }
}

@media screen and (max-width: 705px) {
    .p-admin_member_table .p-admin_member_table_row_item--account_type {
        display: none
    }
}

.p-admin_member_table_row_item--actions {
    text-align: right;
    margin-right: 16px
}

.p-admin_member_table_row_item--actions.c-table_view_row_item {
    flex-grow: 1
}

.p-admin_member_table__menu_button.active {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-admin_member_table__menu_button.c-button-unstyled {
    display: inline-flex;
    width: 36px;
    height: 24px;
    border-radius: 4px;
    justify-content: center
}

.p-admin_member_table__menu_button.c-button-unstyled.active, .p-admin_member_table__menu_button.c-button-unstyled:hover {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0)
}

@media screen and (max-width: 705px) {
    .p-admin_member_table__menu_button.c-button-unstyled {
        --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
        border: 1px solid var(--saf-0)
    }
}

.p-admin_member_table__menu_button--disabled.c-button-unstyled {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border: 0
}

.p-admin_member_table__menu_button--disabled.c-button-unstyled:hover {
    cursor: default;
    border: 0
}

.c-table_view_row_item.p-admin_member_table__filter_row {
    width: 100%;
    padding-right: 45px;
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-admin_member_table__filter_row__item {
    padding: 4px 0;
    display: flex;
    align-items: center;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .67)
}

.p-admin_member_table__filter_row__avatar {
    flex-shrink: 0;
    height: 36px;
    width: 36px;
    margin-right: 16px;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.11);
    border: 1px solid var(--saf-0)
}

.p-admin_member_table__filter_row__avatar_icon {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .67);
    position: relative;
    top: 7px;
    left: 7px
}

.c-button-unstyled.p-admin_member_table__filter_row__btn {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    margin-left: 4px
}

.c-table_view_row_item.p-admin_member_table__search_row {
    text-align: center;
    width: 100%;
    padding: 80px 16px;
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-admin_member_table__row__email {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 50
}

button.p-admin_member_table__menu_item--disabled {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

button.p-admin_member_table__menu_item--disabled:hover {
    cursor: default
}

input.p-admin_member_table__edit_profile_input {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    padding: 8px;
    border-radius: 3px
}

.p-admin_member_table_dialog_joined_text {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-admin_member_table_dialog__ReactModal__Body--open {
    position: fixed;
    overflow-y: hidden
}

.c-dialog.p-admin_member_table__dialog_overlay {
    position: fixed;
    height: 100vh
}

.c-dialog.p-admin_member_table__dialog_overlay .c-dialog__content {
    position: relative
}

@media screen and (max-width: 450px) {
    .c-dialog.p-admin_member_table__dialog_overlay .c-dialog__content {
        max-height: 500px
    }
}

.p-admin_member_table__speedbump_header {
    font-size: 28px;
    line-height: 1.2143;
    font-weight: 900;
    margin-bottom: 20px
}

.p-admin_member_table__speedbump_p {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin-bottom: 24px;
    word-wrap: break-word
}

.p-admin_member_table__page input.focus-ring.c-multi_select_input__input {
    box-shadow: none !important
}

.p-admin_member_table__edit_channels {
    padding-bottom: 16px
}

.p-admin_member_table__edit_channels .c-lazy_filter_select__input_container--active {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-admin_member_table__edit_channels .c-lazy_filter_select--single .c-lazy_filter_select__input_container:after {
    content: "\E252";
    right: 8px
}

.p-admin_member_table__edit_channels .c-lazy_filter_select--single .c-lazy_filter_select__input_container--active {
    height: 39px
}

.p-admin_member_table__edit_channels .c-lazy_filter_select__item {
    line-height: 26px;
    padding: 0 0 0 6px
}

.p-admin_member_table__edit_channels--list_top .c-lazy_filter_select__list_container {
    top: -158px
}

.p-admin_member_table__edit_channels--error .c-lazy_filter_select__input_container {
    border: 1px solid #e01e5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.p-admin_member_table__edit_channels--error .c-lazy_filter_select__input_container:focus {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

.p-admin_member_table__edit_channels .c-lazy_filter_select__token {
    line-height: 24px;
    padding: 6px 0 6px 6px
}

.p-admin_member_table__edit_channels .c-lazy_filter_select__token--single {
    height: 24px;
    margin: 6px 0 4px;
    padding-left: 12px
}

.c-alert.p-admin_member_table__edit_channels_error_label {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0;
    margin-bottom: 0
}

.p-admin_member_table_unified_filter {
    padding: 20px;
    min-height: 294px;
    width: 641px;
    border-radius: 6px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.11);
    border: 1px solid var(--saf-0);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

@media screen and (max-width: 705px) {
    .p-admin_member_table_unified_filter {
        width: 540px
    }
}

@media screen and (max-width: 615px) {
    .p-admin_member_table_unified_filter {
        display: none
    }
}

.p-admin_member_table_unified_filter__grid {
    width: 450px
}

.p-admin_member_table_unified_filter__top {
    display: flex;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    justify-content: space-between;
    margin-bottom: 16px
}

.p-admin_member_table_unified_filter__menus {
    display: flex;
    min-height: 172px;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-menu.p-admin_member_table_unified_filter__account_type, .c-menu.p-admin_member_table_unified_filter__status {
    box-shadow: none;
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-menu.p-admin_member_table_unified_filter__status {
    padding-left: 24px;
    border-radius: 0
}

.c-menu.p-admin_member_table_unified_filter__auth {
    padding-left: 24px;
    box-shadow: none
}

.p-admin_member_table_unified_filter__titles {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .67);
    margin-bottom: 8px
}

.c-label.p-admin_member_table_unified_filter__labels {
    padding-right: 20px;
    font-weight: 400;
    color: #000
}

.c-label.p-admin_member_table_unified_filter__labels .c-label__subtext {
    display: inline;
    margin-left: 4px
}

.p-admin_member_table_unified_filter__bottom {
    padding-top: 16px
}

.p-admin_member_table_unified_filter__grid_deactivate {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .67);
    margin-bottom: 12px
}

.p-admin_member_table__date_picker_wrapper {
    position: relative
}

.p-admin_member_table__date_picker_trigger.c-button-unstyled {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    display: block;
    width: 100%;
    margin-top: 12px
}

.p-admin_member_table__date_picker_trigger.c-button-unstyled:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.p-admin_member_table__date_picker_trigger.c-button-unstyled:focus:-moz-placeholder, .p-admin_member_table__date_picker_trigger.c-button-unstyled:focus:-ms-input-placeholder, .p-admin_member_table__date_picker_trigger.c-button-unstyled:focus::-moz-placeholder, .p-admin_member_table__date_picker_trigger.c-button-unstyled:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.p-admin_member_table__date_picker_trigger.c-button-unstyled[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

@media screen and (max-width: 330px) {
    .p-admin_member_table__date_picker_trigger.c-button-unstyled {
        font-size: 11px
    }
}

.p-admin_member_table__date_picker_trigger.active .c-icon--calendar {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-admin_member_table__toast.c-toast {
    position: fixed;
    box-shadow: none
}

.p-admin_member_table__toast--warning.p-admin_member_table__toast_icon.c-icon {
    margin-right: 20px
}

.p-admin_member_table__page .admin-timings-wrapper {
    padding: 80px 80px 0 80px
}

@media only screen and (min-width: 1441px) {
    .p-admin_member_table__page .admin-timings-wrapper {
        margin: 0 300px
    }
}

.p-invite_modal_invites_sent__subtitle {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900
}

.p-invite_members_form .c-fullscreen_modal__body {
    padding-top: 105px;
    overflow-y: hidden
}

.p-invite_members_form .c-fullscreen_modal__body__content {
    width: 640px
}

.p-invite_members_form__header {
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: -.5px;
    margin-bottom: 48px
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__header {
        margin-bottom: 0
    }
}

header.p-invite_members_form__header {
    background: transparent;
    box-shadow: none;
    position: relative;
    height: auto
}

.p-invite_members_form__header_copy {
    font-size: 2rem;
    font-weight: 300
}

.p-invite_members_form__header_copy > strong {
    font-weight: 400
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__header_copy {
        font-size: 1.4rem
    }
}

.p-invite_members_form__subheader_copy {
    margin-top: 1rem;
    font-size: 1.125rem;
    font-weight: 400
}

.p-invite_members_form__expiration_copy {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 400
}

.p-invite_members_form__header_icon {
    color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1)
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__header_icon {
        display: none
    }
}

.p-invite_members_form__invite_row {
    display: flex
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__invite_row {
        position: relative;
        flex-direction: column
    }
}

.p-invite_members_form__invite_row_field {
    flex-grow: 1;
    flex-basis: 0
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__invite_row_field .c-input_text.p-invite_members_form__invite_row_input {
        margin: 0 0 8px 0
    }
}

.p-invite_members_form__invite_row_input--dialog.c-input_text:not(.c-input_text--with_error) {
    margin-bottom: 12px
}

.p-invite_members_form__invite_row_field--email-address {
    padding-right: 4px
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__invite_row_field--email-address {
        padding: 0
    }
}

.p-invite_members_form__invite_row_field--name {
    padding-left: 4px
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__invite_row_field--name {
        padding: 0
    }
}

.p-invite_members_form__invite_row_field--optional {
    font-weight: 400;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-invite_members_form__invite_row_field--name_without_close_button {
    margin-right: 36px
}

.p-invite_members_form__invite_row_field--group {
    padding-right: 8px
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__invite_row_field--group {
        padding: 0
    }
}

.p-invite_members_form__invite_row_delete_button {
    height: 36px;
    width: 36px
}

@media only screen and (max-width: 640px) {
    .p-invite_members_form__invite_row_delete_button {
        position: absolute;
        right: -32px
    }
}

.p-invite_members_form__google_directory_group {
    background-color: rgba(29, 155, 209, .1);
    border-radius: 4px;
    height: 36px;
    display: flex;
    align-items: center;
    flex: 1;
    padding: 8px;
    margin-bottom: 8px
}

.p-invite_members_form__add_row_and_bulk_copy {
    font-size: 15px
}

.p-invite_members_form__add_row_and_bulk_button {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-size: 15px
}

.p-invite_members_form__add_row_and_bulk_button_disabled {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-invite_members_form__add_to_team_button {
    flex: 1;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    margin-right: 8px;
    padding: 24px 8px;
    text-align: center;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    transition: all 80ms linear
}

.p-invite_members_form__add_to_team_button:last-child {
    margin-right: 0
}

.p-invite_members_form__add_to_team_button:hover {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 1px 12px rgba(0, 0, 0, .12);
    transform: translateY(-4px)
}

.p-invite_members_form__add_to_team_button:active, .p-invite_members_form__add_to_team_button:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    text-decoration: none
}

.p-invite_members_form__add_row_icon {
    top: 1px
}

.p-invite_members_form__invitation_buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.p-invite_members_form__show_invite_link_view_wrapper {
    flex-grow: 1
}

.p-invite_members_form__show_invite_link_view_copy:active, .p-invite_members_form__show_invite_link_view_copy:hover {
    text-decoration: underline
}

.p-invite_members_form__show_invite_link_view:active, .p-invite_members_form__show_invite_link_view:hover {
    text-decoration: none
}

.p-invite_members_form__sent_invites_table {
    width: 100%;
    margin-bottom: 2rem;
    border-collapse: collapse;
    text-align: left
}

.p-invite_members_form__sent_invites_table--large_text {
    font-size: 1.125rem
}

.p-invite_members_form__sent_invites_cell {
    width: 50%;
    padding: .5rem 1rem .5rem 0
}

.p-invite_members_form__sent_invites_cell--non_header {
    vertical-align: top
}

.p-invite_members_form__sent_invites_header_cell--successful {
    border-bottom: 2px solid #007a5a
}

.p-invite_members_form__sent_invites_header_cell--unsuccessful {
    border-bottom: 2px solid #e01e5a
}

.p-invite_members_form__post_send_buttons {
    display: flex;
    padding-top: 2rem
}

.p-invite_members_form__left_post_send_buttons {
    flex-grow: 1
}

.p-invite_members_form__pending_invites {
    margin-right: 8px
}

.p-invite_members_form__pending_invites:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-invite_members_form_wrapper #channel_picker_dropdown, .p-invite_members_form_wrapper #guest_expiration, .p-invite_members_form_wrapper .p-admin_member_table__date_picker_trigger.c-button-unstyled {
    width: calc(100% - 36px)
}

.p-invite_members_form__pricing_banner {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    border: 1px solid var(--saf-0);
    margin-bottom: 12px;
    padding: 12px 8px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background: rgba(29, 155, 209, .06);
    border-radius: 4px
}

.p-invite_members_form__pricing_banner__icon {
    color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1)
}

.p-invite_members_form__footer_link, .p-invite_members_form__footer_message {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-invite_members_form__footer_link {
    text-decoration: underline
}

.p-invite_members_form__footer_link:hover, .p-invite_members_form__footer_link:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-invite_members_form__add_custom_message__link {
    text-decoration: underline
}

.p-invite_members_form__add_custom_message__link:hover, .p-invite_members_form__custom_message__close_icon:hover {
    cursor: pointer
}

.p-invite_members_form__channel_option.c-channel_icon {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 0
}

.p-invite_members_form__request_members_reason {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-top: 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-invite_members_form_google_icon {
    width: 20px;
    height: 20px;
    background-image: url(https://a.slack-edge.com/bv1-9/google-591886b.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative
}

.p-invite_members_form_google_icon--16 {
    width: 16px;
    height: 16px
}

.p-invite_members_form_office_icon {
    width: 20px;
    height: 20px;
    background-image: url(https://a.slack-edge.com/bv1-9/outlook-cb8ee69.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative
}

.p-invite_members_form_office_icon--16 {
    width: 16px;
    height: 16px
}

.p-select_invite_type__header {
    font-size: 2rem;
    letter-spacing: -.5px;
    font-weight: 300;
    margin: 32px
}

@media only screen and (max-width: 640px) {
    .p-select_invite_type__header {
        font-size: 1.4rem;
        margin: 0
    }
}

.p-select_invite_type__link--subtitle {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 400
}

.p-select_invite_type__header_icon {
    color: #1d9bd1
}

@media only screen and (max-width: 640px) {
    .p-select_invite_type__header_icon {
        display: none
    }
}

.p-select_invite_type__arrow_icon {
    color: #1d9bd1;
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 5rem;
    opacity: 0;
    transition: all .3s;
    transform: translateY(-50%)
}

.p-select_invite_type__link--learn, .p-select_invite_type__link--learn:hover, .p-select_invite_type__link--learn:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-select_invite_type__link--main {
    padding: 24px 64px 24px 24px;
    position: relative
}

.p-select_invite_type__link--main:hover {
    cursor: pointer
}

.p-select_invite_type__link--main:hover .p-select_invite_type__arrow_icon {
    opacity: 1
}

@media only screen and (max-width: 640px) {
    .p-select_invite_type__link--main:hover .p-select_invite_type__arrow_icon {
        opacity: 0
    }
}

@media only screen and (max-width: 640px) {
    .p-select_invite_type__link--main {
        padding: 16px 8px
    }
}

.p-select_invite_type__link--disabled .p-select_invite_type__link--subtitle, .p-select_invite_type__link--disabled h2 {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-select_invite_type__link--disabled:hover {
    cursor: auto
}

.p-select_invite_type__link--disabled:hover .p-select_invite_type__arrow_icon {
    opacity: 0
}

.p-select_invite_type__pending {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 400;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-select_invite_type__member_type {
    font-size: 24px;
    font-weight: 400
}

@media only screen and (max-width: 640px) {
    .p-select_invite_type__member_type {
        font-size: 20px;
        font-weight: 700
    }
}

@media only screen and (max-width: 640px) {
    .p-select_invite_type__first_divider {
        display: none
    }
}

.p-select_invite_type__option {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-select_invite_type__option:hover:not(.p-select_invite_type__option--disabled) .p-select_invite_type__member_type_name {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-select_invite_type__option:hover:not(.p-select_invite_type__option--disabled) .p-select_invite_type__chevron {
    transform: translateX(8px);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-select_invite_type__option--disabled {
    display: block;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-select_invite_type__option--disabled .p-select_invite_type__option_member_type {
    margin-right: 124px
}

.p-select_invite_type__option_member_type {
    margin-right: 96px
}

.p-select_invite_type__member_type_name {
    font-weight: 900
}

.p-select_invite_type__chevron {
    margin-right: 8px;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    transition: all 80ms cubic-bezier(.36, .19, .29, 1)
}

.p-select_invite_type__chevron:before {
    font-size: 24px
}

.p-select_invite_type__footer {
    justify-content: start;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-select_invite_type__footer--block.c-sk-modal_footer {
    display: block
}

.p-select_invite_type__footer--alert {
    height: 150px
}

.p-invite_modal--open {
    position: fixed
}

body .p-invite_modal {
    line-height: 1.46666667;
    font-size: 16px
}

.p-invite_modal .c-fullscreen_modal__back {
    line-height: 16px
}

@media only screen and (max-width: 640px) {
    .p-invite_modal .c-fullscreen_modal__back {
        top: 1rem;
        left: 1rem
    }
}

.p-invite_modal .c-fullscreen_modal__close {
    line-height: 16px
}

@media only screen and (max-width: 640px) {
    .p-invite_modal .c-fullscreen_modal__close {
        top: 1rem;
        right: 1rem
    }
}

@media only screen and (max-width: 640px) {
    .p-invite_modal .c-fullscreen_modal__button__label {
        display: none
    }
}

.p-invite_modal .p-select_invite_type__header_icon {
    float: none
}

.p-invite_dialog {
    width: 654px;
    height: 570px
}

.p-invite_dialog--dynamic {
    max-height: 570px
}

.p-invite_dialog__footer_link, .p-invite_dialog__footer_link:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-invite_dialog {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-invite_dialog .c-sk-modal_title_bar__text h1 {
    letter-spacing: 0;
    margin-bottom: 0
}

a.p-invite_dialog__footer_link {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-approved_domains_invites_tip {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 8px;
    margin-top: 16px;
    padding: 16px
}

.p-approved_domains_invites_tip__tip_copy {
    padding-bottom: 8px
}

.p-add_to_slack_confirmation__content {
    display: flex;
    flex-direction: column
}

.p-add_to_slack_confirmation__title_icon--success {
    color: #007a5a;
    background-color: rgba(0, 122, 90, .15)
}

.p-add_to_slack_confirmation__title_icon--error, .p-add_to_slack_confirmation__title_icon--success {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    margin-top: 32px;
    margin-bottom: 12px
}

.p-add_to_slack_confirmation__title_icon--error {
    color: #e8912d;
    background-color: rgba(232, 145, 45, .15)
}

.p-add_to_slack_confirmation__title {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin-bottom: 16px
}

.p-add_to_slack_confirmation__summary_list_header {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    padding-bottom: 8px
}

.p-add_to_slack_confirmation__summary_list_header--success {
    color: #007a5a;
    border-bottom: 1px solid #007a5a
}

.p-add_to_slack_confirmation__summary_list_header--error {
    color: #e01e5a;
    border-bottom: 1px solid #e01e5a
}

.p-add_to_slack_confirmation__summary_divider {
    height: 16px;
    width: 100%;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-add_to_slack_confirmation__summary {
    margin-top: 16px;
    display: flex;
    flex-direction: row
}

.p-add_to_slack_confirmation__summary_icon {
    margin-top: 1px;
    margin-right: 8px
}

.p-add_to_slack_confirmation__summary_message_container {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    display: flex;
    flex-direction: column
}

.p-add_to_slack_confirmation__summary_message_invitees_overflow {
    display: inline;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-add_to_slack_confirmation__summary_message_description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-add_to_slack_confirmation__see_past_invites {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    flex-shrink: 9999;
    margin-right: 8px
}

.p-add_to_slack_confirmation__footer_link {
    margin-left: 16px
}

.p-add_to_slack_confirmation__footer_link, .p-add_to_slack_confirmation__footer_link:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-tabs__tab_container--full_height {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.c-tabs__tab_container--vertical {
    display: flex
}

.c-tabs__tab_menu {
    *zoom: 1;
    display: block;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: inset 0 -1px 0 0 var(--saf-0);
    position: relative;
    z-index: 1
}

.c-tabs__tab_menu:after, .c-tabs__tab_menu:before {
    display: table;
    line-height: 0;
    content: ""
}

.c-tabs__tab_menu:after {
    clear: both
}

.c-tabs__tab_menu--full_width {
    width: 100%;
    display: flex;
    flex-shrink: 0
}

.c-tabs__tab_menu--vertical {
    display: flex;
    flex-direction: column;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    box-shadow: none
}

.c-tabs__tab_menu--vertical .c-tabs__tab {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    padding: 4px 8px;
    line-height: 1.2;
    border: 1px solid transparent;
    border-radius: 4px;
    justify-content: end;
    transition: none;
    text-align: start
}

.c-tabs__tab_menu--vertical .c-tabs__tab.c-tabs__tab--active, .c-tabs__tab_menu--vertical .c-tabs__tab:active {
    background: #1264a3;
    color: #fff;
    box-shadow: none
}

.c-tabs__tab_menu--vertical .c-tabs__tab:not(.c-tabs__tab--active):hover {
    color: inherit;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-color: transparent
}

.c-tabs__tab_menu--vertical .c-tabs__tab:not(:last-child) {
    margin-right: 0
}

.c-tabs__tab_menu--vertical .c-tabs__tab:not(:first-child) {
    margin-top: 3.2px
}

.c-tabs__tab_menu--vertical .c-tabs__tab.c-button--focus-visible:focus, .c-tabs__tab_menu--vertical .c-tabs__tab.c-tabs__tab--active.c-button--focus-visible:focus {
    border-radius: 4px
}

.c-tabs__tab_panel--vertical {
    padding: 0 28px;
    overflow-y: auto
}

.c-tabs__tab {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    -webkit-tap-highlight-color: transparent;
    background: none;
    border: 0;
    box-shadow: inset 0 -2px 0 0 transparent;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    padding: 12px 8px;
    text-align: center;
    transition: box-shadow .125s ease-out
}

.c-tabs__tab:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    text-decoration: none
}

.c-tabs__tab.c-button--focus-visible:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-radius: 4px 4px 1px 1px
}

.c-tabs__tab.c-tabs__tab--active, .c-tabs__tab:active {
    outline: 0;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    box-shadow: inset 0 -2px 0 0 #007a5a;
    text-decoration: none
}

.c-tabs__tab.c-tabs__tab--active.c-button--focus-visible:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3), inset 0 -2px 0 0 #007a5a;
    border-radius: 4px;
    border-radius: 4px 4px 1px 1px
}

.c-tabs__tab:not(:last-child) {
    margin-right: 12px
}

.c-tabs__tab.c-tabs__tab--disabled {
    pointer-events: none
}

.c-tabs__tab--full_width {
    width: 100%
}

.c-tabs__tab_panel {
    width: 100%;
    display: none
}

.c-tabs__tab_panel--active {
    display: block;
    outline: none
}

.c-tabs__tab_panel--active.c-tabs__tab_panel--full_height {
    display: flex;
    flex-direction: column
}

.c-tabs__tab_panel--full_height {
    flex-grow: 1
}

.c-tabs__tab_icon--left {
    margin-right: 10px
}

.c-tabs__tab_icon--right {
    margin-left: 4px
}

.c-tabs__tab_image {
    background-color: transparent;
    vertical-align: middle
}

.c-tabs__tab_count {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-left: 4px
}

.c-tabs__tab_placeholder {
    width: 80px;
    margin: 4px 0
}

.c-tabs__tab_count_placeholder, .c-tabs__tab_placeholder {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    display: inline-block;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-tabs__tab_count_placeholder {
    width: 20px;
    margin-left: 4px
}

@media screen and (min-width: 30rem) {
    .tab_menu.even_2 .tab {
        width: 50%
    }

    .tab_menu.even_3 .tab, .tab_menu.even_4 .tab {
        width: 33.33%
    }
}

.c-scrollbar2 {
    position: relative;
    overflow: hidden
}

.c-scrollbar2__hider {
    height: 100%;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    will-change: transform;
    perspective: 1px;
    perspective-origin: 0 0;
    padding-right: 50px
}

.c-scrollbar2__content {
    position: relative
}

.c-scrollbar2__track {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 12px;
    z-index: 1
}

.c-scrollbar2--hidden .c-scrollbar2__track {
    display: none
}

.c-scrollbar2__thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    border-radius: 4px;
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    opacity: 0;
    transform-origin: top left;
    z-index: 1
}

.c-scrollbar2--hidden .c-scrollbar2__thumb {
    display: none
}

.c-scrollbar2--visible .c-scrollbar2__thumb, .c-scrollbar2:hover .c-scrollbar2__thumb, .c-scrollbar2__thumb:active {
    opacity: 1
}

.c-scrollbar2:not(:hover) .c-scrollbar2__thumb {
    transition: opacity .1s .5s
}

.c-virtual_list {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-virtual_list--slack_scrollbar::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar:hover {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-virtual_list--slack_scrollbar:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-virtual_list--slack_scrollbar:hover::-webkit-scrollbar-corner {
    background: transparent
}

.c-virtual_list__item, .c-virtual_list__sticky_container {
    position: absolute;
    width: 100%
}

.c-virtual_list__item--auto_width {
    width: auto
}

.c-virtual_list__item--sticky {
    position: static;
    position: -webkit-sticky;
    position: sticky
}

.c-virtual_list__item--sticky-animated {
    transition: top .2s linear;
    will-change: top
}

.c-virtual_list--scrollbar {
    overflow: hidden
}

.c-virtual_list__scroll_container--scrolling {
    pointer-events: none
}

.c-virtual_list__item--focus:focus, .c-virtual_list__item:focus {
    outline-width: 0;
    outline-style: none
}

.c-virtual_list__item--focus:focus:after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-external_directory_item {
    align-items: center;
    box-shadow: inset 0 -1px 0 0 var(--saf-0);
    display: flex;
    font-weight: 400;
    height: 64px;
    padding: 12px 20px;
    width: inherit
}

.p-external_directory_item:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-external_directory_item.p-external_directory_item_selected {
    background-color: rgba(29, 155, 209, .1)
}

.p-external_directory_item.p-external_directory_item_selected:hover {
    background-color: rgba(29, 155, 209, .2)
}

.p-external_directory_item_avatar {
    cursor: pointer
}

.p-external_directory_item_icon {
    align-items: center;
    background-color: #1d9bd1;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 24px;
    height: 36px;
    justify-content: center;
    width: 36px
}

.p-external_directory_item_details {
    flex: 1;
    margin-left: 16px
}

.p-external_directory_item_details_email {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-external_directory_tab {
    height: 287px
}

.p-external_directory_tab_standalone {
    height: 330px
}

.p-external_directory_empty_state {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.p-external_directory_error_container {
    height: 330px;
    position: relative;
    text-align: center;
    width: 100%
}

.p-external_directory_error_heading {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900
}

.p-external_directory_error_description {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin-top: 12px
}

.p-external_directory_loading_spinner_content_height {
    display: flex;
    justify-content: center;
    height: 416px;
    align-items: center
}

.p-external_directory_loading_spinner_tab_height {
    display: flex;
    justify-content: center;
    height: 287px;
    align-items: center
}

.p-external_directory_footer_link, .p-external_directory_footer_link:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-external_directory_footer_spinner {
    margin-left: 0;
    margin-right: 0
}

.p-email_input_container {
    margin-bottom: 12px
}

.p-email_input_container .c-multi_select_input--large {
    min-height: 81px;
    align-items: baseline;
    padding-right: 0;
    cursor: text
}

.p-email_input--hide_dropdown__multi_select_input .c-multi_select_input__spinner, .p-email_input--hide_dropdown_options_list_wrapper {
    display: none
}

.p-directory_buttons {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    float: right
}

.p-directory_buttons .p-directory_button {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    cursor: pointer;
    margin-left: 8px
}

.p-directory_buttons .p-directory_button:hover {
    text-decoration: underline
}

.p-directory_buttons .p-directory_button:disabled {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    cursor: auto
}

.p-directory_buttons .p-directory_button_name {
    margin-left: 4px
}

.p-directory_buttons .p-directory_buttons_google_icon {
    width: 16px;
    height: 16px;
    background-image: url(https://a.slack-edge.com/bv1-9/google-591886b.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative;
    top: 1px
}

.p-directory_buttons_coachmark {
    position: relative;
    display: flex;
    padding: 16px 24px;
    margin-bottom: 24px;
    background-color: rgba(74, 21, 75, .1)
}

.p-directory_buttons_coachmark:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: -12px;
    right: 40px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgba(74, 21, 75, .1)
}

.c-coachmark-anchor {
    position: relative
}

.c-coachmark-anchor--max-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.c-coachmark-anchor--full {
    width: 100%
}

.c-joiner-coachmark {
    left: 210px;
    top: -5px
}

.c-coachmark .c-message-pane__c-coachmark {
    top: -46px;
    right: -38px
}

.c-coachmark {
    position: absolute;
    width: 400px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 8px;
    padding: 20px 24px 24px 24px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .08);
    z-index: 1053
}

.c-coachmark:focus {
    outline: none
}

.c-coachmark:after, .c-coachmark:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.c-coachmark:after {
    border-color: hsla(0, 0%, 100%, 0);
    border-width: 16px
}

.c-coachmark:before {
    border-color: transparent;
    border-width: 17px
}

.c-coachmark__footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.c-coachmark--top, .c-coachmark--top-left {
    transform: translateY(-100%)
}

.c-coachmark--top-left:after, .c-coachmark--top-left:before, .c-coachmark--top:after, .c-coachmark--top:before {
    top: 100%
}

.c-coachmark--top-left:after, .c-coachmark--top:after {
    border-top-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    margin-left: -16px
}

.c-coachmark--top-left:before, .c-coachmark--top:before {
    border-top-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-left: -17px
}

.c-coachmark--top-left.c-coachmark--10:after, .c-coachmark--top-left.c-coachmark--10:before, .c-coachmark--top.c-coachmark--10:after, .c-coachmark--top.c-coachmark--10:before {
    left: 10%
}

.c-coachmark--top-left.c-coachmark--10.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--10.c-coachmark--center_on_arrow {
    transform: translate(-10%, -100%)
}

.c-coachmark--top-left.c-coachmark--20:after, .c-coachmark--top-left.c-coachmark--20:before, .c-coachmark--top.c-coachmark--20:after, .c-coachmark--top.c-coachmark--20:before {
    left: 20%
}

.c-coachmark--top-left.c-coachmark--20.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--20.c-coachmark--center_on_arrow {
    transform: translate(-20%, -100%)
}

.c-coachmark--top-left.c-coachmark--30:after, .c-coachmark--top-left.c-coachmark--30:before, .c-coachmark--top.c-coachmark--30:after, .c-coachmark--top.c-coachmark--30:before {
    left: 30%
}

.c-coachmark--top-left.c-coachmark--30.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--30.c-coachmark--center_on_arrow {
    transform: translate(-30%, -100%)
}

.c-coachmark--top-left.c-coachmark--40:after, .c-coachmark--top-left.c-coachmark--40:before, .c-coachmark--top.c-coachmark--40:after, .c-coachmark--top.c-coachmark--40:before {
    left: 40%
}

.c-coachmark--top-left.c-coachmark--40.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--40.c-coachmark--center_on_arrow {
    transform: translate(-40%, -100%)
}

.c-coachmark--top-left.c-coachmark--50:after, .c-coachmark--top-left.c-coachmark--50:before, .c-coachmark--top.c-coachmark--50:after, .c-coachmark--top.c-coachmark--50:before {
    left: 50%
}

.c-coachmark--top-left.c-coachmark--50.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--50.c-coachmark--center_on_arrow {
    transform: translate(-50%, -100%)
}

.c-coachmark--top-left.c-coachmark--60:after, .c-coachmark--top-left.c-coachmark--60:before, .c-coachmark--top.c-coachmark--60:after, .c-coachmark--top.c-coachmark--60:before {
    left: 60%
}

.c-coachmark--top-left.c-coachmark--60.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--60.c-coachmark--center_on_arrow {
    transform: translate(-60%, -100%)
}

.c-coachmark--top-left.c-coachmark--70:after, .c-coachmark--top-left.c-coachmark--70:before, .c-coachmark--top.c-coachmark--70:after, .c-coachmark--top.c-coachmark--70:before {
    left: 70%
}

.c-coachmark--top-left.c-coachmark--70.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--70.c-coachmark--center_on_arrow {
    transform: translate(-70%, -100%)
}

.c-coachmark--top-left.c-coachmark--80:after, .c-coachmark--top-left.c-coachmark--80:before, .c-coachmark--top.c-coachmark--80:after, .c-coachmark--top.c-coachmark--80:before {
    left: 80%
}

.c-coachmark--top-left.c-coachmark--80.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--80.c-coachmark--center_on_arrow {
    transform: translate(-80%, -100%)
}

.c-coachmark--top-left.c-coachmark--90:after, .c-coachmark--top-left.c-coachmark--90:before, .c-coachmark--top.c-coachmark--90:after, .c-coachmark--top.c-coachmark--90:before {
    left: 90%
}

.c-coachmark--top-left.c-coachmark--90.c-coachmark--center_on_arrow, .c-coachmark--top.c-coachmark--90.c-coachmark--center_on_arrow {
    transform: translate(-90%, -100%)
}

.c-coachmark--bottom:after, .c-coachmark--bottom:before {
    bottom: 100%
}

.c-coachmark--bottom:after {
    border-bottom-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    margin-left: -16px
}

.c-coachmark--bottom:before {
    border-bottom-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-left: -17px
}

.c-coachmark--bottom.c-coachmark--10:after, .c-coachmark--bottom.c-coachmark--10:before {
    left: 10%
}

.c-coachmark--bottom.c-coachmark--10.c-coachmark--center_on_arrow {
    transform: translate(-10%)
}

.c-coachmark--bottom.c-coachmark--20:after, .c-coachmark--bottom.c-coachmark--20:before {
    left: 20%
}

.c-coachmark--bottom.c-coachmark--20.c-coachmark--center_on_arrow {
    transform: translate(-20%)
}

.c-coachmark--bottom.c-coachmark--30:after, .c-coachmark--bottom.c-coachmark--30:before {
    left: 30%
}

.c-coachmark--bottom.c-coachmark--30.c-coachmark--center_on_arrow {
    transform: translate(-30%)
}

.c-coachmark--bottom.c-coachmark--40:after, .c-coachmark--bottom.c-coachmark--40:before {
    left: 40%
}

.c-coachmark--bottom.c-coachmark--40.c-coachmark--center_on_arrow {
    transform: translate(-40%)
}

.c-coachmark--bottom.c-coachmark--50:after, .c-coachmark--bottom.c-coachmark--50:before {
    left: 50%
}

.c-coachmark--bottom.c-coachmark--50.c-coachmark--center_on_arrow {
    transform: translate(-50%)
}

.c-coachmark--bottom.c-coachmark--60:after, .c-coachmark--bottom.c-coachmark--60:before {
    left: 60%
}

.c-coachmark--bottom.c-coachmark--60.c-coachmark--center_on_arrow {
    transform: translate(-60%)
}

.c-coachmark--bottom.c-coachmark--70:after, .c-coachmark--bottom.c-coachmark--70:before {
    left: 70%
}

.c-coachmark--bottom.c-coachmark--70.c-coachmark--center_on_arrow {
    transform: translate(-70%)
}

.c-coachmark--bottom.c-coachmark--80:after, .c-coachmark--bottom.c-coachmark--80:before {
    left: 80%
}

.c-coachmark--bottom.c-coachmark--80.c-coachmark--center_on_arrow {
    transform: translate(-80%)
}

.c-coachmark--bottom.c-coachmark--90:after, .c-coachmark--bottom.c-coachmark--90:before {
    left: 90%
}

.c-coachmark--bottom.c-coachmark--90.c-coachmark--center_on_arrow {
    transform: translate(-90%)
}

.c-coachmark--bottom-left:after, .c-coachmark--bottom-left:before {
    bottom: 100%;
    left: 100%
}

.c-coachmark--bottom-left:after {
    border-bottom-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    margin-left: -16px
}

.c-coachmark--bottom-left:before {
    border-bottom-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-left: -17px
}

.c-coachmark--bottom-left.c-coachmark--10:after, .c-coachmark--bottom-left.c-coachmark--10:before {
    left: 10%
}

.c-coachmark--bottom-left.c-coachmark--20:after, .c-coachmark--bottom-left.c-coachmark--20:before {
    left: 20%
}

.c-coachmark--bottom-left.c-coachmark--30:after, .c-coachmark--bottom-left.c-coachmark--30:before {
    left: 30%
}

.c-coachmark--bottom-left.c-coachmark--40:after, .c-coachmark--bottom-left.c-coachmark--40:before {
    left: 40%
}

.c-coachmark--bottom-left.c-coachmark--50:after, .c-coachmark--bottom-left.c-coachmark--50:before {
    left: 50%
}

.c-coachmark--bottom-left.c-coachmark--60:after, .c-coachmark--bottom-left.c-coachmark--60:before {
    left: 60%
}

.c-coachmark--bottom-left.c-coachmark--70:after, .c-coachmark--bottom-left.c-coachmark--70:before {
    left: 70%
}

.c-coachmark--bottom-left.c-coachmark--80:after, .c-coachmark--bottom-left.c-coachmark--80:before {
    left: 80%
}

.c-coachmark--bottom-left.c-coachmark--90:after, .c-coachmark--bottom-left.c-coachmark--90:before {
    left: 90%
}

.c-coachmark--left {
    transform: translate(-110%, -50%)
}

.c-coachmark--left:after, .c-coachmark--left:before {
    left: 100%
}

.c-coachmark--left:after {
    border-left-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    margin-top: -16px
}

.c-coachmark--left:before {
    border-left-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-top: -17px
}

.c-coachmark--left.c-coachmark--10:after, .c-coachmark--left.c-coachmark--10:before {
    top: 10%
}

.c-coachmark--left.c-coachmark--10.c-coachmark--center_on_arrow {
    transform: translate(-110%, -10%)
}

.c-coachmark--left.c-coachmark--20:after, .c-coachmark--left.c-coachmark--20:before {
    top: 20%
}

.c-coachmark--left.c-coachmark--20.c-coachmark--center_on_arrow {
    transform: translate(-110%, -20%)
}

.c-coachmark--left.c-coachmark--30:after, .c-coachmark--left.c-coachmark--30:before {
    top: 30%
}

.c-coachmark--left.c-coachmark--30.c-coachmark--center_on_arrow {
    transform: translate(-110%, -30%)
}

.c-coachmark--left.c-coachmark--40:after, .c-coachmark--left.c-coachmark--40:before {
    top: 40%
}

.c-coachmark--left.c-coachmark--40.c-coachmark--center_on_arrow {
    transform: translate(-110%, -40%)
}

.c-coachmark--left.c-coachmark--50:after, .c-coachmark--left.c-coachmark--50:before {
    top: 50%
}

.c-coachmark--left.c-coachmark--50.c-coachmark--center_on_arrow {
    transform: translate(-110%, -50%)
}

.c-coachmark--left.c-coachmark--60:after, .c-coachmark--left.c-coachmark--60:before {
    top: 60%
}

.c-coachmark--left.c-coachmark--60.c-coachmark--center_on_arrow {
    transform: translate(-110%, -60%)
}

.c-coachmark--left.c-coachmark--70:after, .c-coachmark--left.c-coachmark--70:before {
    top: 70%
}

.c-coachmark--left.c-coachmark--70.c-coachmark--center_on_arrow {
    transform: translate(-110%, -70%)
}

.c-coachmark--left.c-coachmark--80:after, .c-coachmark--left.c-coachmark--80:before {
    top: 80%
}

.c-coachmark--left.c-coachmark--80.c-coachmark--center_on_arrow {
    transform: translate(-110%, -80%)
}

.c-coachmark--left.c-coachmark--90:after, .c-coachmark--left.c-coachmark--90:before {
    top: 90%
}

.c-coachmark--left.c-coachmark--90.c-coachmark--center_on_arrow {
    transform: translate(-110%, -90%)
}

.c-coachmark--right {
    transform: translateY(-50%)
}

.c-coachmark--right:after, .c-coachmark--right:before {
    right: 100%;
    top: 50%
}

.c-coachmark--right:after {
    border-right-color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    margin-top: -16px
}

.c-coachmark--right:before {
    border-right-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-top: -17px
}

.c-coachmark--right.c-coachmark--10:after, .c-coachmark--right.c-coachmark--10:before {
    top: 10%
}

.c-coachmark--right.c-coachmark--10.c-coachmark--center_on_arrow {
    transform: translateY(-10%)
}

.c-coachmark--right.c-coachmark--20:after, .c-coachmark--right.c-coachmark--20:before {
    top: 20%
}

.c-coachmark--right.c-coachmark--20.c-coachmark--center_on_arrow {
    transform: translateY(-20%)
}

.c-coachmark--right.c-coachmark--30:after, .c-coachmark--right.c-coachmark--30:before {
    top: 30%
}

.c-coachmark--right.c-coachmark--30.c-coachmark--center_on_arrow {
    transform: translateY(-30%)
}

.c-coachmark--right.c-coachmark--40:after, .c-coachmark--right.c-coachmark--40:before {
    top: 40%
}

.c-coachmark--right.c-coachmark--40.c-coachmark--center_on_arrow {
    transform: translateY(-40%)
}

.c-coachmark--right.c-coachmark--50:after, .c-coachmark--right.c-coachmark--50:before {
    top: 50%
}

.c-coachmark--right.c-coachmark--50.c-coachmark--center_on_arrow {
    transform: translateY(-50%)
}

.c-coachmark--right.c-coachmark--60:after, .c-coachmark--right.c-coachmark--60:before {
    top: 60%
}

.c-coachmark--right.c-coachmark--60.c-coachmark--center_on_arrow {
    transform: translateY(-60%)
}

.c-coachmark--right.c-coachmark--70:after, .c-coachmark--right.c-coachmark--70:before {
    top: 70%
}

.c-coachmark--right.c-coachmark--70.c-coachmark--center_on_arrow {
    transform: translateY(-70%)
}

.c-coachmark--right.c-coachmark--80:after, .c-coachmark--right.c-coachmark--80:before {
    top: 80%
}

.c-coachmark--right.c-coachmark--80.c-coachmark--center_on_arrow {
    transform: translateY(-80%)
}

.c-coachmark--right.c-coachmark--90:after, .c-coachmark--right.c-coachmark--90:before {
    top: 90%
}

.c-coachmark--right.c-coachmark--90.c-coachmark--center_on_arrow {
    transform: translateY(-90%)
}

.c-coachmark--top-right:after, .c-coachmark--top-right:before {
    right: 0;
    bottom: 0
}

.c-coachmark--top-left:after, .c-coachmark--top-left:before {
    left: 0
}

.c-coachmark--bottom-left:after, .c-coachmark--bottom-left:before {
    right: 0
}

.c-coachmark__close {
    float: right;
    top: -8px;
    right: -12px
}

.c-coachmark__overlay {
    background-color: hsla(0, 0%, 100%, .75)
}

.p-paid_feature_badge {
    display: inline-flex;
    padding: 4px 12px 3px 9px;
    background-color: #fcf4da;
    color: #886607;
    font-weight: 700;
    border-radius: 32px;
    border: 1px solid transparent;
    white-space: nowrap;
    max-width: 115px
}

.sk-client-theme--dark .p-paid_feature_badge {
    background-color: #2e2a1a;
    color: #f1b017
}

.p-paid_feature_badge:hover {
    border: 1px solid rgba(185, 138, 9, .3)
}

.sk-client-theme--dark .p-paid_feature_badge:hover {
    border-color: rgba(241, 176, 23, .3)
}

.p-paid_feature_badge.p-paid_feature_badge--no_anchor:hover {
    border: 1px solid transparent;
    cursor: default
}

.p-paid_feature_badge.p-paid_feature_badge--no-icon {
    padding: 4px 12px
}

.p-paid_feature_badge__anchor {
    display: inline
}

.p-paid_feature_badge__icon {
    color: #b98a09;
    margin-right: 4px
}

.p-paid_feature_badge__icon:before {
    font-size: 20px
}

.sk-client-theme--dark .p-paid_feature_badge__icon {
    color: #f1b017
}

.p-paid_feature_badge__label {
    font-size: 12px;
    padding-top: 1px
}

.p-paid_feature_badge__anchor--selected .p-paid_feature_badge {
    border: 1px solid rgba(179, 134, 10, .3)
}

.p-paid_feature_badge__icon_container {
    display: flex;
    justify-content: center;
    align-items: center
}

.p-paid_feature_badge__coachmark {
    background-color: #fcf4da;
    border: 1px solid rgba(185, 138, 9, .4)
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark {
    background-color: #2e2a1a;
    border-color: rgba(241, 176, 23, .3)
}

.p-paid_feature_badge__coachmark--top:before {
    margin-left: -18px;
    border-width: 18px;
    border-top-color: rgba(185, 138, 9, .4)
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark--top:before {
    border-top-color: rgba(241, 176, 23, .3)
}

.p-paid_feature_badge__coachmark--top:after {
    border-top-color: #fcf4da
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark--top:after {
    border-top-color: #2e2a1a
}

.p-paid_feature_badge__coachmark--bottom:before {
    border-width: 18px;
    margin-right: -18px;
    border-bottom-color: rgba(185, 138, 9, .4)
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark--bottom:before {
    border-bottom-color: rgba(241, 176, 23, .3)
}

.p-paid_feature_badge__coachmark--bottom:after {
    border-bottom-color: #fcf4da;
    margin-left: -15px
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark--bottom:after {
    border-bottom-color: #2e2a1a
}

.p-paid_feature_badge__coachmark_message_title {
    display: flex;
    font-size: 15px;
    font-weight: 700
}

.p-paid_feature_badge__coachmark_message_body {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .7);
    padding-left: 32px;
    margin-bottom: 0
}

.p-paid_feature_badge__coachmark_icon {
    position: relative;
    top: 1px;
    margin-right: 12px;
    color: #b98a09
}

.p-paid_feature_badge__coachmark_icon:before {
    font-size: 26px
}

.sk-client-theme--dark .p-paid_feature_badge__coachmark_icon {
    color: #f1b017
}

.p-paid_feature_invite_member_banner {
    display: flex;
    position: relative;
    padding: 16px 16px 16px 24px;
    margin: 24px -28px 0 -28px;
    background-color: #fcf4da
}

.sk-client-theme--dark .p-paid_feature_invite_member_banner {
    background-color: #2e2a1a;
    border-top: 1px solid rgba(241, 176, 23, .3);
    border-bottom: 1px solid rgba(241, 176, 23, .3)
}

.p-paid_feature_invite_member_banner:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 13px;
    transform-origin: 0 0;
    left: 50px;
    transform: rotate(225deg);
    background: #fcf4da
}

.sk-client-theme--dark .p-paid_feature_invite_member_banner:before {
    border-right: 1px solid rgba(241, 176, 23, .3);
    border-bottom: 1px solid rgba(241, 176, 23, .3);
    background: #2e2a1a
}

.p-paid_feature_invite_member_banner__icon {
    margin-right: 12px;
    color: #b98a09;
    padding-top: 8px
}

.p-paid_feature_invite_member_banner__icon:before {
    font-size: 30px
}

.sk-client-theme--dark .p-paid_feature_invite_member_banner__icon {
    color: #f1b017
}

.p-paid_feature_invite_member_banner__label {
    flex-grow: 2
}

.p-paid_feature_invite_member_banner__close_banner_icon {
    position: relative;
    top: -3px;
    min-width: 32px;
    height: 32px
}

.p-paid_feature_invite_guest_banner {
    background-color: #fcf4da;
    border: 1px solid rgba(185, 138, 9, .3);
    padding: 16px;
    margin-top: 16px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    border-radius: 6px
}

.sk-client-theme--dark .p-paid_feature_invite_guest_banner {
    background-color: #2e2a1a;
    border: 1px solid rgba(241, 176, 23, .3)
}

.p-invite_type_select_option_label_description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-select_options_list__option--active .p-invite_type_select_option_label_description {
    color: #fff
}

.p-invite_type_select__virtual_list {
    padding-top: 12px
}

.p-invite_type_select__option:last-child {
    border-top: solid 1px rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-invite_type_select_default_option {
    height: 28px;
    position: relative;
    top: 2px
}

.p-invite_type_select_option {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    height: 48px;
    margin-top: 12px
}

.c-select_options_list__option--active .p-invite_type_select_option_link {
    color: #fff;
    text-decoration: underline
}

.p-invite_type_select_option_label_container {
    float: left
}

.p-invite_type_select_option_icon {
    float: right;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-select_options_list__option--active .p-invite_type_select_option_icon {
    color: #fff
}

.p-invite_type_select__guest_option_label_container {
    display: flex
}

.p-invite_type_select__guest_option_label {
    overflow-x: hidden;
    text-overflow: ellipsis
}

.p-invite_type_select_option--paid_feature_badge.p-invite_type_select_option {
    display: flex
}

.p-invite_type_select_option--paid_feature_badge .p-invite_type_select_option_label_container {
    width: 100%
}

.p-invite_type_select_option--paid_feature_badge .p-invite_type_select_option_link, .p-invite_type_select_option--paid_feature_badge .p-invite_type_select_option_top_label_container {
    text-overflow: ellipsis
}

.p-invite_type_select_option--paid_feature_badge .p-invite_type_select_option_label_container, .p-invite_type_select_option--paid_feature_badge .p-invite_type_select_option_link, .p-invite_type_select_option--paid_feature_badge .p-invite_type_select_option_top_label_container {
    overflow: hidden
}

.p-invite_type_select_option--paid_feature_badge .p-invite_type_select_option_bottom_label_container {
    display: flex
}

.p-invite_type_select__paid_feature_badge--guest_option, .p-invite_type_select__paid_feature_badge--slack_connect_option {
    margin-left: 8px
}

.p-invite_type_select__paid_feature_badge--guest_option.p-paid_feature_badge:hover, .p-invite_type_select__paid_feature_badge--slack_connect_option.p-paid_feature_badge:hover {
    cursor: pointer
}

.p-invite_type_select__paid_feature_badge--guest_option.p-paid_feature_badge {
    position: relative;
    top: 1px;
    padding: 0 8px 0 9px
}

.p-invite_type_select__paid_feature_badge--slack_connect_option.p-paid_feature_badge {
    padding: 0 8px 1px 9px
}

.p-customize_button--toggle-button {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-radius: 5px;
    margin-top: 24px;
    padding: 12px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 100%
}

.p-customize_button--toggle-button:hover {
    background-color: rgba(29, 155, 209, .1)
}

.p-customize_button--toggle-cta {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    text-decoration: underline;
    margin-left: 8px
}

.p-customize_button--toggle-cta:hover {
    text-decoration: none
}

.p-customize_button--toggle-icon {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-expand_channels_button--toggle-button {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-radius: 5px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    padding: 12px;
    cursor: pointer;
    text-align: center;
    width: 100%
}

.p-expand_channels_button--toggle-button:hover {
    background-color: rgba(29, 155, 209, .1)
}

.p-expand_channels_button--toggle-cta {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    text-decoration: underline;
    margin-left: 8px
}

.p-expand_channels_button--toggle-cta:hover {
    text-decoration: none
}

.p-channel_select--label {
    margin-top: 20px;
    margin-bottom: 8px
}

.p-channel_select--label .c-label__subtext, .p-channel_select--warning {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-channel_select--warning {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    display: flex;
    margin-top: 16px
}

.p-guest_expiration_select--custom_expiration {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    display: block;
    margin-top: 12px;
    margin-bottom: 0;
    text-align: left;
    width: 100%
}

.p-guest_expiration_select--custom_expiration:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.p-guest_expiration_select--custom_expiration:focus:-moz-placeholder, .p-guest_expiration_select--custom_expiration:focus:-ms-input-placeholder, .p-guest_expiration_select--custom_expiration:focus::-moz-placeholder, .p-guest_expiration_select--custom_expiration:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.p-guest_expiration_select--custom_expiration[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.p-guest_expiration_select--custom_expiration .p-guest_expiration_select--custom_expiration_icon {
    top: 1px
}

.p-guest_expiration_select--custom_expiration .p-guest_expiration_select--custom_expiration_text {
    font-size: 15px;
    line-height: 1.46668;
    margin-left: 8px;
    font-weight: 400
}

.p-guest_expiration_select--description {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-top: 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-reason_for_request {
    margin-top: 20px
}

.p-reason_for_request--description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-top: 8px
}

.p-shared_invite_link {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    flex: 1
}

.p-shared_invite_link .p-edit_settings_button_container {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    margin-left: 4px
}

[lang=it-IT] .p-shared_invite_link .p-edit_settings_button_container {
    font-size: 14px
}

.p-shared_invite_link .p-edit_settings_link_button {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-shared_invite_link .p-edit_settings_link_button:hover {
    text-decoration: underline
}

.p-shared_invite_link--disabled {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    cursor: auto
}

.p-invite_form--learn-more, .p-invite_form--learn-more:hover, .p-invite_form--learn-more:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-confirmation_modal {
    width: 500px
}

.p-confirmation_modal .p-confirmation_modal_content, .p-shared_invite_link_form {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-shared_invite_link_form .p-shared_invite_link_form_caption {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-shared_invite_link_form .p-shared_invite_link_form_label {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-shared_invite_link_form .p-shared_invite_link_form_checkbox {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.c-switch {
    position: relative;
    display: inline-block;
    line-height: 0
}

.c-switch__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin: 0;
    width: 54px;
    height: 30px;
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    border: 1px solid var(--saf-0);
    border-radius: 18px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    cursor: pointer;
    transition: background-color .1s ease-in
}

.c-switch__visual {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.c-switch__visual:before {
    content: "\E704";
    top: 2px;
    left: 2px;
    display: inline-block;
    font-family: Slack v2;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    opacity: 0;
    position: absolute;
    transition: opacity .1s ease-in
}

.c-switch__visual:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 6px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    transform-origin: center;
    transform: translateZ(0);
    transition: transform .1s ease-in, background-color .1s ease-in
}

.c-switch__input:checked {
    background-color: #007a5a;
    border: none
}

.c-switch__input:checked + .c-switch__visual:before {
    opacity: 1;
    position: absolute;
    color: #fff
}

.c-switch__input:checked + .c-switch__visual:after {
    background-color: #fff;
    transform: translate3d(22px, 0, 0)
}

.c-switch__input:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none;
    border-radius: 18px
}

.c-switch__input:focus:-moz-placeholder, .c-switch__input:focus:-ms-input-placeholder, .c-switch__input:focus::-moz-placeholder, .c-switch__input:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-switch__input:hover {
    border-color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-switch__input:disabled {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border: none;
    cursor: not-allowed
}

.c-switch__input:disabled + .c-switch__visual:before {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-switch__input:disabled + .c-switch__visual:after {
    background-color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-multi_select_input_invite_modal__input--large {
    height: auto;
    padding-left: 0
}

.c-multi_select_input_invite_modal__input--large .c-multi_select_input {
    min-height: 45px
}

.p-channel_invite_form__input_subtext {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400
}

.p-channel_invite_form__default_channel_fieldset {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 1px solid var(--saf-0);
    border-radius: 8px;
    padding: 0 16px 16px 16px
}

.p-channel_invite_form__default_channel_fieldset .p-channel_invite_form__default_channel_fieldset_legend {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-add_to_slack_radio {
    position: relative;
    width: 50%;
    margin-top: 8px;
    border-radius: 8px
}

.p-add_to_slack_radio:first-of-type {
    margin-right: 24px
}

.p-add_to_slack_radio:focus-within {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-radius: 8px
}

.p-add_to_slack_radio:not(.p-add_to_slack_radio--selected):not(.p-add_to_slack_radio--disabled) {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.p-add_to_slack_radio:not(.p-add_to_slack_radio--selected):not(.p-add_to_slack_radio--disabled):hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.p-add_to_slack_radio:not(.p-add_to_slack_radio--disabled) {
    cursor: pointer
}

.p-add_to_slack_radio--selected {
    outline-width: 0;
    background-color: rgba(29, 155, 209, .1);
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: 0 0 0 2px var(--saf-0)
}

.p-add_to_slack_radio--disabled {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-add_to_slack_radio__radio {
    opacity: 0
}

.p-add_to_slack_radio__image {
    width: 90px;
    margin-bottom: 20px
}

.p-add_to_slack_radio__text {
    position: relative;
    top: -13px
}

.p-add_to_slack_radio__disabled_text {
    padding: 20px;
    border-radius: 0 0 8px 8px;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-add_to_slack_radio__title {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    margin-bottom: 16px;
    margin-right: 32px
}

.p-add_to_slack_radio__icon {
    position: absolute;
    top: 20px;
    right: 20px;
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-add_to_slack_radio__icon--disabled {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-add_to_slack_radio__icon--disabled:before {
    font-size: 24px
}

.p-shared_channel_invite_flow_modal_tip__container {
    padding: 24px 40px 32px 24px;
    display: flex;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-top: 16px
}

.p-shared_channel_invite_flow_modal_tip__icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 12px;
    background-color: #e0eee7;
    color: #11a489
}

.sk-client-theme--dark .p-shared_channel_invite_flow_modal_tip__icon {
    background-color: rgba(76, 191, 157, .1);
    color: #e0eee7
}

.p-shared_channel_invite_flow_modal_tip__text {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-family: Slack-Lato, appleLogo, sans-serif;
    padding: 0 28px 28px 28px
}

.p-shared_invite_note_screen__external_emails_container {
    padding-left: 24px;
    padding-right: 16px;
    margin-right: 12px;
    margin-bottom: 24px
}

.p-shared_invite_note_screen__message_input_container {
    margin-top: 8px
}

.p-shared_invite_note_screen__message_input_container .p-channel_share_channel_by_email_modal__message_input {
    height: 130px;
    resize: none
}

.p-shared_invite_note_screen__message_input_container .p-channel_share_channel_by_email_modal__message_input.email-error {
    height: 104px
}

.p-shared_invite_note_screen__message_input_container .p-channel_share_channel_by_email_modal__message_input.email-error.message-error {
    height: 86px
}

.p-shared_invite_note_screen__message_input_container .p-channel_share_channel_by_email_modal__message_input.message-error {
    height: 112px
}

.p-channel_invite_modal__header {
    padding: 12px 28px
}

.p-channel_invite_modal__footer {
    height: auto;
    padding-top: 8px
}

.p-channel_invite_modal__footer_content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.p-channel_invite_modal__footer_actions {
    width: 100%;
    padding-top: 12px
}

.p-channel_invite_modal__info {
    margin-right: 10px
}

.p-channel_invite_modal__shared_channel_info {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-family: Slack-Lato, appleLogo, sans-serif;
    padding: 0 28px 28px 28px
}

.p-channel_invite_modal__cta {
    margin-left: 28px;
    padding-left: 48px;
    background-image: url(https://a.slack-edge.com/bv1-9/share_icon-6da1b42.png);
    background-size: 30px 33px;
    background-position: 0 6px;
    background-repeat: no-repeat
}

.p-channel_invite_modal_image {
    background-image: url(https://a.slack-edge.com/bv1-9/share_icon-6da1b42.png);
    background-size: 20px 22px;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-right: 28px
}

.p-channel_invite_modal_share_icon {
    background-image: url(https://a.slack-edge.com/bv1-9/share_channel_icon-f2705c6.png);
    background-size: 29px 23px;
    background-position-y: center;
    background-repeat: no-repeat;
    padding-right: 28px
}

.p-channel_invite_modal_font, .p-channel_invite_modal_font--extra_spacing {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-channel_invite_modal_font--extra_spacing {
    margin-left: 36px
}

.p-channel_invite_modal__link {
    text-decoration: underline;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-channel_invite_modal__share_disabled {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-channel_invite_modal_coachmark {
    position: relative;
    background-color: rgba(74, 21, 75, .1);
    padding: 16px 28px 16px 32px
}

.sk-client-theme--dark .p-channel_invite_modal_coachmark {
    background-color: #4a154b
}

.p-channel_invite_modal_coachmark__heading {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-channel_invite_modal_coachmark__close {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px
}

.p-channel_invite_modal_coachmark__caret {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgba(74, 21, 75, .1);
    margin-left: 64px
}

.sk-client-theme--dark .p-channel_invite_modal_coachmark__caret {
    border-top-color: #4a154b
}

.p-channel_invite_modal_tokenized_option_container {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 110px;
    padding: 4px 0
}

.p-channel_invite_modal_tokenized_option {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    margin-right: 8px;
    margin-top: 8px;
    border-radius: 5px;
    font-weight: 700;
    display: inline-block;
    max-height: 30px;
    padding: 4px 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-channel_invite_modal__confirmation_radio {
    padding: 12px 20px;
    border-radius: 8px;
    margin-top: 8px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0)
}

.p-channel_invite_modal__confirmation_radio:first-of-type {
    margin-top: 4px
}

.p-channel_invite_modal__confirmation_radio:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-channel_invite_modal_access_choice_button_box {
    padding: 4px 16px;
    border-radius: 8px;
    margin-top: 8px;
    cursor: pointer;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    border: 1px solid var(--saf-0);
    outline-width: 0
}

.p-channel_invite_modal_access_choice_button_box:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    --saf-0: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    border: 1px solid var(--saf-0)
}

.p-channel_invite_modal_access_choice_button_box_selected {
    outline-width: 0;
    background-color: rgba(29, 155, 209, .1);
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    border: 1px solid var(--saf-0)
}

.p-channel_invite_modal_access_choice_button_box_selected:hover {
    background-color: rgba(29, 155, 209, .2);
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    border: 1px solid var(--saf-0)
}

.p-channel_invite_modal_option_not_available {
    padding: 4px 16px;
    border-radius: 8px;
    margin-top: 8px;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-top: 12px;
    --saf-0: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    border: 1px var(--saf-0);
    display: flex;
    align-items: center
}

.p-channel_invite_modal__access_choice_header, .p-channel_invite_modal__opinionated_access_choice_header {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900;
    margin-top: 16px;
    margin-left: 24px;
    margin-bottom: 8px
}

.p-channel_invite_modal__opinionated_access_choice_header {
    max-width: 80%;
    overflow-wrap: break-word
}

.p-channel_invite_modal__opinionated_access_choice_subheader {
    padding-left: 24px;
    padding-right: 16px;
    margin-right: 12px;
    margin-bottom: 20px
}

.p-channel_invite_modal__opinionated_access_choice_bullet_section {
    background-color: rgba(214, 233, 191, .2);
    border-radius: 15px;
    padding: 20px
}

.p-channel_invite_modal__opinionated_access_choice_bullet_image {
    height: 100px;
    width: 100px;
    float: right
}

.p-channel_invite_modal__opinionated_access_choice_bullet_header {
    color: #007a5a;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700
}

.p-channel_invite_modal__opinionated_access_choice_bullet_text {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-channel_invite_modal__opinionated_access_choice_caption_text {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-channel_invite_modal_button_label_container {
    display: flex;
    align-items: center
}

.p-channel_invite_modal_button_label {
    flex: 1;
    margin-left: 8px
}

.p-channel_invite_modal_inner_label {
    display: inline-block
}

.p-channel_invite_modal_tokenized_option_container {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-channel_invite_modal_tokenized_option_container::-webkit-scrollbar {
    width: 8px
}

.p-channel_invite_modal_tokenized_option_container::-webkit-scrollbar-thumb {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 4px
}

.p-channel_invite_modal_access_choice_subheader {
    padding-left: 24px;
    padding-right: 16px;
    margin-right: 12px
}

.p-channel_invite_modal_learn_more_container {
    margin-right: 30px
}

.p-channel_invite_modal_learn_more {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-channel_invite_modal_learn_more, .p-channel_invite_modal_learn_more:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_invite_modal_speedbump_buttons {
    display: flex;
    justify-content: flex-end
}

.p-channel_invite_modal_lock_icon {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-channel_invite_modal_full_member_invites {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    display: flex
}

.p-channel_invite_modal_full_member_invites_list {
    padding: 4px;
    display: inline-block
}

.p-channel_invite_modal_full_member_invites--overflow {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    font-weight: 700;
    display: inline;
    text-decoration: underline
}

.p-channel_invite_modal_full_member_invites--light {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-channel_invite_modal_subtitle {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin-top: 12px;
    padding: 4px
}

.p-channel_invite_modal__speedbump {
    width: 100%
}

.p-channel_invite_modal__speedbump_text {
    font-size: 18px;
    line-height: 1.50001;
    font-weight: 400;
    font-weight: 700
}

.p-channel_invite_modal_access_choice_image {
    height: 70px;
    width: 70px
}

.p-channel_invite_modal_radio_button {
    display: inline
}

.p-message_pane_modal_rooster__header {
    background: #fcf4da
}

.p-message_pane_modal_rooster__header--dark {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-message_pane_modal_rooster__header_image {
    left: 50% !important;
    transform: translateX(-50%);
    width: unset
}

.p-message_pane_input_broadcast_warning__highlight {
    padding: 0 2px 1px 2px;
    border-radius: 3px;
    background: rgba(242, 199, 68, .4);
    font-weight: 700
}

code .p-message_pane_input_broadcast_warning__highlight, pre .p-message_pane_input_broadcast_warning__highlight {
    padding: 0
}

.sk-client-theme--dark .p-message_pane_input_broadcast_warning__highlight {
    background: rgba(232, 145, 45, .4);
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.c-multi_pane_modal__back {
    margin-left: 16px
}

.c-multi_pane_modal .c-sk-modal_header {
    align-items: center;
    display: flex
}

.c-multi_pane_modal .c-multi_pane_modal__back + .c-sk-modal_title_bar {
    padding-left: 4px
}

.ReactCrop {
    position: relative;
    display: inline-block;
    cursor: crosshair;
    overflow: hidden;
    max-width: 100%;
    background-color: #000
}

.ReactCrop:focus {
    outline: none
}

.ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit
}

.ReactCrop__image {
    display: block;
    max-width: 100%;
    max-height: -webkit-fill-available;
    max-height: -moz-available;
    max-height: fill-available
}

.ReactCrop--crop-invisible .ReactCrop__image {
    opacity: .5
}

.ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateZ(0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, .5);
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat
}

.ReactCrop--disabled .ReactCrop__crop-selection {
    cursor: inherit
}

.ReactCrop__drag-handle {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid hsla(0, 0%, 100%, .7);
    box-sizing: border-box;
    outline: 1px solid transparent
}

.ReactCrop .ord-nw {
    left: 0;
    cursor: nw-resize
}

.ReactCrop .ord-n, .ReactCrop .ord-nw {
    top: 0;
    margin-top: -5px;
    margin-left: -5px
}

.ReactCrop .ord-n {
    left: 50%;
    cursor: n-resize
}

.ReactCrop .ord-ne {
    top: 0;
    cursor: ne-resize
}

.ReactCrop .ord-e, .ReactCrop .ord-ne {
    right: 0;
    margin-top: -5px;
    margin-right: -5px
}

.ReactCrop .ord-e {
    top: 50%;
    cursor: e-resize
}

.ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize
}

.ReactCrop .ord-s {
    left: 50%;
    cursor: s-resize
}

.ReactCrop .ord-s, .ReactCrop .ord-sw {
    bottom: 0;
    margin-bottom: -5px;
    margin-left: -5px
}

.ReactCrop .ord-sw {
    left: 0;
    cursor: sw-resize
}

.ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize
}

.ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit
}

.ReactCrop__drag-bar {
    position: absolute
}

.ReactCrop__drag-bar.ord-n {
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    margin-top: -3px
}

.ReactCrop__drag-bar.ord-e {
    right: 0;
    top: 0;
    width: 6px;
    height: 100%;
    margin-right: -3px
}

.ReactCrop__drag-bar.ord-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    margin-bottom: -3px
}

.ReactCrop__drag-bar.ord-w {
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    margin-left: -3px
}

.ReactCrop--fixed-aspect .ReactCrop__drag-bar, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w, .ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle {
    display: none
}

@media (max-width: 768px),(pointer: coarse) {
    .ReactCrop__drag-handle {
        width: 17px;
        height: 17px
    }

    .ReactCrop .ord-n, .ReactCrop .ord-nw {
        margin-top: -9px;
        margin-left: -9px
    }

    .ReactCrop .ord-e, .ReactCrop .ord-ne {
        margin-top: -9px;
        margin-right: -9px
    }

    .ReactCrop .ord-se {
        margin-bottom: -9px;
        margin-right: -9px
    }

    .ReactCrop .ord-s, .ReactCrop .ord-sw {
        margin-bottom: -9px;
        margin-left: -9px
    }

    .ReactCrop .ord-w {
        margin-top: -9px;
        margin-left: -9px
    }

    .ReactCrop__drag-bar.ord-n {
        height: 14px;
        margin-top: -7px
    }

    .ReactCrop__drag-bar.ord-e {
        width: 14px;
        margin-right: -7px
    }

    .ReactCrop__drag-bar.ord-s {
        height: 14px;
        margin-bottom: -7px
    }

    .ReactCrop__drag-bar.ord-w {
        width: 14px;
        margin-left: -7px
    }
}

.p-image_crop__preview {
    background-repeat: no-repeat
}

.p-image_crop__cropper--portrait {
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available
}

.c-message_kit__gutter {
    display: flex
}

.c-message_kit__gutter__left {
    flex-shrink: 0;
    margin-right: 8px;
    display: flex
}

.c-message_kit__gutter__right {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px;
    padding-left: 16px;
    margin: -12px -8px -16px -16px
}

.c-timestamp {
    font-size: 12px
}

.c-timestamp, .c-timestamp:hover, .c-timestamp:link {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-timestamp--static, .c-timestamp--static:hover, .c-timestamp--static:link {
    text-decoration: none;
    cursor: default
}

.c-timestamp__label {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-gallery_scroller {
    position: relative;
    white-space: nowrap
}

.p-gallery_scroller__wrapper {
    overflow: hidden
}

.p-gallery_scroller__wrapper--can_scroll {
    overflow-x: scroll
}

.p-gallery_scroller__wrapper--can_scroll::-webkit-scrollbar {
    display: none
}

.p-gallery_scroller__content {
    display: block;
    min-width: 100%
}

.p-gallery_scroller__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    height: 32px;
    width: 32px;
    transition: all 80ms ease-out;
    opacity: 1
}

.p-gallery_scroller__arrow:hover:not(.p-gallery_scroller__arrow_hidden) {
    cursor: pointer;
    transform: translateY(-50%) scale(1.1)
}

.p-gallery_scroller__arrow_hidden {
    opacity: 0;
    transform: translateY(-50%) scale(.8)
}

.p-gallery_scroller__left_arrow {
    left: -12px
}

.p-gallery_scroller__right_arrow {
    right: -12px
}

.p-gallery_scroller__arrow_fill, .p-gallery_scroller__arrow_icon {
    position: absolute;
    height: 32px;
    width: 32px
}

.p-gallery_scroller__arrow_fill {
    font-size: 40px;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    text-shadow: 0 0 4px rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    -webkit-text-stroke: 1px rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-gallery_scroller__arrow_icon {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-hidden_file_input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-field_input__with_helpers {
    margin-bottom: 0
}

.c-field_input__helpers {
    margin-top: 8px;
    margin-bottom: 4px
}

.c-field_input__helpers + .c-field_input__helpers {
    margin-bottom: 4px;
    margin-top: 0
}

.p-edit_file_dialog .c-sk-modal_content_section {
    -webkit-padding-before: 5px;
    padding-block-start: 5px;
    -webkit-padding-after: 5px;
    padding-block-end: 5px
}

.c-expandable_trigger {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0
}

.c-expandable_trigger:active, .c-expandable_trigger:focus, .c-expandable_trigger:hover {
    outline: none
}

.c-fullscreen_modal__breadcrumb_header {
    position: relative;
    display: flex;
    flex-direction: column
}

.c-fullscreen_modal__breadcrumb_wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    position: relative
}

.c-fullscreen_modal__breadcrumb_line {
    top: .75rem;
    height: 1px;
    left: 6rem;
    right: 6rem;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    position: absolute
}

.c-fullscreen_modal__breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative
}

.c-fullscreen_modal__breadcrumb_circle_icon {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 0 3px;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-fullscreen_modal__breadcrumb_circle_icon:before {
    font-size: 10px
}

.c-fullscreen_modal__breadcrumb_text {
    font-size: 13px;
    padding: 0 16px;
    width: 176px;
    text-align: center;
    line-height: 16px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-top: -1.6px
}

.c-fullscreen_modal__title--small {
    display: none;
    margin: 0;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    align-self: center
}

.c-fullscreen_modal__breadcrumb_circle_icon.active {
    animation: c-fullscreen_modal_breadcrumb_header--color_fade .15s cubic-bezier(.35, .13, .25, 1) 50ms 1 forwards
}

.c-fullscreen_modal__breadcrumb_text.active {
    animation: c-fullscreen_modal_breadcrumb_header--color_fade .15s cubic-bezier(.35, .13, .25, 1) 0ms 1 forwards
}

.c-fullscreen_modal__breadcrumb:not(:first-child) .c-fullscreen_modal__breadcrumb_animated_step {
    animation: c-fullscreen_modal_breadcrumb_header--breadcrumb_step .15s cubic-bezier(.35, .13, .25, 1) 1
}

.c-fullscreen_modal__breadcrumb .c-fullscreen_modal__breadcrumb_animated_step.reverse {
    animation: c-fullscreen_modal_breadcrumb_header--breadcrumb_step_reverse .15s cubic-bezier(.35, .13, .25, 1) 1
}

.c-fullscreen_modal__breadcrumb_animated_step {
    top: .75rem;
    height: 1px;
    width: 0;
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    position: absolute;
    visibility: hidden
}

@keyframes c-fullscreen_modal_breadcrumb_header--color_fade {
    0% {
        color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
    }
    to {
        color: rgba(var(--sk_highlight, 18, 100, 163), 1)
    }
}

@keyframes c-fullscreen_modal_breadcrumb_header--breadcrumb_step {
    0% {
        transform: translateX(-165px);
        visibility: visible
    }
    40% {
        width: 60px
    }
    to {
        transform: translateX(0);
        width: 0
    }
}

@keyframes c-fullscreen_modal_breadcrumb_header--breadcrumb_step_reverse {
    0% {
        transform: translateX(165px);
        visibility: visible
    }
    40% {
        width: 60px
    }
    to {
        transform: translateX(0);
        width: 0
    }
}

@media screen and (max-width: 1024px) {
    .c-fullscreen_modal__breadcrumb_animated_step, .c-fullscreen_modal__breadcrumb_line, .c-fullscreen_modal__breadcrumb_text {
        display: none
    }

    .c-fullscreen_modal__title--small {
        display: block
    }

    .c-fullscreen_modal__breadcrumb_circle_icon:before {
        font-size: 8px
    }
}

.c-fullscreen_modal {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.c-fullscreen_modal--fixed {
    position: fixed
}

.c-fullscreen_modal--custom_titlebar {
    position: fixed;
    top: 31px;
    height: calc(100vh - 31px)
}

.c-fullscreen_modal__content {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%
}

.c-fullscreen_modal__content--before-open {
    opacity: 0;
    transform: translateY(5px)
}

.c-fullscreen_modal__content--after-open, .c-fullscreen_modal__content--before-open {
    transition: opacity .15s cubic-bezier(.2, .8, .5, 1) .1s, transform .15s cubic-bezier(.2, .8, .5, 1) .1s
}

.c-fullscreen_modal__content--after-open {
    opacity: 1;
    transform: translateY(0)
}

.c-fullscreen_modal__content--before-close {
    opacity: 0;
    transition: opacity .25s cubic-bezier(.2, .8, .5, 1) .1s
}

body:not(.p-client_desktop--ia-top-nav) .c-fullscreen_modal__content--with_frameless_padding {
    margin-top: 22px;
    height: calc(100% - 22px)
}

body:not(.p-client_desktop--ia-top-nav) .c-fullscreen_modal__content--with_frameless_padding:before {
    content: " ";
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    height: 22px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: 0 1px 0 0 var(--saf-0);
    -webkit-app-region: drag
}

.c-fullscreen_modal__button__icon {
    font-size: 32px;
    line-height: 1
}

.c-fullscreen_modal__button__label {
    margin-top: -4px;
    font-size: 13px
}

.c-fullscreen_modal__back, .c-fullscreen_modal__close {
    -webkit-transform: translateZ(0);
    transition: opacity .2s ease-out;
    align-items: center;
    border-radius: 100%;
    box-shadow: none;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    flex-direction: column;
    height: 64px;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 48px;
    vertical-align: middle;
    width: 64px;
    -webkit-app-region: no-drag
}

.c-fullscreen_modal__back:hover, .c-fullscreen_modal__close:hover {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-fullscreen_modal__back:active, .c-fullscreen_modal__close:active {
    background-color: #007a5a;
    color: #fff
}

.c-fullscreen_modal__back .c-deprecated-icon, .c-fullscreen_modal__close .c-deprecated-icon {
    margin: 0
}

.c-fullscreen_modal__back .c-deprecated-icon:before, .c-fullscreen_modal__close .c-deprecated-icon:before {
    font-size: inherit
}

.c-fullscreen_modal__back {
    left: 48px;
    margin-right: 16px
}

.c-fullscreen_modal__close {
    margin-left: 16px;
    right: 48px
}

.c-fullscreen_modal__back--with_header, .c-fullscreen_modal__close--with_header {
    top: 0;
    height: 60px;
    z-index: 2
}

.c-fullscreen_modal__back--with_header .c-deprecated-icon, .c-fullscreen_modal__close--with_header .c-deprecated-icon {
    bottom: 3px
}

.c-fullscreen_modal__back--with_header:hover, .c-fullscreen_modal__close--with_header:hover {
    background-color: transparent
}

.c-fullscreen_modal__back--with_header:active, .c-fullscreen_modal__close--with_header:active {
    background-color: transparent;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-fullscreen_modal__back--with_header {
    left: 0
}

.c-fullscreen_modal__close--with_header {
    right: 0
}

.c-fullscreen_modal__cancel, .c-fullscreen_modal__secondary {
    margin-right: 12px
}

.c-fullscreen_modal__cancel:focus, .c-fullscreen_modal__go:focus, .c-fullscreen_modal__secondary:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-fullscreen_modal__header {
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    display: flex;
    flex-shrink: 0;
    height: 60px;
    justify-content: center;
    left: 0;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

body.p-client_desktop--frameless .c-fullscreen_modal__header {
    -webkit-app-region: drag
}

.c-fullscreen_modal__header .c-fullscreen_modal__title {
    margin: 0;
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900
}

.c-fullscreen_modal__header_image_wrapper {
    border-radius: 4px;
    height: 44px;
    left: 16px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    width: 44px
}

.c-fullscreen_modal__header_image_wrapper:after {
    content: "";
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 0.2);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-fullscreen_modal__header_image {
    width: 100%;
    height: auto
}

.c-fullscreen_modal__title {
    margin-bottom: 16px;
    width: 100%
}

.c-fullscreen_modal__title--with_header_buttons {
    padding-left: 64px;
    padding-right: 64px
}

.c-fullscreen_modal__body {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    align-items: flex-start;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    line-height: 1.46666667;
    overflow-y: auto;
    padding: 15vh 32px 32px 32px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.supports_custom_scrollbar .c-fullscreen_modal__body {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .c-fullscreen_modal__body::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-fullscreen_modal__body::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-fullscreen_modal__body::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-fullscreen_modal__body::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-fullscreen_modal__body::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-fullscreen_modal__body::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-fullscreen_modal__body:hover {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .c-fullscreen_modal__body:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-fullscreen_modal__body:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-fullscreen_modal__body:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-fullscreen_modal__body:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-fullscreen_modal__body:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-fullscreen_modal__body:hover::-webkit-scrollbar-corner {
    background: transparent
}

.c-fullscreen_modal__body--full_bleed {
    padding: 0
}

.c-fullscreen_modal__body--with_header {
    margin-top: 60px;
    padding-top: 32px
}

.c-fullscreen_modal__body--with_footer {
    padding-bottom: 0;
    margin-bottom: 70px
}

.c-fullscreen_modal__body--with_breadcrumb_header {
    margin-top: 60px
}

@media screen and (min-width: 375px) {
    .c-fullscreen_modal__body--with_breadcrumb_header {
        padding-top: 40px
    }
}

@media screen and (min-width: 1440px) {
    .c-fullscreen_modal__body--with_breadcrumb_header {
        padding-top: 60px
    }
}

@media screen and (min-width: 1920px) {
    .c-fullscreen_modal__body--with_breadcrumb_header {
        padding-top: 80px
    }
}

.c-fullscreen_modal__body__content {
    max-width: 100%;
    width: 640px
}

.c-fullscreen_modal__body__content--full_bleed {
    width: 100%
}

.c-fullscreen_modal__footer {
    box-shadow: none;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-top: none;
    flex-shrink: 0;
    padding: 16px;
    text-align: right
}

.c-fullscreen_modal__footer .c-fullscreen_modal__buttons {
    padding-top: 0
}

.c-fullscreen_modal__buttons {
    flex-shrink: 0;
    margin: 0 auto 16px auto;
    width: 100%;
    text-align: left;
    padding-top: 32px
}

.c-fullscreen_modal__buttons--align_right {
    text-align: right
}

.c-fullscreen_modal__buttons--float_right {
    float: right;
    width: auto;
    margin-top: 0;
    padding-top: 0
}

.c-fullscreen_modal__buttons--center {
    text-align: center
}

.c-fullscreen_modal__content--with_footer .c-fullscreen_modal__footer {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    bottom: 0;
    height: 70px;
    left: 0;
    position: absolute;
    right: 0
}

.c-fullscreen_modal__content--with_footer .c-fullscreen_modal__buttons {
    margin-bottom: 0;
    text-align: right;
    width: 100%
}

.p-client_desktop--ia-top-nav .c-fullscreen_modal {
    top: 38px;
    height: calc(100vh - 38px)
}

.p-file_viewer__modal_overlay {
    z-index: 1012
}

.p-file_viewer {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-file_viewer__frameless {
    height: calc(100vh - 22px)
}

.p-file_viewer__custom_titlebar {
    height: calc(100vh - 31px)
}

.p-file_viewer__body {
    border-right: none;
    max-width: none
}

.p-file_viewer__header {
    flex: 0 0 auto
}

.p-file_viewer__content {
    flex: 1 1 0;
    overflow: hidden;
    position: relative
}

.p-file_viewer__empty {
    height: 100%;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-file_viewer__empty, .p-file_viewer__nav {
    display: flex;
    justify-content: center;
    align-items: center
}

.p-file_viewer__nav {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.p-file_viewer__nav, .p-file_viewer__nav:hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13)
}

.p-file_viewer__nav:hover {
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.p-file_viewer__nav--prev {
    left: 16px
}

.p-file_viewer__nav--next {
    right: 16px
}

.p-client_desktop--ia-top-nav .p-file_viewer__header {
    height: 64px
}

.p-client_desktop--ia-top-nav .p-file_viewer:not(.p-file_viewer--no_offset), .p-client_desktop--ia-top-nav .p-file_viewer__frameless:not(.p-file_viewer--no_offset) {
    height: calc(100vh - 38px)
}

.p-client_desktop--ia-top-nav .p-file_viewer__header {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2)
}

.p-client_desktop--ia-top-nav.supports_custom_scrollbar .c-fullscreen_modal__body, .p-client_desktop--ia-top-nav.supports_custom_scrollbar .c-fullscreen_modal__body:hover {
    border-right: none
}

.p-plain_text_element {
    word-break: break-word
}

.p-file_storage_warning__results_warning_container {
    padding: 16px;
    line-height: 20px;
    font-size: 15px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-file_storage_warning__alert {
    margin: 0 0 8px 0
}

.p-file_storage_warning__alert--small {
    font-size: 13px
}

.p-delete_file_dialog {
    z-index: 1053
}

.p-pdf_viewer {
    width: 100%;
    height: 100%;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-pdf_viewer__error, .p-pdf_viewer__loading {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-pdf_viewer__error {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    background-image: url(https://a.slack-edge.com/bv1-9/broken_image-871454d.png);
    background-position: 50%;
    background-repeat: no-repeat
}

.p-pdf_viewer__frame {
    width: 100%;
    height: 100%;
    border: none
}

.p-client_desktop--ia-top-nav .p-pdf_viewer {
    border-top: none
}

.p-file_viewer__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.p-client_desktop--frameless .p-file_viewer__header {
    -webkit-app-region: drag
}

body.p-client_desktop--frameless .p-file_viewer__header button {
    -webkit-app-region: no-drag
}

.p-file_viewer__header__meta {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    min-width: 0
}

.p-file_viewer__header__meta__stack {
    max-height: 40px;
    min-width: 0
}

.p-file_viewer__header__meta__stack--no-meta-minor {
    padding-left: 4px
}

.p-file_viewer__header__meta__minor {
    display: flex
}

.p-file_viewer__header__meta__minor > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-file_viewer__header__meta__minor, .p-file_viewer__header__meta__minor .c-timestamp__label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-file_viewer__header__meta__title {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700
}

.p-file_viewer__header__meta__avatar {
    margin-right: 8px;
    flex: 0 0 auto
}

.p-file_viewer__header__meta__name {
    font-weight: 700;
    padding-right: 4px
}

.p-file_viewer__header__edit_btn, .p-file_viewer__header__meta__name {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-file_viewer__header__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 12px
}

.p-file_viewer__header__separator {
    width: 1px;
    height: 32px;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin: 0 8px
}

.p-zoom {
    display: flex;
    height: 32px;
    width: 220px;
    transition: none;
    opacity: 1;
    position: relative;
    left: 21.5px
}

.p-zoom--hidden {
    transition: opacity .15s ease;
    opacity: 0
}

.p-zoom__box {
    position: absolute;
    background: hsla(0, 0%, 100%, .55);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 1px;
    pointer-events: none
}

.p-zoom__control_group {
    height: 100%;
    display: flex;
    background: rgba(0, 0, 0, .7);
    border: 1px solid ad;
    color: #fff;
    border-radius: 6px;
    margin-right: 8px;
    flex: 1
}

.p-zoom__control_group:last-child {
    margin-right: 0
}

.p-zoom__button--reset, .p-zoom__button--zoom_in, .p-zoom__button--zoom_out {
    width: 35px;
    flex: 0 1 35px;
    padding: 0 8px;
    height: 100%;
    cursor: pointer
}

.p-zoom__button--reset {
    padding: 4px 7px
}

.p-zoom__button--reset:before {
    transform: rotate(45deg)
}

.p-zoom__button--reset[disabled] {
    visibility: hidden;
    pointer-events: none
}

.p-zoom__slider {
    flex: 1;
    height: 100%;
    width: 100%;
    margin: 0;
    -webkit-appearance: none;
    background: transparent;
    overflow: visible;
    outline: none;
    cursor: pointer
}

.p-zoom__slider::-moz-range-thumb {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-top: -5px;
    border: none;
    cursor: pointer
}

.p-zoom__slider::-moz-range-track {
    background: hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 2px;
    border: 0
}

.p-zoom__slider::-webkit-slider-thumb {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-top: -5px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none
}

.p-zoom__slider::-webkit-slider-runnable-track {
    background: hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 2px;
    border: 0
}

.p-zoom__slider::-ms-thumb {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-top: -5px;
    border: none;
    cursor: pointer;
    margin-top: -1px
}

.p-zoom__slider::-ms-track {
    background: hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 2px;
    border: 0
}

.p-zoom__slider::-moz-focus-outer {
    border: 0
}

.p-zoom__slider::-ms-tooltip {
    display: none
}

.p-play_pause_animations__container {
    cursor: default;
    overflow: hidden;
    max-height: 100%
}

.p-play_pause_animations__container--has-focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-play_pause_animations__btn {
    padding: 20px;
    border-radius: 48px !important;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.p-play_pause_animations__btn--hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-play_pause_animations__icon {
    font-size: 32px;
    width: 32px;
    height: 32px
}

.p-image_viewer, .p-image_viewer_container {
    width: 100%;
    height: 100%
}

.p-image_viewer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-image_viewer__zoom_positioner {
    position: absolute;
    bottom: 10px;
    width: 100%;
    pointer-events: none
}

.p-image_viewer__zoom_control {
    margin: 0 auto;
    pointer-events: all
}

.p-image_viewer__image {
    height: auto;
    flex-shrink: 0;
    max-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-youtube_viewer {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-youtube_viewer__video {
    width: 80%;
    position: relative
}

.p-youtube_viewer__responsive_container {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.p-youtube_viewer__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-aspect_box__outer {
    max-width: 100%
}

.c-aspect_box__inner {
    position: relative
}

.c-aspect_box__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-attachment_image_actions {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0
}

.p-attachment_image_actions .c-icon--search-plus {
    font-size: 22pt
}

.p-attachment_image_actions .c-icon_button {
    width: 32px;
    height: 32px
}

.p-attachment_image_actions .c-icon:before {
    font-size: 18px
}

.p-attachment_image_actions.p-attachment_image_actions--menu-open, .p-message_attachment__image_container--has-actions:focus-within .p-attachment_image_actions, .p-message_attachment__image_container--has-actions:hover .p-attachment_image_actions {
    opacity: 1;
    z-index: 1
}

.c-aria_live_announcer_api {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-emoji_pack_card {
    box-sizing: border-box;
    flex: 0 1 50%;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 8px;
    outline: none;
    position: relative;
    overflow: hidden;
    padding: 16px;
    padding-bottom: 0;
    margin-left: 8px;
    height: 200px
}

.p-emoji_pack_card:first-child {
    margin-left: 0;
    margin-right: 8px
}

.p-emoji_pack_card--clickable {
    cursor: pointer
}

.p-emoji_pack_card--clickable:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.p-emoji_pack_card__header {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700
}

.p-emoji_pack_card__subheader {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-emoji_pack_card__checkmark {
    color: #007a5a;
    font-size: 24px
}

.p-emoji_pack_card__spacer {
    display: inline-block;
    width: 36px;
    height: 36px
}

.p-emoji_pack_card_rows {
    overflow: hidden
}

.p-emoji_pack_card__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.p-emoji_pack_card__row img {
    width: 36px;
    height: 36px
}

.p-emoji_pack_coming_soon {
    height: 200px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.p-emoji_pack_coming_soon__pill {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    align-self: center;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-bottom: 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    border: none;
    box-shadow: none
}

.p-emoji_pack_coming_soon__text {
    padding: 0 28px
}

.p-emoji_pack_coming_soon__illustrations {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.p-emoji_pack__header {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 12px;
    font-weight: 700
}

.p-emoji_pack__header, .p-emoji_pack__pill {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-emoji_pack__pill {
    border-radius: 10px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    padding: 0 8px;
    display: inline-block;
    margin-left: 4px
}

.p-emoji_pack__list {
    margin-bottom: 20px
}

.p-emoji_pack__help {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    padding-top: 20px;
    padding-bottom: 20px
}

.p-emoji_pack__pack_row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.p-emoji_pack__spacer {
    margin-left: 8px;
    flex: 0 1 50%
}

.p-emoji_pack_details {
    display: flex;
    flex-direction: column;
    height: 100%
}

.p-emoji_pack_details__subtitle_author {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-emoji_pack_details__subtitle_author:after {
    display: inline-block;
    content: "|";
    padding: 0 8px;
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-emoji_pack_details__content {
    flex-grow: 1
}

.p-emoji_pack_details__box {
    flex: 0 1 50%;
    margin-left: 16px
}

.p-emoji_pack_details__box:first-child {
    margin-left: 0
}

.p-emoji_pack_details__emoji_row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px
}

.p-emoji_pack_details__emoji_row img {
    width: 56px;
    height: 56px
}

.p-emoji_pack_details__emoji_row:last-child {
    margin-bottom: 0
}

.p-emoji_pack_details__emoji_spacer {
    display: inline-block;
    width: 56px;
    height: 56px
}

.p-emoji_pack_details__tip {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-emoji_pack_details__button {
    padding: 8px;
    border-radius: 8px
}

.p-emoji_pack_details__button[data-color-index="0"].key_selection, .p-emoji_pack_details__button[data-color-index="0"]:hover {
    background: rgba(155, 223, 88, .7)
}

.p-emoji_pack_details__button[data-color-index="1"].key_selection, .p-emoji_pack_details__button[data-color-index="1"]:hover {
    background: rgba(149, 211, 254, .7)
}

.p-emoji_pack_details__button[data-color-index="2"].key_selection, .p-emoji_pack_details__button[data-color-index="2"]:hover {
    background: rgba(247, 233, 34, .7)
}

.p-emoji_pack_details__button[data-color-index="3"].key_selection, .p-emoji_pack_details__button[data-color-index="3"]:hover {
    background: rgba(238, 166, 252, .7)
}

.p-emoji_pack_details__button[data-color-index="4"].key_selection, .p-emoji_pack_details__button[data-color-index="4"]:hover {
    background: rgba(255, 213, 143, .7)
}

.p-emoji_pack_details__button[data-color-index="5"].key_selection, .p-emoji_pack_details__button[data-color-index="5"]:hover {
    background: rgba(211, 209, 255, .7)
}

.p-add_alias_dialog__container .focus-ring, .p-add_custom_emoji_dialog__container .focus-ring, .p-add_emoji_dialog .focus-ring, .p-customize_emoji_list__single_delete .focus-ring, .p-customize_emoji_wrapper__container .focus-ring, .p-delete_custom_emoji_dialog__container .focus-ring, .p-rename_emoji_dialog__container .focus-ring {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-customize_emoji_list__container .c-table_view_row_item, .p-customize_emoji_list__disabled_table .c-table_view_row_item {
    align-self: center
}

.p-customize_emoji_list__disabled_table .c-button--medium {
    margin-top: 2px;
    margin-bottom: 2px
}

.p-customize_emoji_list__alert .c-alert__message {
    width: 100%
}

.p-customize_emoji_list__disabled_table .c-table_view_container {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0)
}

@media only screen and (max-width: 600px) {
    .p-customize_emoji_list__disabled_table .c-table_view_container {
        border-left: none;
        border-right: none
    }
}

.p-customize_emoji_list__container {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-customize_emoji_list__disabled_table .c-table_view_all_rows_container {
    margin-top: -30px
}

.c-dialog.p-customize_emoji__dialog_overlay {
    position: fixed;
    height: 100vh
}

.c-dialog.p-customize_emoji__dialog_overlay .c-dialog__content {
    position: relative
}

.p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_header_item, .p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_row_item {
    justify-content: center;
    flex-grow: 5
}

.p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_header_item:first-of-type, .p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_row_item:first-of-type {
    flex-grow: 1.5
}

.p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_header_item:last-of-type, .p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_row_item:last-of-type {
    flex-grow: 6;
    text-align: right
}

@media only screen and (max-width: 600px) {
    .p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_row_item:first-of-type {
        flex-grow: 0
    }

    .p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_row_item:nth-of-type(3), .p-customize_emoji_list__disabled_table .c-table_view_flexbox .c-table_view_row_item:nth-of-type(4) {
        display: none
    }
}

@media only screen and (max-width: 700px) {
    .p-disabled_custom_emoji_list__button {
        font-size: 13px;
        min-width: 67px
    }
}

.p-disabled_custom_emoji_list__mobile_button_container {
    width: 100%;
    display: none
}

@media only screen and (max-width: 600px) {
    .p-disabled_custom_emoji_list__mobile_button_container {
        display: inline-block
    }
}

.p-disabled_custom_emoji_list__mobile_button {
    font-size: 13px;
    width: 45%;
    margin-right: 4%;
    margin-top: 5px
}

.p-customize_emoji_list__container .c-table_view_row_item_value, .p-customize_emoji_list__disabled_table .c-table_view_row_item_value {
    word-break: break-all;
    font-size: 15px
}

.p-customize_emoji_list__container .p-customize_emoji_list__image_container, .p-customize_emoji_list__disabled_table .p-customize_emoji_list__image_container {
    width: 32px;
    height: 32px
}

.p-customize_emoji_list__container .p-customize_emoji_list__image, .p-customize_emoji_list__disabled_table .p-customize_emoji_list__image {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.p-disabled_custom_emoji_list__mobile_buttons {
    display: none
}

@media only screen and (max-width: 600px) {
    .p-disabled_custom_emoji_list__mobile_buttons {
        display: initial
    }
}

.p-customize_emoji_list__container .c-table_view_header_item .c-table_view_header_item_value {
    font-size: 13px
}

.p-customize_emoji_list__container .c-table_view_flexbox, .p-customize_emoji_list__disabled_table .c-table_view_flexbox {
    flex-basis: 0
}

.p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_header_item, .p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_row_item {
    justify-content: center;
    flex-grow: 5
}

.p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_header_item:first-of-type, .p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_row_item:first-of-type {
    flex-grow: 1.5
}

.p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_header_item:last-of-type, .p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_row_item:last-of-type {
    flex-grow: 1
}

@media only screen and (max-width: 600px) {
    .p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_header_item, .p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_header_item:nth-of-type(3), .p-customize_emoji_list__container .c-table_view_flexbox .c-table_view_row_item:nth-of-type(3) {
        display: none
    }
}

.p-customize_emoji_list__container .c-table_view_flexbox_container {
    overflow: visible
}

.p-customize_emoji_list__container .c-table_view_all_rows_container {
    min-height: 0
}

.p-customize_emoji_list__container .c-scrollbar__bar {
    opacity: 1
}

.p-customize_emoji_list__author_mobile {
    display: none
}

@media only screen and (max-width: 600px) {
    .p-customize_emoji_list__author_mobile {
        display: inherit
    }
}

.p-customize_emoji_list__author .p-customize_emoji_list__avatar {
    margin-right: 10px;
    vertical-align: middle
}

.p-customize_emoji_list__toast {
    position: fixed
}

.p-customize_emoji_list__header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-customize_emoji_list__header.c-table_view_header_item .c-icon {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-customize_emoji_list__header__actions {
    min-width: 130px
}

.p-customize_emoji_list__header--active.c-table_view_header_item .c-icon, .p-customize_emoji_list__header--active .c-table_view_header_item_value {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-customize_emoji_list__row_icons {
    margin-right: 40px;
    min-width: 75px;
    text-align: right
}

.p-customize_emoji_list__no_matches {
    text-align: center;
    align-self: center;
    min-height: 63.5px
}

.p-add_emoji_dialog {
    position: relative;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    height: 594px
}

.p-add_emoji_dialog--without_tabs {
    height: auto
}

.p-add_alias_dialog__container .c-dialog__header, .p-add_custom_emoji_dialog__container .c-dialog__header, .p-rename_emoji_dialog__container .c-dialog__header {
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-add_alias_dialog__container .c-dialog__footer, .p-add_custom_emoji_dialog__container .c-dialog__footer, .p-rename_emoji_dialog__container .c-dialog__footer {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-add_custom_emoji_dialog__container--no_border .c-dialog__header {
    border-bottom: none
}

.p-add_custom_emoji_dialog__tabs {
    margin-bottom: 16px
}

.p-add_custom_emoji_dialog__tabs .c-tabs__tab_menu {
    padding-left: 24px;
    padding-right: 24px
}

@media only screen and (max-width: 600px) {
    .ReactModal__Content.ReactModal__Content--after-open.c-dialog__content.p-add_alias_dialog__container, .ReactModal__Content.ReactModal__Content--after-open.c-dialog__content.p-customize_emoji_list__single_delete, .ReactModal__Content.ReactModal__Content--after-open.c-dialog__content.p-delete_custom_emoji_dialog__container, .ReactModal__Content.ReactModal__Content--after-open.c-dialog__content.p-rename_emoji_dialog__container {
        min-height: 100vh;
        min-width: 100vw;
        border-radius: 0
    }
}

.p-add_alias_dialog__modal_open, .p-add_custom_emoji_dialog__modal_open, .p-delete_custom_emoji_dialog__modal_open, .p-single_emoji_delete_dialog__modal_open, .rename-emoji_dialog__modal_open {
    max-height: 100vh;
    position: fixed;
    overflow-y: hidden
}

.p-add_custom_emoji_dialog__modal_open {
    width: 100%
}

.p-add_custom_emoji_dialog__container .c-input_text_overlay {
    z-index: 3
}

.p-rename_emoji_dialog__formtext .c-input_text_overlay, .p-rename_emoji_dialog__formtext input, .p_add_alias_dialog__name_input .c-input_text_overlay, .p_add_alias_dialog__name_input input, .p_add_custom_emoji_dialog__name_input .c-input_text_overlay, .p_add_custom_emoji_dialog__name_input input {
    margin-bottom: 8px !important
}

.p-rename_emoji_dialog__formtext .c-input_text_overlay:after, .p_add_alias_dialog__name_input .c-input_text_overlay:after, .p_add_custom_emoji_dialog__name_input .c-input_text_overlay:after {
    margin-left: 2px
}

.p-add_alias_dialog__form, .p-add_custom_emoji_dialog__form {
    margin-top: 25px
}

.p-add_custom_emoji_dialog ol {
    margin-left: 16px
}

.p-add_custom_emoji_dialog__upload_preview {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    background: #f8f8f8
}

.p-add_custom_emoji_dialog__upload_preview--dark {
    background: #1d1c1d
}

.p-add_custom_emoji_dialog__icon_container {
    height: 100%;
    vertical-align: middle;
    margin: auto
}

.p-add_custom_emoji_dialog__icon, .p-add_custom_emoji_dialog__icon_broken {
    margin: auto;
    font-size: 32px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 62px
}

.p-add_custom_emoji_dialog__icon:before {
    color: #1d1c1d
}

.p-add_custom_emoji_dialog__upload_preview--dark .p-add_custom_emoji_dialog__icon:before {
    color: #fff
}

.p-add_custom_emoji_dialog__icon_broken:before {
    color: #616061
}

.p-add_custom_emoji_dialog__upload_preview--dark .p-add_custom_emoji_dialog__icon_broken:before {
    color: #f8f8f8
}

.p-add_custom_emoji_dialog__upload_button {
    flex: 1 1 auto;
    min-width: 0
}

.p-add_custom_emoji_dialog__image_container {
    height: 35px;
    width: 35px;
    margin-top: 13px;
    margin-left: 13px;
    line-height: 32px
}

.p-add_custom_emoji_dialog__image {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-add_custom_emoji_dialog__upload_input {
    display: none
}

.p-add_custom_emoji_dialog__filename {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-add_alias_dialog__upload_container, .p-add_custom_emoji_dialog__upload_container {
    margin-top: 1rem
}

.p-add_custom_emoji_dialog__upload_container {
    display: flex;
    align-items: center
}

.p-add_alias_dialog__upload_preview {
    width: 36px;
    height: 36px;
    border-radius: 4px
}

.p-add_alias_dialog__icon {
    margin: auto;
    font-size: 20px;
    margin-top: 2px;
    margin-left: 7.5px
}

.p-add_alias_dialog__icon:before {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-add_alias_dialog__emoji {
    margin: auto;
    font-size: 22px;
    margin-top: 5px
}

.p-add_alias_dialog__choose_emoji_button {
    margin-left: 8px
}

.p-add_alias_dialog__choose_name_container, .p-add_custom_emoji_dialog__choose_name_container {
    margin-bottom: 1rem
}

.p-delete_custom_emoji_dialog__table_container {
    margin-top: 20px
}

.p-delete_custom_emoji_dialog__message .c-scrollbar__bar {
    opacity: 1
}

.p-delete_custom_emoji_dialog__message .c-table_view_all_rows_container {
    max-height: 230px
}

.p-delete_custom_emoji_dialog__message .c-table_view_container {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-delete_custom_emoji_dialog__message .c-table_view_flexbox {
    flex-basis: 0
}

.p-delete_custom_emoji_dialog__message .c-table_view_flexbox .c-table_view_header_item {
    display: none
}

.p-delete_custom_emoji_dialog__message .c-table_view_flexbox .c-table_view_row_item:first-of-type {
    min-width: 10%
}

.p-delete_custom_emoji_dialog__message .c-table_view_flexbox .c-table_view_row_item:nth-of-type(2) {
    min-width: 40%;
    max-width: 40%
}

.p-delete_custom_emoji_dialog__message .c-table_view_flexbox .c-table_view_row_item:nth-of-type(3) {
    min-width: 35%;
    max-width: 35%
}

@media only screen and (max-width: 600px) {
    .p-delete_custom_emoji_dialog__message .c-table_view_flexbox .c-table_view_row_item:first-of-type {
        min-width: 15%
    }

    .p-delete_custom_emoji_dialog__message .c-table_view_flexbox .c-table_view_row_item:nth-of-type(3) {
        min-width: 30%;
        max-width: 30%
    }
}

.p-delete_custom_emoji_dialog__name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-delete_custom_emoji_dialog__formatted_name {
    word-break: break-all
}

.p-delete_custom_emoji__short {
    display: none
}

@media only screen and (max-width: 600px) {
    .p-delete_custom_emoji__short {
        display: initial
    }
}

@media only screen and (max-width: 600px) {
    .p-delete_custom_emoji__long {
        display: none
    }
}

.p-delete_custom_emoji_dialog__message .c-table_view_row_item_value {
    word-break: break-all
}

.p-delete_custom_emoji_dialog__image {
    height: 24px;
    width: 24px
}

.p-delete_custom_emoji_dialog__lock {
    padding-right: 6px
}

.p-rename_emoji_dialog__name_input {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px
}

.p-rename_emoji_dialog__emoji_preview {
    width: 36px;
    height: 36px
}

.p-rename_emoji_dialog__emoji_img {
    margin-left: 2px;
    margin-top: 2px;
    width: 32px;
    height: 32px
}

.p-rename_emoji_dialog__formtext {
    margin-left: 14px;
    width: calc(100% - 50px)
}

.p-customize_emoji_wrapper__container {
    margin-bottom: 1rem;
    position: relative
}

.p-customize_emoji_wrapper__empty_words {
    width: 60%
}

@media only screen and (max-width: 768px) {
    .p-customize_emoji_wrapper__empty_words {
        width: 100%
    }
}

.p-customize_emoji_wrapper__empty_header {
    font-size: 22px
}

.p-customize_emoji_wrapper__custom_button {
    margin-left: 12px
}

@media only screen and (max-height: 480px), screen and (max-width: 768px) {
    .p-customize_emoji_wrapper__custom_button {
        display: none
    }
}

.p-customize_emoji_wrapper__custom_button_short {
    margin-left: 12px;
    display: none
}

@media only screen and (max-width: 768px) and (min-width: 600px) {
    .p-customize_emoji_wrapper__custom_button_short {
        display: initial
    }
}

@media only screen and (max-height: 480px) {
    .p-customize_emoji_wrapper__custom_button_short {
        display: none
    }
}

.p-customize_emoji_wrapper__empty_img_container {
    width: 30%
}

.p-customize_emoji_wrapper__empty_img {
    object-fit: contain;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .p-customize_emoji_wrapper__empty_img {
        display: none
    }
}

.p-customize_emoji_wrapper__search {
    position: relative;
    z-index: 1
}

.p-customize_emoji_wrapper__search .c-icon--search-medium:before {
    font-size: 25px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-customize_emoji_wrapper__search .c-filter_input__reset_button {
    font-size: 18px
}

@media only screen and (max-width: 900px) {
    .p-customize_emoji_wrapper__disabled_toggle {
        display: none
    }
}

.p-customize_emoji_wrapper__disabled_toggle_mobile {
    display: none
}

@media only screen and (max-width: 900px) {
    .p-customize_emoji_wrapper__disabled_toggle_mobile {
        display: initial
    }
}

.p-customize_emoji_wrapper__count {
    line-height: 36px
}

@media only screen and (max-width: 600px) {
    .p-customize_emoji_wrapper__count {
        font-size: 15px
    }
}

.p-customize_emoji_wrapper__container .c-token {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-customize_emoji_wrapper .c-multi-select {
    width: 100%
}

.p-customize_emoji_wrapper__multi_select_container {
    display: flex
}

.p-customize_emoji_wrapper__multi_select_input .c-multi_select_input {
    padding: 5px 0 5px 30px;
    z-index: 2
}

.p-customize_emoji_wrapper__reset_icon_container, .p-customize_emoji_wrapper__search_icon_container {
    position: relative;
    width: 0
}

.p-customize_emoji_wrapper__search_icon_container {
    left: 15px
}

.p-customize_emoji_wrapper__reset_icon_container {
    right: 30px
}

.p-customize_emoji_wrapper__reset_icon, .p-customize_emoji_wrapper__search_icon {
    height: 100%;
    z-index: 3
}

.p-customize_emoji_wrapper__reset_icon {
    cursor: pointer;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-select_options_list__option--active .p-customize_emoji_wrapper__multi_select_input__heading, .c-select_options_list__option--active .p-customize_emoji_wrapper__multi_select_input__heading__query {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.p-customize_emoji_wrapper__multi_select_input__heading {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-customize_emoji_wrapper__multi_select_input__heading__query {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-customize_emoji_wrapper__multi_select_input__token_wrapper .c-token {
    display: inline-flex
}

.p-customize_emoji_wrapper_options_list .c-select_options_list__group_option {
    padding: 0 0 0 21px
}

.c-select_options_list__option--active .p-customize_emoji_wrapper__multi_select_input__token_wrapper .c-token {
    background: #0b4c8c;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.p-customize_emoji_wrapper__no_members_options_list .c-select_options_list__divider, .p-customize_emoji_wrapper__no_members_options_list .c-select_options_list__group_header {
    display: none
}

.p-customize_emoji_wrapper__no_members_options_list_wrapper .p-customize_emoji_wrapper__no_members_options_list {
    height: 64px
}

.p-customize_emoji_wrapper__multi_select_input__heading {
    margin-top: -2px
}

.p-customize_emoji_wrapper__no_members_options_list .c-select_options_list__loading_state, .p-customize_emoji_wrapper__options_list .c-select_options_list__loading_state {
    height: 64px
}

.p-customize_emoji_wrapper--quick_reactions_container {
    width: 75%
}

.p-customize_emoji_wrapper--quick_reactions_slots_admin_container {
    position: relative;
    bottom: 5px
}

.p-customize_emoji_wrapper--quick_reactions_section_title {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900
}

.p-customize_emoji_wrapper--quick_reactions_section_body_text {
    font-size: 18px;
    line-height: 1.50001;
    font-weight: 400;
    position: relative;
    bottom: 15px
}

.p-productivity_emoji_content-description {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    display: block;
    line-height: normal;
    margin-top: 4px;
    margin-bottom: 8px
}

.p-productivity_emoji_content-description--message {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-productivity_emoji_content-aliases {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    margin-right: 4px;
    padding: 2px 4px
}

.p-productivity_emoji_content-aliases--light {
    border: 1px solid #ddd
}

.p-productivity_emoji_content-aliases--dark {
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0)
}

.p-productivity_emoji_content-title {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    line-height: 0;
    font-weight: inherit
}

.p-emoji_picker_skintone {
    position: absolute;
    font-size: 1.2rem;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    padding: 3px;
    right: 16px;
    bottom: 14.5px
}

.p-emoji_picker_skintone__radiogroup {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: -15px
}

.p-emoji_picker_skintone__radiogroup_label {
    font-size: .68rem;
    font-weight: 700
}

.p-emoji_picker_skintone__toggle_btn {
    opacity: 1;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 2px 3px;
    display: flex;
    margin-bottom: -3px
}

.p-emoji_picker_skintone__toggle_btn .emoji-sizer {
    font-size: 23px
}

.p-emoji_picker_skintone__toggle_btn_label {
    font-size: .9rem;
    display: inline-block;
    margin: 0 3px;
    font-weight: 700
}

.p-emoji_picker__content:hover .p-emoji_picker_skintone__toggle_btn {
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-emoji_picker_skintone__radio_buttons {
    display: flex;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 10px;
    padding: 7px 3px 2px 3px;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-emoji_picker_skintone__radio_buttons span.emoji-sizer {
    font-size: 23px
}

.p-emoji_picker_skintone__radio_button_container {
    border-radius: 2px;
    cursor: pointer
}

.p-emoji_picker_skintone__radio_button_container--focus-visible img {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-emoji_picker_skintone__radio_button {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-emoji_picker {
    position: relative;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    z-index: 1012;
    font-size: .95rem;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    outline: none;
    vertical-align: top
}

.c-menu.p-emoji_picker {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08);
    line-height: 1rem;
    display: inline-block;
    width: 361px;
    border-radius: 6px
}

body.desktop .p-emoji_picker {
    overflow: visible
}

.p-emoji_picker__content {
    position: relative;
    z-index: 151;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.p-emoji_picker__content, .p-emoji_picker__content--reaction-height-with-cta {
    min-height: 468px;
    max-height: 468px
}

.p-emoji_picker__content--reaction-height-without-cta {
    max-height: 436px;
    min-height: 436px
}

.p-emoji_picker__content--message-height-with-cta {
    max-height: 426px;
    min-height: 426px
}

.p-emoji_picker__content--message-height-without-cta {
    max-height: 394px;
    min-height: 394px
}

.p-emoji_picker__list_container {
    overflow: hidden;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    position: relative;
    border-right: 0;
    flex: 1 1 auto
}

.p-emoji_picker__list {
    position: absolute;
    padding: 0 0 0 8px;
    margin-top: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    white-space: nowrap
}

.p-emoji_picker__list_scroller {
    outline: none
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-emoji_picker__list_scroller::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller:hover {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-emoji_picker__list_scroller:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-emoji_picker__list_scroller:hover::-webkit-scrollbar-corner {
    background: transparent
}

.p-emoji_picker__list_item {
    border-color: transparent;
    font-size: 20px;
    text-align: center;
    line-height: 21px;
    width: 36px;
    height: 32px;
    margin: 0 1px -1px 0;
    float: none;
    display: inline-block;
    text-shadow: 0 1px #fff;
    padding: .25rem 0 .2rem 0;
    font-weight: 400;
    text-decoration: none;
    overflow: hidden;
    border-radius: 6px;
    background: transparent;
    outline: none;
    cursor: pointer;
    transition: background .15s ease-out .05s
}

.p-emoji_picker__list_item:hover {
    text-decoration: none;
    overflow: hidden;
    transition: background .05s ease-out
}

.p-emoji_picker--keyboard_mode .p-emoji_picker__list_item, .p-emoji_picker--keyboard_mode .p-emoji_picker__list_item:hover {
    transition: none
}

.p-emoji_picker__list_item[data-color-index="0"].key_selection, .p-emoji_picker__list_item[data-color-index="0"]:hover {
    background: rgba(155, 223, 88, .7)
}

.p-emoji_picker__list_item[data-color-index="1"].key_selection, .p-emoji_picker__list_item[data-color-index="1"]:hover {
    background: rgba(149, 211, 254, .7)
}

.p-emoji_picker__list_item[data-color-index="2"].key_selection, .p-emoji_picker__list_item[data-color-index="2"]:hover {
    background: rgba(247, 233, 34, .7)
}

.p-emoji_picker__list_item[data-color-index="3"].key_selection, .p-emoji_picker__list_item[data-color-index="3"]:hover {
    background: rgba(238, 166, 252, .7)
}

.p-emoji_picker__list_item[data-color-index="4"].key_selection, .p-emoji_picker__list_item[data-color-index="4"]:hover {
    background: rgba(255, 213, 143, .7)
}

.p-emoji_picker__list_item[data-color-index="5"].key_selection, .p-emoji_picker__list_item[data-color-index="5"]:hover {
    background: rgba(211, 209, 255, .7)
}

.p-emoji_picker__list_item .emoji-sizer {
    line-height: 20px
}

.p-emoji_picker__group_tabs {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 4px 0 0 7px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    height: 38px
}

.p-emoji_picker__group_tab {
    height: 100%;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    display: inline-block;
    padding: 4px 5.8px 6px;
    border-radius: .6rem .6rem 0 0;
    margin-right: 3px;
    border-bottom: 3px solid transparent
}

.p-emoji_picker__group_tab:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    text-decoration: none
}

.p-emoji_picker__group_tab--active {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin-bottom: -1px;
    padding-top: 3px;
    border-bottom: 3px solid #007a5a
}

.p-emoji_picker__group_tab--with_dot {
    position: relative
}

.p-emoji_picker__group_tab_dot {
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 6px;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 2px solid var(--saf-0);
    background: #e01e5a;
    width: 10px;
    height: 10px
}

.p-emoji_picker__pack_cta_wrapper {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 0 14px 14px
}

.p-emoji_picker__pack_cta_inner_wrapper {
    position: relative;
    padding: 12px 8px 12px 12px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.p-emoji_picker__pack_cta {
    line-height: 1.46667
}

.p-emoji_picker__pack_cta_arrow {
    opacity: 0;
    margin-left: -3px;
    transition: margin-left .15s ease-in, opacity .15s ease-in
}

.p-emoji_picker__pack_cta_text_container:hover .p-emoji_picker__pack_cta_arrow {
    opacity: 1;
    margin-left: 0
}

.p-emoji_picker__pack_cta_dismiss_btn {
    height: 22px;
    width: 22px
}

.p-emoji_picker__pack_cta_graphic_img {
    max-height: 30px;
    max-width: 30px;
    position: absolute
}

.p-emoji_picker__pack_cta_graphic_img_1 {
    top: -5px;
    left: -5px;
    transform: rotate(-5deg)
}

.p-emoji_picker__pack_cta_graphic_img_2 {
    top: 10px;
    left: 15px;
    transform: rotate(15deg)
}

.p-emoji_picker__pack_cta_graphic_img_3 {
    top: 20px;
    left: -5px;
    transform: rotate(-20deg)
}

.p-emoji_picker__pack_cta_text_container {
    margin-left: 40px;
    white-space: nowrap
}

.p-emoji_picker__heading {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin: 0 6px;
    font-weight: 700;
    line-height: 1.5rem;
    position: relative;
    background: rgba(var(--sk_primary_background, 255, 255, 255), .95)
}

.p-emoji_picker__empty_search {
    margin-top: 26px;
    padding: 0 6px
}

.p-emoji_picker__heading--handy_rxns {
    float: left;
    margin: 4px 0 4px 14px;
    background-color: transparent
}

.p-emoji_picker__sticky_header {
    position: absolute;
    width: 100%;
    z-index: 10
}

.p-emoji_picker__sticky_header .p-emoji_picker__heading {
    position: absolute;
    right: 12px;
    left: 0;
    top: 0;
    padding: 0 8px
}

input[type=text].c-input_text.p-emoji_picker__input {
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 30px;
    padding-right: 32px;
    font-size: 16px;
    margin: 0;
    height: 32px;
    width: 100%;
    border-radius: 4px;
    outline: none
}

.p-emoji_picker__input_container {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 14px;
    position: relative
}

.p-emoji_picker__icon_search {
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    text-shadow: none;
    display: block;
    position: absolute
}

.p-emoji_picker__icon_search, .p-emoji_picker__tip i {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-emoji_picker__tip {
    clear: both;
    font-weight: 400;
    font-size: .8rem;
    margin: 5px 0 10px 0;
    text-align: center;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-emoji_picker__tip__icon {
    position: relative;
    margin-right: 2px
}

.p-emoji_picker__no_results {
    clear: both;
    font-weight: 400;
    font-size: 1rem;
    padding-top: 70px;
    padding-right: 0;
    padding-bottom: 10px;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    text-align: center
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="0"]:hover {
    background: transparent
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="0"].key_selection {
    background: rgba(155, 223, 88, .7)
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="1"]:hover {
    background: transparent
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="1"].key_selection {
    background: rgba(149, 211, 254, .7)
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="2"]:hover {
    background: transparent
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="2"].key_selection {
    background: rgba(247, 233, 34, .7)
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="3"]:hover {
    background: transparent
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="3"].key_selection {
    background: rgba(238, 166, 252, .7)
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="4"]:hover {
    background: transparent
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="4"].key_selection {
    background: rgba(255, 213, 143, .7)
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="5"]:hover {
    background: transparent
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item[data-color-index="5"].key_selection {
    background: rgba(211, 209, 255, .7)
}

.p-emoji_picker[data-using-keyboard=true] .p-emoji_picker__list_item:not(.key_selection) a:hover {
    background: none
}

.p-emoji_picker__footer {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-top: 1px solid rgba(0, 0, 0, .15);
    position: relative;
    flex: 0 0 auto;
    min-height: 60px
}

.p-emoji_picker__footer--handy-reactions {
    min-height: 102px
}

.p-emoji_picker__footer--previewing .p-emoji_picker__preview {
    transition: opacity .1s ease-in;
    opacity: 1
}

.p-emoji_picker__footer--previewing .p-emoji_picker__emoji_deluxe_label {
    opacity: 0;
    transition: opacity .05s ease-in
}

.p-emoji_picker__preview {
    opacity: 0;
    transition: opacity .1s ease-in;
    padding: .3rem 0 0 .7rem
}

.p-emoji_picker__emoji_deluxe_label {
    position: absolute;
    font-size: 1.2rem;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    top: calc(50% - 2px);
    transform: translateY(-50%);
    left: 14px;
    opacity: 1;
    transition: opacity .1s ease-in;
    font-weight: 700
}

.p-emoji_picker__footer--previewing .p-emoji_picker__add_custom_emoji {
    opacity: 0;
    transition: opacity 80ms cubic-bezier(.36, .19, .29, 1);
    pointer-events: none
}

.p-emoji_picker__add_custom_emoji {
    position: absolute;
    bottom: 14.5px;
    left: 14px;
    opacity: 1;
    pointer-events: auto
}

.p-emoji_picker__preview_text {
    font-size: .9rem;
    line-height: .9rem;
    padding: .6rem .7rem .8rem 0;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 700;
    float: left;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 250px
}

.p-emoji_picker__preview_text--shortened {
    width: 180px
}

.p-emoji_picker__preview_aliases {
    font-size: .8rem;
    font-weight: 400
}

.p-emoji_picker__preview_img {
    float: left;
    font-size: 2rem;
    height: 54px;
    line-height: 2rem;
    padding: .7rem .5rem 0 .1rem;
    vertical-align: middle;
    width: 46px
}

.p-emoji_picker__preview_img--productivity-emoji {
    top: 4px;
    position: relative
}

.p-emoji_picker__preview_img span.emoji-sizer {
    margin-top: -.3rem;
    vertical-align: top;
    font-size: 2.25rem;
    line-height: 2.25rem
}

.p-emoji_picker__handy_rxns {
    margin-top: -1px;
    padding: .3rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.p-emoji_picker__handy_rxns_list {
    margin: 0 18px 0 8px
}

.p-emoji_picker__handy_rxns_list .p-emoji_picker__list_item {
    margin-right: 1px
}

.p-emoji_picker__update_overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 152;
    height: 100%;
    width: 100%;
    padding: 24px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 6px;
    opacity: 1;
    visibility: visible
}

.p-emoji_picker__update_overlay h3 {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900
}

.p-emoji_picker__update_overlay p {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .67)
}

.p-emoji_picker__update_overlay .c-button {
    width: 150px
}

.p-emoji_picker__update_overlay--hidden {
    transition: visibility 0ms .15s, opacity .15s ease-out 0ms;
    opacity: 0;
    visibility: hidden
}

.p-emoji_picker__update_overlay_image_container {
    height: 126px;
    background-image: url(https://a.slack-edge.com/bv1-9/google_emoji_update_overlay_smileys-30dc2cd.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-emoji_picker__update_overlay_image_container {
        background-image: url(https://a.slack-edge.com/bv1-9/google_emoji_update_overlay_smileys@2x-2bb3490.png)
    }
}

.p-emoji_picker__update_overlay--apple .p-emoji_picker__update_overlay_image_container {
    background-image: url(https://a.slack-edge.com/bv1-9/apple_emoji_update_overlay_smileys-b6efe2a.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-emoji_picker__update_overlay--apple .p-emoji_picker__update_overlay_image_container {
        background-image: url(https://a.slack-edge.com/bv1-9/apple_emoji_update_overlay_smileys@2x-63c5921.png)
    }
}

.p-emoji_picker__productivity_emoji_preview {
    display: flex;
    width: 100%;
    align-items: flex-start;
    padding-top: 12px
}

.p-emoji_picker__productivity_emoji_preview--message {
    width: 85%
}

.p-emoji_picker__productivity_emoji_preview--reaction {
    padding-right: 12px
}

.p-emoji_picker__productivity_emoji_text {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 700;
    width: 100%
}

.p-emoji_picker__productivity_emoji_img {
    padding: 12px
}

.p-emoji_picker__productivity_emoji_img--message {
    padding-top: 6px
}

.p-search_filter__select {
    position: relative
}

.p-search_filter__select--separated {
    margin-top: 12px
}

.p-search_filter__in_channel {
    display: flex;
    align-items: center
}

.p-search_filter__in_channel > .c-icon, .p-search_filter__in_channel > .c-presence {
    flex: 0 0 auto
}

.p-search_filter__option--active .p-search_filter__in_channel > .c-presence {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.p-search_filter__in_channel .c-deprecated-icon:before {
    font-size: 16px
}

.p-search_filter__in_channel > .c-icon, .p-search_filter__in_channel > .c-icon--inline {
    width: 18px;
    height: 21px;
    font-size: 17px;
    display: inline-block;
    margin-right: 8px
}

.p-search_filter__in_channel .p-deprecated_channel_name .p-deprecated_channel_name__text {
    margin-left: 8px
}

.p-search_filter__in_channel .p-deprecated_channel_name__team_name {
    font-weight: 400
}

.p-search_filter__from_name, .p-search_filter__in_channel, .p-search_filter__in_channel .p-deprecated_channel_name__team_name, .p-search_filter__in_channel .p-deprecated_channel_name__text, .p-search_filter__in_member {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-search_filter__from_avatar {
    vertical-align: bottom;
    cursor: inherit;
    margin-right: 8px
}

.c-search_filter_section .p-file_list__file_type_select {
    border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-select_options_list__option--active .p-deprecated_channel_name .p-deprecated_channel_name__team_name {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.p-search_filter__in_channel {
    cursor: pointer
}

.p-search_filter__close {
    position: absolute;
    left: calc(100% + 3px);
    top: 8px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-search_filter__checkbox_label {
    display: flex;
    margin-bottom: .375rem;
    line-height: 1rem;
    font-size: 15px;
    font-weight: 400;
    align-items: center;
    cursor: pointer
}

.p-search_filter__checkbox_label--selected {
    font-weight: 700
}

.p-search_filter__checkbox_label input[type=checkbox] {
    margin-right: 8px
}

.p-search_filter__checkbox_label--disabled {
    cursor: not-allowed;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-search_filter__dates {
    border-radius: 4px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.p-search_filter__date {
    display: flex;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-search_filter__date:first-child {
    border-bottom: 1px solid rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-search_filter__date .c-icon--times-small {
    margin-right: 10px
}

.p-search_filter__datepicker_trigger {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    line-height: 24px;
    font-size: 15px
}

.p-search_filter__datepicker_trigger:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

@media only screen and (max-width: 1024px) {
    .p-search_filter__datepicker_trigger:not(.p-search_filter__datepicker_trigger--empty) .p-search_filter__date_label {
        display: none
    }
}

.p-search_filter__date_label {
    flex-grow: 1
}

.p-search_filter__date_readout {
    font-weight: 700;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-search_filter__calendar_icon {
    margin-left: auto
}

.p-search_filter__date_close:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-search_filter__placeholder_suggestion {
    display: flex;
    height: 18px;
    align-items: center;
    margin-bottom: 8px
}

.p-search_filter__placeholder_avatar {
    width: 18px;
    height: 18px;
    margin-right: 16px;
    border-radius: 5px
}

.p-search_filter__placeholder_avatar, .p-search_filter__placeholder_name {
    display: inline-block;
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-search_filter__placeholder_name {
    height: 10px;
    border-radius: 10px
}

.p-search_filter__placeholder_name--0 {
    width: 40%
}

.p-search_filter__placeholder_name--1 {
    width: 50%
}

.c-channel_filter {
    text-align: left;
    display: flex
}

.c-channel_filter__text {
    flex: 1 0 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-channel_filter__icon {
    flex: 0 1 0
}

.c-channel_filter__item {
    padding-left: 4px
}

.p-search_filter__workspace_only_team_icon {
    margin: 0 4px 0 8px
}

.p-search_filter__limit_team_filter_dropdown_item {
    display: flex;
    align-items: center
}

.p-search_filter__limit_team_filter_icon {
    vertical-align: bottom;
    cursor: inherit;
    margin-right: 8px
}

.p_search_filter__block_container {
    display: flex;
    margin-left: -8px;
    margin-top: -8px;
    flex-flow: row wrap;
    margin-bottom: 10px
}

.p-search_filter__block_item_wrapper {
    position: relative;
    margin-left: 8px;
    margin-top: 8px;
    display: flex
}

.p-search_filter__block_item_dropdown_icon {
    font-size: 20px;
    margin-left: 4px;
    transition: transform .16s cubic-bezier(.36, .19, .29, 1)
}

.p-search_filter__block_item_dropdown_icon--inverted {
    transform: rotate(180deg)
}

.p-search_filter__block_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 205px;
    min-width: 80px
}

.p-search_filter__block_item .c-avatar--deleted_member {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.p-search_filter__block_item .c-member_name__indicator {
    display: none
}

.p-search_filter__block_item--withCaret {
    padding-right: 4px !important
}

.p-search_filter__block_item--noMax {
    max-width: none
}

.p-search_filter__block_item_close {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px
}

.p-search_filter__block_item_close .c-icon {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    width: 16px;
    height: 16px
}

.p-search_filter__block_item_close .c-icon:before {
    font-size: 15px
}

.p-search_filter__block_item_icon {
    font-size: 14px
}

.p-search_filter__block_item_icon:before {
    color: inherit
}

.p-search_filter__multi-select-items-wrapper {
    padding: 12px 0 0 0
}

.p-search_filter__multi-select-input {
    display: flex;
    justify-content: center;
    margin-top: 4px;
    margin-bottom: 4px
}

.p-search_filter__multi-select-input--empty {
    margin-bottom: 16px
}

.p-search_filter__multi-select-label {
    font-size: 13px
}

.p-search_filter__select-list .c-select_options_list__group_option {
    padding-left: 24px
}

.p-search_filter__select-list .c-select_options_list__virtual_list {
    padding: 8px 0 1px 0
}

.p-search_filter__select-list .c-icon:before {
    color: inherit !important
}

.p-search_filter__select-list .c-member_name--deactivated {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-search_filter__select-list .c-member--deleted .c-avatar {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.p-search_filter__select-list .c-base_entity__text strong, .p-search_filter__select-list .c-base_list_entity strong, .p-search_filter__select-list .c-channel_entity__name--bold {
    font-weight: 400
}

.p-search_filter__select-list .c-base_entity--dim {
    color: inherit;
    -webkit-filter: none;
    filter: none
}

.p-search_filter__select-list .c-select_options_list__option--selected, .p-search_filter__select-list .c-select_options_list__option--selected .c-channel_entity__name--bold, .p-search_filter__select-list .c-select_options_list__option--selected strong {
    font-weight: 700
}

.p-search_filter__select-list .c-select_options_list__option--selected .c-base_inline_entity--dim, .p-search_filter__select-list .c-select_options_list__option--selected .c-icon:before, .p-search_filter__select-list .c-select_options_list__option--selected .c-member_name--deactivated {
    color: inherit
}

.p-search_filter__select-list .c-select_options_list__option--selected:before {
    font-family: Slack v2;
    content: "\E285";
    margin: 0 2px 0 -18px;
    font-weight: 400
}

.p-search_filter__select-list .c-select_options_list__option--active .c-base_inline_entity--dim {
    color: inherit
}

.p-search_filter__select-list .c-select_options_list__clear_option {
    font-size: 13px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-search_filter__select-list .c-select_options_list__option--active.c-select_options_list__clear_option {
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.p-search_filter__select-list .c-select_options_list__option--empty-state {
    font-size: 13px;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-search_filter__select-list .c-inline_channel_entity__icon {
    margin-right: 6px;
    width: 20px;
    height: 20px
}

.p-search_filter__select-list--multi .c-select_options_list__option--selected:before {
    content: none
}

.p-search_filter__panel {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 6px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 5px 10px rgba(0, 0, 0, .12);
    padding: 16px
}

.p-search_filter__block_item_avatar-stack {
    margin-right: 4px;
    height: 16px
}

.p-search_filter__block_non-text-correction {
    margin-top: 1px
}

.p-search_filter__block_label_wrapper {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    text-align: left;
    align-items: center
}

.p-search_filter__block_label_wrapper:not(:first-child):not(.p-search_filter__block_label_wrapper--noMargin) {
    margin-left: 6px
}

.p-search_filter__block_label_wrapper .c-base_inline_entity {
    min-width: 0
}

.p-search_filter__block_label_wrapper .c-base_inline_entity--dim {
    color: inherit
}

.p-search_filter__block_label_wrapper .p-search_filter__mpim_avatars {
    margin-top: 1px
}

.p-search_filter__block_label_wrapper--string {
    display: block
}

.p-search_filter__list_item {
    display: flex;
    align-items: center;
    line-height: 32px
}

.p-search_filter__list_item .c-icon:before {
    color: inherit
}

.p-search_filter__list_item--selected {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-weight: 700
}

.p-search_filter__list_item__truncation_wrapper {
    white-space: normal
}

.p-search_filter__list_item--active .c-icon:before, .p-search_filter__list_item--active .c-member_name--deactivated {
    color: inherit
}

.p-search_filter__list_item--active .p-search_filter__mpim_avatars--bottom {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0)
}

.p-search_filter__list_item_content {
    min-width: 0;
    flex: 1 1 0
}

.c-menu_item__button--highlighted .p-search_filter__list_item--selected {
    color: inherit
}

.p-search_filter__list_item_icon {
    margin-right: 8px;
    font-size: 20px
}

.p-search_filter__list_item_icon--starred {
    margin-right: 6px;
    width: 20px
}

.p-search_filter__list_item--team {
    display: flex;
    align-items: center
}

.p-search_filter__list_item--team-icon {
    margin-right: 6px;
    display: flex
}

.p-search_filter__date-picker .c-date_range_picker_calendar {
    margin-top: 16px
}

.p-search_filter__date-picker .c-date_range_picker_calendar, .p-search_filter__date-picker .c-date_range_picker_input {
    width: 618px
}

.p-search_filter__date-picker .c-date_range_picker_calendar .c-calendar_view_header__stepper_btn {
    top: 0
}

.p-search_filter__mpim {
    display: flex;
    align-items: center
}

.p-search_filter__mpim_avatars {
    position: relative;
    height: 18px;
    width: 18px;
    margin-right: 8px;
    flex-shrink: 0;
    line-height: 14px
}

.p-search_filter__mpim_avatars:hover .c-avatar {
    cursor: pointer
}

.p-search_filter__mpim_avatars .c-base_icon--image {
    display: block
}

.p-search_filter__mpim_avatars--top {
    position: absolute !important;
    top: 0;
    left: 0;
    border-radius: 4px
}

.p-search_filter__mpim_avatars--bottom {
    position: absolute !important;
    top: 6px;
    left: 6px;
    --saf-0: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: 0 0 0 1px var(--saf-0);
    border-radius: 4px
}

.p-search_filter__channel_section .c-emoji {
    margin-right: 6px;
    width: 20px
}

.p-search_filter__date_picker_input {
    margin-bottom: 16px
}

.p-search_filter__date_picker_buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px
}

.p-search_filter__modal_divider {
    margin: 20px 0;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    height: 1px
}

.p-search_filter__modal_columns {
    display: flex
}

.p-search_filter__modal_columns > * {
    flex: 1 1 auto
}

.p-search_filter__modal_checkbox--active, .p-search_filter__modal_checkbox--active .c-label__text {
    font-weight: 700
}

.p-search_filter__more_modal_trigger {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-left: 4px;
    padding: 0 1.6px;
    align-self: center
}

.p-search_filter__sort .c-select_button__icon {
    display: none
}

.p-search_filter_menu .c-menu_item__button--checked {
    font-weight: 700
}

.p-search_filter__modal_padding {
    padding: 8px 28px 28px 28px
}

.p-screen_picker {
    min-height: 300px;
    max-height: 400px;
    max-width: 640px;
    width: 640px
}

.p-screen_picker__options {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px
}

.p-screen_picker__screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(33.33333% - 16px);
    padding: 8px;
    margin: 8px;
    border-radius: 4px
}

.p-screen_picker__screen:hover {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-screen_picker__thumb {
    width: 100%;
    object-fit: contain;
    flex-grow: 1
}

.p-screen_picker__title {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    margin-top: 4px
}

.p-story_audio_only {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    align-items: center;
    justify-content: center
}

.p-story_audio_only, .p-story_audio_only:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-story_audio_only:before {
    content: "";
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .08);
    pointer-events: none
}

.p-story_viewer_modal--threads .p-story_audio_only {
    background: #1d1c1d
}

.p-story_audio_only__alignment {
    width: 285px;
    height: 245px;
    position: relative;
    left: -10px;
    top: -5px
}

.p-story_audio_only__avatar.c-avatar {
    position: absolute;
    top: 50px;
    left: 86px
}

.p-story_audio_only__avatar.c-avatar .c-base_icon {
    border-radius: 24px
}

.p-story_audio_only__waves {
    width: 285px;
    height: 245px;
    transition: transform .5s cubic-bezier(.36, .19, .29, 1)
}

.p-story_audio_only__waves--paused {
    transform: scale(.5)
}

.p-story_audio_only__playback {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 100px)
}

.p-story_progress_bar {
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-story_progress_bar__bar {
    height: 6px
}

.p-story_progress_bar--scrubbable {
    cursor: pointer;
    transform-origin: bottom;
    transition: 80ms cubic-bezier(.36, .19, .29, 1);
    transition-property: transform, background
}

.p-story_progress_bar--scrubbable:hover {
    transform: scaleY(2)
}

.p-story_progress_bar--scrubbable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px;
    left: 0;
    bottom: 0
}

.p-story_video_controls {
    position: relative;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-story_video_controls__bar {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    box-shadow: 0 1px 0 var(--saf-0)
}

.p-story_video_controls__control, .p-story_video_controls__timestamp {
    margin-right: 16px
}

.p-story_video_controls__control {
    font-weight: 700
}

.p-story_video_controls__control__icon {
    display: block
}

.p-story_video_controls__captions_icon {
    font-weight: 700;
    padding: 0 12px;
    border-radius: 14px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    margin-left: -4px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-story_video_controls__control[disabled] {
    cursor: default;
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-story_video_controls__captions_icon--on, .p-story_video_controls__control:not([disabled]) .p-story_video_controls__captions_icon:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.p-story_video_controls__captions_icon--on {
    background: rgba(29, 155, 209, .1);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-story_video_controls__bar--flexpane {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 8px 16px;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-story_video_controls__flexpane__details .p-story_video_controls__timestamp {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-story_video_controls__flexpane__user {
    font-weight: 700
}

.p-story_video_controls__flexpane__nav {
    display: flex;
    align-items: center;
    margin-left: auto;
    font-weight: 700
}

.p-story_video_controls__flexpane__nav__button {
    display: inline-flex;
    padding: 12px
}

.p-story_video_controls__flexpane__nav__button[disabled] {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    cursor: default
}

.p-story_video_controls__flexpane__nav__button:not([disabled]):hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 6px solid var(--saf-0);
    padding: 6px;
    border-radius: 12px
}

.p-story_video_controls__flexpane_toggle_group {
    position: absolute;
    top: 12px;
    left: 16px;
    display: flex;
    align-items: flex-start;
    opacity: 0;
    transition: opacity 80ms cubic-bezier(.36, .19, .29, 1)
}

.p-story_flexpane__body__video_container:hover .p-story_video_controls__flexpane_toggle_group {
    opacity: 1
}

.p-story_video_controls__flexpane_toggle_group .p-story_video_controls__control {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 10px;
    margin-right: 8px;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    border-radius: 4px;
    background: rgba(0, 0, 0, .7);
    color: #fff
}

.p-story_video_controls__flexpane_toggle_group .p-story_video_controls__control--on {
    background: #fff;
    color: #000
}

.p-story_video_controls__flexpane_toggle_group--focus {
    opacity: 1;
    transition: none
}

.p-story_video_controls__retry {
    font-weight: 700;
    margin-left: auto;
    margin-right: 16px
}

.p-stories_uploader__entrypoint:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px
}

.p-stories_uploader {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0
}

.p-client_desktop--custom-titlebar .p-stories_uploader, .p-client_desktop--frameless .p-stories_uploader {
    margin-top: 38px;
    height: calc(100% - 38px);
    max-height: calc(100% - 38px)
}

.p-stories_uploader--new {
    background: #000;
    color: #fff;
    border-radius: 8px
}

.p-stories_uploader--new .p-story_audio_only {
    background: #000
}

.p-stories_uploader__video {
    max-width: 100%;
    max-height: 100%;
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .08)
}

.p-stories_uploader--new .p-stories_uploader__video {
    background: #000
}

.p-stories_uploader__video_container {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .08)
}

.p-stories_uploader--new .p-stories_uploader__video_container {
    background: #000
}

.p-stories_uploader__canvas--dim {
    -webkit-filter: brightness(.3);
    filter: brightness(.3)
}

.p-stories_uploader--new .p-stories_uploader__canvas--dim {
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.p-stories_uploader__header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 12px
}

.p-stories_uploader--new .p-stories_uploader__header, .p-stories_uploader_preview .p-stories_uploader__header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    align-items: flex-start;
    padding: 24px;
    z-index: 1
}

.p-stories_uploader__header__spacer {
    flex: 1
}

.p-stories_uploader__header__name {
    margin-left: 12px;
    font-weight: 900
}

.p-stories_uploader__header__wink {
    margin-left: 12px;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-stories_uploader__header_topic {
    margin-left: 12px
}

.p-stories_uploader--new .p-stories_uploader__header_topic {
    margin-left: 0;
    font-weight: 900
}

.p-stories_uploader__header__divider {
    height: 26px;
    width: 1px;
    background: hsla(0, 0%, 86.7%, .13);
    margin: 0 12px
}

.p-stories_uploader--new .p-stories_uploader__header__close.c-button-unstyled {
    background: rgba(0, 0, 0, .4)
}

.p-stories_uploader--new .p-stories_uploader__header__close.c-button-unstyled:hover {
    background: rgba(0, 0, 0, .5)
}

.p-stories_uploader__footer {
    display: flex;
    align-items: center;
    padding: 16px 24px 16px 16px;
    min-height: 90px;
    position: relative
}

.p-stories_uploader--new .p-stories_uploader__footer {
    padding: 16px 24px;
    width: 100%;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    min-height: 0
}

.p-stories_uploader__footer__left, .p-stories_uploader__footer__right {
    flex: 1
}

.p-stories_uploader--new .p-stories_uploader__footer__left, .p-stories_uploader--new .p-stories_uploader__footer__right {
    flex: auto
}

.p-stories_uploader__footer__note {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    margin-right: 12px
}

.p-stories_uploader__footer__right {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.p-stories_uploader--new .p-stories_uploader__footer__right {
    margin-left: auto
}

.p-stories_uploader__footer__more {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    margin-left: 8px
}

.p-stories_uploader__footer__more:active, .p-stories_uploader__footer__more:focus, .p-stories_uploader__footer__more:hover {
    color: #ddd
}

.p-stories_uploader__footer__timer {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-right: 12px
}

.p-stories_uploader--new .p-stories_uploader__footer__timer {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-stories_uploader__footer__control {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px
}

.p-stories_uploader--new .p-stories_uploader__footer__control {
    flex-direction: row;
    padding: 8px 12px;
    height: 36px;
    border-radius: 4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-stories_uploader--new.p-stories_uploader--recording .p-stories_uploader__footer__control {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .4);
    color: #fff
}

.p-stories_uploader--new .p-stories_uploader__footer__control:not(:disabled):hover {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .5);
    color: #fff
}

.p-stories_uploader__footer__control:disabled {
    opacity: .5;
    cursor: default
}

.p-stories_uploader__footer__control__icon {
    width: 36px;
    height: 36px;
    margin-bottom: 4px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-radius: 4px
}

.p-stories_uploader--new .p-stories_uploader__footer__control__icon {
    width: unset;
    height: unset;
    margin-bottom: unset;
    background: unset;
    border-radius: unset;
    margin-right: 12px
}

.p-stories_uploader__footer__control__label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    min-width: 80px;
    text-align: center
}

.p-stories_uploader--new .p-stories_uploader__footer__control__label {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700;
    min-width: unset;
    text-align: unset
}

.p-stories_uploader--new .p-stories_uploader__footer__control--camera.p-stories_uploader__footer__control--off, .p-stories_uploader__footer__control--camera.p-stories_uploader__footer__control--off .p-stories_uploader__footer__control__icon {
    background: #e01e5a;
    color: #fff
}

.p-stories_uploader--new .p-stories_uploader__footer__control--camera.p-stories_uploader__footer__control--off:hover {
    background: #b31848
}

.p-stories_uploader--new .p-stories_uploader__footer__control--camera.p-stories_uploader__footer__control--off .p-stories_uploader__footer__control__icon {
    background: unset;
    color: unset
}

.p-stories_uploader--new .p-stories_uploader__footer__control--screen.p-stories_uploader__footer__control--on, .p-stories_uploader__footer__control--screen.p-stories_uploader__footer__control--on .p-stories_uploader__footer__control__icon {
    background: #1264a3;
    color: #fff
}

.p-stories_uploader--new .p-stories_uploader__footer__control--screen.p-stories_uploader__footer__control--on:hover {
    background: #0d4875
}

.p-stories_uploader--new .p-stories_uploader__footer__control--screen.p-stories_uploader__footer__control--on .p-stories_uploader__footer__control__icon {
    background: unset;
    color: unset
}

.p-stories_uploader--new .p-stories_uploader__record--recording {
    background: rgba(97, 96, 97, .7);
    border: none;
    color: #fff
}

.p-stories_uploader--new .p-stories_uploader__record--recording:hover {
    background: #616061
}

.p-stories_uploader__mention, .p-stories_uploader__retry {
    height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    font-weight: 700;
    margin: 0 12px 0 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-stories_uploader__mention:hover, .p-stories_uploader__retry:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-stories_uploader__mention:active, .p-stories_uploader__mention:focus, .p-stories_uploader__retry:active, .p-stories_uploader__retry:focus {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.p-stories_uploader__mention__icon, .p-stories_uploader__retry__icon {
    transform: translateY(2px);
    margin-right: 4px
}

.p-stories_uploader__mention .c-avatar {
    transform: translateY(4px)
}

.p-stories_uploader__mention .c-inline_member_entity, .p-stories_uploader__mention .p-stories_uploader__mention__label__text {
    margin-left: 4px;
    margin-right: 2px
}

.p-stories_uploader__mention .p-search_filter__block_non-text-correction {
    margin: 0
}

.p-stories_uploader__mention .p-search_filter__block_non-text-correction.p-search_filter__block_item_avatar-stack {
    margin-left: 4px;
    margin-right: 10px
}

.p-stories_uploader__topic {
    color: #fff;
    padding: 32px;
    max-width: 820px;
    z-index: 1;
    position: absolute
}

.p-stories_uploader__topic_preamble {
    max-width: 420px;
    margin: 0 auto 60px
}

.p-stories_uploader__topic_headline {
    font-size: 28px;
    line-height: 1.2143;
    font-weight: 900
}

.p-stories_uploader__topic_explanation {
    font-size: 18px;
    line-height: 1.50001;
    font-weight: 400
}

.p-stories_uploader__custom_topic_wrapper {
    position: relative;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-stories_uploader__action {
    align-items: center;
    align-self: stretch;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 40px
}

.p-stories_uploader__prompts {
    text-align: center;
    margin: 32px 0
}

.p-stories_uploader__prompt {
    font-weight: 700;
    display: inline-block;
    border-radius: 4px;
    padding: 8px 16px 8px 12px;
    margin: 0 8px 12px 0;
    background: rgba(0, 0, 0, .5);
    border: 1px solid transparent
}

.p-stories_uploader__prompt .c-emoji {
    margin-right: 8px
}

.p-stories_uploader__prompt.p-stories_uploader__prompt--selected, .p-stories_uploader__prompt:hover {
    border: 1px solid #868686
}

.p-stories_uploader__countdown {
    position: absolute;
    background: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    border-radius: 100%;
    animation: pop 3s cubic-bezier(.34, .52, .62, 1.73)
}

.p-stories_uploader__countdown_number {
    position: absolute;
    color: #fff;
    line-height: 123px;
    font-size: 44px;
    font-weight: 700;
    display: block;
    top: 0;
    width: 100%;
    text-align: center
}

.p-stories_uploader__countdown_emoji {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    text-align: center
}

.p-stories_uploader__countdown_ring {
    position: absolute;
    top: 0
}

.p-stories_uploader__countdown_ring--animated {
    transform: rotate(-90deg);
    transform-origin: center;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: stroke 7s linear
}

@keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes pop {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    7% {
        opacity: 1;
        transform: scale(1.15)
    }
    10% {
        opacity: 1;
        transform: scale(1)
    }
    92% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(0)
    }
}

.p-stories_uploader_preview {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.p-client_desktop--custom-titlebar .p-stories_uploader_preview, .p-client_desktop--frameless .p-stories_uploader_preview {
    margin-top: 38px;
    height: calc(100% - 38px);
    max-height: calc(100% - 38px)
}

.p-stories_uploader_preview__video_container {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #000;
    position: relative
}

.p-stories_uploader_preview__video_container .p-story_viewer__video_container {
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    min-height: 0
}

.p-stories_uploader_preview__video_container .p-story_viewer__video {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: #000
}

.p-stories_uploader_preview__video_container .p-story_audio_only {
    background: #000
}

.p-stories_uploader_preview .p-story_video_controls__bar {
    padding: 16px 24px
}

.p-story_adhoc_reply_button {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    height: 24px;
    padding: 0 8px;
    margin-right: 4px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-story_adhoc_reply_button--primary {
    background: #1264a3;
    color: #fff
}

.p-story_adhoc_reply_button--primary:focus, .p-story_adhoc_reply_button--primary:hover {
    --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    box-shadow: inset 0 0 0 1px var(--saf-0), 0 1px 2px rgba(0, 0, 0, .1)
}

.p-story_adhoc_reply_button--secondary {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-story_adhoc_reply_button--secondary:focus, .p-story_adhoc_reply_button--secondary:hover {
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-story_adhoc_reply_button__text_icon, .p-story_adhoc_reply_button__video_icon {
    font-size: 15px;
    transform: translateY(-1px)
}

.p-story_adhoc_reply_button__video_icon.c-icon--video-camera-filled {
    font-size: 12px;
    margin-right: 4px;
    transform: translateY(0)
}

.c-reaction {
    font-size: 11px;
    line-height: 16px;
    padding: 4px 6px;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border: none;
    border-radius: 12px;
    margin-right: 5px;
    margin-bottom: 5px
}

.c-reaction .emoji-sizer {
    font-size: 16px;
    display: block;
    margin-top: 0
}

.c-reaction.c-button--focus-visible:focus {
    border-radius: 12px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-reaction:focus, .c-reaction:hover {
    cursor: pointer
}

.c-reaction:hover {
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-reaction:active {
    transform: scale(.94)
}

.c-reaction:disabled {
    pointer-events: none
}

.c-reaction--reacted, .c-reaction--reacted:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    background: rgba(29, 155, 209, .1)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .c-reaction--reacted, .c-reaction--reacted:hover {
        --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
        box-shadow: inset 0 0 0 1.5px var(--saf-0)
    }
}

.c-reaction--reacted.c-reaction--dark {
    background-color: #1264a3;
    border-color: #1264a3;
    box-shadow: none
}

.c-reaction--reacted.c-reaction--dark .c-reaction__count {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-reaction--zero {
    opacity: .5
}

.c-reaction__count {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    padding: 0 1px 0 3px
}

.c-reaction--reacted .c-reaction__count {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-weight: 700
}

.c-reaction .c-emoji:not(:last-child) {
    margin-right: 2px
}

.c-reaction_add, .c-reaction_expand {
    font-size: 11px;
    line-height: 16px;
    padding: 4px 6px;
    vertical-align: top;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border: none;
    border-radius: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 34px
}

.c-reaction_add .emoji-sizer, .c-reaction_expand .emoji-sizer {
    font-size: 16px;
    display: block;
    margin-top: 0
}

.c-reaction_add.c-button--focus-visible:focus, .c-reaction_expand.c-button--focus-visible:focus {
    border-radius: 12px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-reaction_add:hover, .c-reaction_expand:hover {
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-reaction_add:active, .c-reaction_expand:active {
    transform: scale(.94)
}

.c-reaction_expand {
    padding: 4px 6px;
    position: relative;
    overflow: hidden;
    height: 24px;
    width: 60px
}

.c-reaction_expand--collapse {
    width: 64px
}

.c-reaction_expand--reacted, .c-reaction_expand--reacted:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    background: rgba(29, 155, 209, .1)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .c-reaction_expand--reacted, .c-reaction_expand--reacted:hover {
        --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
        box-shadow: inset 0 0 0 1.5px var(--saf-0)
    }
}

.c-reaction_expand__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.c-reaction_add.c-reaction_add--dark:focus .c-icon--small-reaction-bg, .c-reaction_add.c-reaction_add--dark:hover .c-icon--small-reaction-bg {
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-reaction_add.c-reaction_add--dark:focus .c-icon--small-reaction, .c-reaction_add.c-reaction_add--dark:hover .c-icon--small-reaction {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-reaction_add__container {
    width: 20px;
    height: 20px;
    position: relative;
    transform: translateX(-1px)
}

.c-reaction_add__icon {
    position: absolute;
    display: block
}

.c-reaction_add__icon--bg {
    color: transparent
}

.c-reaction_add__icon--fg {
    z-index: 1;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-reaction_add__note {
    background: rgba(242, 199, 68, .2);
    border: none;
    border-radius: 12px;
    font-size: 12px;
    line-height: 16px;
    color: #a25f12;
    font-weight: 700;
    padding: 2px 9px 2px 5px;
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-reaction_add__note:focus, .c-reaction_add__note:hover {
    box-shadow: inset 0 0 0 1px #cc7716;
    text-decoration: none
}

.c-reaction_add:focus .c-reaction_add__icon--fg, .c-reaction_add:hover .c-reaction_add__icon--fg {
    color: rgba(0, 0, 0, .6)
}

.c-reaction_add:focus .c-reaction_add__icon--bg, .c-reaction_add:hover .c-reaction_add__icon--bg {
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.c-reaction__tip--emoji {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    min-height: 32px
}

.c-reaction__tip--emoji .c-emoji__large {
    background-color: #fff;
    border-radius: 4px;
    padding: 2px;
    width: 36px;
    height: 36px
}

.c-reaction__tip--emoji .c-emoji:not(:last-child) {
    margin-right: 4px
}

.c-reaction__tip_group:not(:last-child) {
    margin-bottom: 16px
}

.c-reaction__tip_subtitle {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-reaction .c-emoji_plain_text {
    padding-left: 1px
}

.c-reaction_reactji-pulse {
    display: inline-block;
    position: relative;
    margin-right: 4px;
    margin-bottom: 4px
}

.c-reaction_reactji-pulse:after, .c-reaction_reactji-pulse:before {
    content: "";
    border-radius: 12px;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    animation-timing-function: ease-out;
    animation-duration: 2s;
    animation-iteration-count: 5;
    animation-fill-mode: forwards;
    z-index: 0
}

.c-reaction_reactji-pulse:before {
    background: #f2c189;
    animation-name: reactji-pulse-outer;
    will-change: transform
}

.c-reaction_reactji-pulse:after {
    box-shadow: 0 0 4px 2px #f2c189;
    animation-name: reactji-pulse-inner
}

.c-message_kit__reaction_bar .c-reaction_reactji-pulse .c-reaction_pulse {
    margin: 0
}

.c-reaction_reactji-pulse .c-reaction_pulse {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    z-index: 1;
    position: relative
}

@keyframes reactji-pulse-inner {
    0%, 5% {
        opacity: 0
    }
    60% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes reactji-pulse-outer {
    0%, 5% {
        opacity: 0;
        transform: scale(1)
    }
    10%, 50% {
        opacity: 1
    }
    95% {
        opacity: 0
    }
    to {
        transform: scaleX(1.2) scaleY(1.3)
    }
}

.c-reaction_pulse {
    animation: c-reaction-pulse 2s 5
}

@keyframes c-reaction-pulse {
    0% {
        box-shadow: none
    }
    5% {
        box-shadow: inset 0 0 0 1px #cc7716
    }
    10%, 50% {
        background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
        box-shadow: inset 0 0 0 1px #cc7716
    }
    95%, to {
        box-shadow: none
    }
}

.c-reaction_bar--dark .c-reaction_add__note {
    background: rgba(242, 199, 68, .1);
    color: #e8912d
}

.c-reaction_bar--dark .c-reaction_add__note:focus, .c-reaction_bar--dark .c-reaction_add__note:hover {
    box-shadow: inset 0 0 0 1px #e8912d
}

.c-reaction_bar--dark .c-reaction_reactji-pulse:before {
    background: rgba(232, 145, 45, .3)
}

.c-reaction_bar--dark .c-reaction_reactji-pulse:after {
    box-shadow: 0 0 4px 2px rgba(232, 145, 45, .3)
}

.c-reaction_bar--dark .c-reaction_pulse {
    animation: c-reaction-pulse-dark 2s 5
}

@keyframes c-reaction-pulse-dark {
    0% {
        box-shadow: none
    }
    5% {
        box-shadow: inset 0 0 0 1px #e8912d
    }
    10%, 50% {
        background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
        box-shadow: inset 0 0 0 1px #e8912d
    }
    95%, to {
        box-shadow: none
    }
}

.c-message_kit__reaction_bar {
    margin-bottom: 4px
}

.c-message_kit__reaction_bar .c-reaction, .c-message_kit__reaction_bar .c-reaction_add {
    margin-bottom: 4px;
    margin-right: 4px
}

.p-story_message_file {
    display: flex;
    max-width: 360px;
    min-width: 44px
}

.c-file_gallery .p-story_message_file {
    height: 100%
}

.c-file_gallery__compact .p-story_message_file {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.p-story_message_file--small {
    max-width: 44px
}

.p-story_message_file--square.p-story_message_file--small {
    max-width: none;
    width: 44px
}

.p-story_message_file--large {
    max-width: 360px
}

.p-story_message_file--square.p-story_message_file--large {
    max-width: none;
    width: 360px
}

.p-story_message_file__poster {
    flex: 1;
    position: relative;
    background-size: cover;
    background-position: 50%;
    border-radius: 8px;
    overflow: hidden
}

.c-file_gallery .p-story_message_file__poster {
    border-radius: 4px
}

.p-story_message_file__poster__aspect {
    position: relative;
    padding-top: 56.25%
}

.p-story_message_file--square .p-story_message_file__poster__aspect {
    padding-top: 100%
}

.p-story_message_file__poster__waves {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%)
}

.p-story_message_file__poster__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .1);
    color: #fff
}

.p-story_message_file--small .p-story_message_file__poster__content {
    font-size: 14px
}

.p-story_message_file--large .p-story_message_file__poster__content {
    font-size: 36px
}

.c-message_kit__thread_replies.c-message__reply_bar {
    margin-top: -4px;
    margin-bottom: 4px
}

.p-block_kit_error_message {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-block_kit_unknown_block_error {
    margin-bottom: 6px
}

.p-dnd_preferences__dnd_days_label {
    display: inline-block;
    margin: 0 16px 16px 0
}

.p-dnd_preferences__time_select_wrapper {
    display: inline-flex;
    margin-right: 16px;
    margin-bottom: 16px
}

.p-dnd_preferences__time_select_to {
    align-self: center;
    margin: 0 8px
}

.p-dnd_preferences__all_day_label {
    display: inline-flex
}

.p-dnd_preferences__subtext {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 13px;
    margin-top: -8px
}

.p-dnd_preferences__custom_day_section {
    display: flex;
    align-items: center;
    height: 36px;
    margin-bottom: 16px
}

.p-dnd_preferences__day_label {
    width: 120px;
    margin-top: 1px
}

.p-dnd_preferences__notifs_disabled {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-dnd_preferences__checkbox_label, .p-dnd_preferences__day_label {
    margin-top: 1px
}

.p-dnd_preferences__tz_label {
    display: inline;
    margin-left: -4px
}

.c-fieldset {
    border: none;
    padding: 0;
    margin: 0 0 20px
}

.p-streamline_prefs {
    margin-bottom: 20px
}

.p-streamline_prefs__title {
    margin-bottom: 8px
}

.p-streamline_prefs_data_type .c-label__text {
    font-weight: 400
}

.p-streamline_prefs_data_type--indented {
    margin-left: 24px
}

.p-channel_notification_prefs_new {
    max-width: 390px;
    margin-bottom: 8px;
    min-width: auto;
    margin-top: 16px
}

.p-channel_notification_prefs_new .c-sk-modal_content {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-channel_notification_prefs_new .c-sk-modal_content--indicateTop {
    border-top: none
}

.p-channel_notification_prefs_new__inner {
    padding-top: 16px
}

.p-channel_notification_prefs_new__titlebar {
    height: 76px
}

.p-channel_notification_prefs_new__titlebar__channelname {
    cursor: auto;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 290px
}

.p-channel_notification_prefs_new__label {
    margin-bottom: 8px
}

.p-channel_notification_prefs_new__label.c-label--with_formatted_text {
    font-weight: 700
}

.p-channel_notification_prefs_new__label--mute {
    margin-bottom: 16px
}

.p-channel_notification_prefs_new__label--mute .c-label__subtext {
    font-size: 13px
}

.p-channel_notification_prefs_new__label--unbold, .p-channel_notification_prefs_new__label--unbold .c-label__text {
    font-weight: 400
}

.p-channel_notification_prefs_new__suppressed {
    margin-left: 28px
}

.p-channel_notification_prefs_new__link {
    margin-bottom: 8px
}

.p-channel_notification_prefs_new__mentions {
    padding: 0 2px 1px 2px;
    border-radius: 3px;
    background: rgba(242, 199, 68, .4);
    margin-left: -2px
}

code .p-channel_notification_prefs_new__mentions, pre .p-channel_notification_prefs_new__mentions {
    padding: 0
}

.sk-client-theme--dark .p-channel_notification_prefs_new__mentions {
    background: rgba(232, 145, 45, .4);
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.p-channel_notification_prefs_new__radiogroup {
    margin-bottom: 8px
}

.p-channel_notification_prefs_new__radiogroup--subset {
    margin-bottom: -8px;
    margin-left: 28px
}

.p-channel_notification_prefs_new__reset_button {
    margin-bottom: 8px;
    margin-top: 8px;
    width: 100%
}

.p-channel_notification_prefs_new__icon-chevron {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    transform: translateY(2px)
}

.p-channel_notification_prefs_new__note {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_notification_prefs_new__prompt {
    padding: 16px 0 32px 0;
    text-align: center
}

.p-channel_notification_prefs_new__prompt__icon {
    color: #e8912d;
    font-size: 24px;
    height: auto;
    margin-bottom: 12px
}

.p-channel_notification_prefs_new__prompt__muted {
    padding-left: 16px;
    padding-right: 16px
}

.p-channel_notification_prefs_new__prompt__muted .p-channel_notification_prefs_new__prompt__icon {
    color: #e01e5a
}

.p-channel_notification_prefs_new__prompt__footer {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    height: 64px;
    margin-top: 8px;
    padding-bottom: 0;
    padding-top: 12px
}

.p-channel_notification_prefs_new__prompt__header {
    margin-bottom: 8px
}

.c-empty_state {
    max-width: 380px;
    text-align: center
}

.c-empty_state__title_icon {
    font-size: 28px;
    margin: 0 auto 12px auto
}

.c-empty_state__title {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900
}

.c-empty_state__image_wrapper {
    margin-bottom: 24px
}

.c-empty_state__image {
    display: block;
    max-height: 140px;
    max-width: 290px;
    margin: 0 auto
}

.c-empty_state__description, .c-empty_state__title {
    margin-bottom: 8px
}

.c-empty_state__action {
    margin: 8px 0;
    display: inline-block
}

.c-empty_state__secondary_action {
    margin-bottom: 4px 0 12px
}

.c-empty_state--extended {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 420px;
    padding-bottom: 20px;
    padding-top: 20px
}

.p-channel_notification_prefs {
    margin-bottom: 8px;
    min-width: auto
}

.p-channel_notification_prefs--headerless {
    padding-bottom: 16px;
    padding-top: 28px
}

.p-channel_notification_prefs__inner {
    padding-top: 16px
}

.p-channel_notification_prefs__titlebar {
    height: 76px
}

.p-channel_notification_prefs__titlebar__channelname {
    cursor: auto;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 290px
}

.p-channel_notification_prefs__label {
    margin-bottom: 8px
}

.p-channel_notification_prefs__label.c-label--with_formatted_text {
    font-weight: 700
}

.p-channel_notification_prefs__suppressed {
    margin-left: 28px
}

.p-channel_notification_prefs__link {
    margin-bottom: 8px
}

.p-channel_notification_prefs__mentions {
    padding: 0 2px 1px 2px;
    border-radius: 3px;
    background: rgba(242, 199, 68, .4);
    margin-left: -2px
}

code .p-channel_notification_prefs__mentions, pre .p-channel_notification_prefs__mentions {
    padding: 0
}

.sk-client-theme--dark .p-channel_notification_prefs__mentions {
    background: rgba(232, 145, 45, .4);
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.p-channel_notification_prefs__radiogroup {
    margin-bottom: 8px
}

.p-channel_notification_prefs__radiogroup--subset {
    margin-bottom: -8px;
    margin-left: 28px
}

.p-channel_notification_prefs__reset_button {
    margin-bottom: 8px;
    margin-top: 8px;
    width: 100%
}

.p-channel_notification_prefs__icon-chevron {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    transform: translateY(2px)
}

.p-channel_notification_prefs__note {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-top: 16px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_notification_prefs__prompt {
    padding: 16px 0 32px 0;
    text-align: center
}

.p-channel_notification_prefs__prompt__icon {
    color: #e8912d;
    font-size: 24px;
    height: auto;
    margin-bottom: 12px
}

.p-channel_notification_prefs__prompt__muted {
    padding-left: 16px;
    padding-right: 16px
}

.p-channel_notification_prefs__prompt__muted .p-channel_notification_prefs__prompt__icon {
    color: #e01e5a
}

.p-channel_notification_prefs__prompt__header {
    margin-bottom: 8px
}

.p-channel_notification_prefs_new__empty {
    display: flex;
    justify-content: center;
    padding-top: 8px;
    width: 100%
}

.p-channel_notification_prefs_new__empty_icon {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-prefs_modal__radio {
    display: block;
    margin-bottom: 16px;
    cursor: pointer;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    overflow: hidden
}

.p-prefs_modal__radio--selected {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 0 0 1px var(--saf-0)
}

.p-prefs_modal__radio__image {
    padding: 16px;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-prefs_modal__radio--selected .p-prefs_modal__radio__image {
    border-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1)
}

.p-prefs_modal__radio__image--no_padding {
    padding: 0
}

.p-prefs_modal__radio__content {
    padding: 16px;
    display: flex;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-prefs_modal__radio--selected .p-prefs_modal__radio__content {
    background: rgba(29, 155, 209, .12)
}

.p-prefs_modal__radio__text {
    flex: 1
}

.p-prefs_modal__radio__title {
    font-weight: 700;
    margin-bottom: 4px
}

.p-prefs_modal__radio__description:empty {
    margin-top: -4px
}

.p-ia_builtin_theme_preview {
    position: relative
}

.p-ia_builtin_theme_preview__nav {
    height: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-ia_builtin_theme_preview__search {
    width: 67px;
    height: 11px;
    border-radius: 4px
}

.p-ia_builtin_theme_preview__compose {
    position: absolute;
    top: 20px;
    right: 12px;
    width: 20px;
    height: 20px;
    border-radius: 10px
}

.p-ia_builtin_theme_preview__sidebar {
    padding-bottom: 4px
}

.p-ia_builtin_theme_preview__sidebar__row {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 12px
}

.p-ia_builtin_theme_preview__sidebar__row:first-child {
    padding-top: 4px
}

.p-ia_builtin_theme_preview__sidebar__placeholder {
    width: 67px;
    height: 6px;
    border-radius: 3px;
    opacity: .5;
    box-shadow: inset 0 0 0 6px
}

.p-ia_builtin_theme_preview__sidebar__icon {
    transform: translateY(-1px);
    margin-left: -3px;
    opacity: .7
}

.p-ia_builtin_theme_preview__sidebar__presence {
    transform: translate(-1px, -2px)
}

.p-ia_builtin_theme_preview__sidebar__badge {
    width: 20px;
    height: 10px;
    border-radius: 5px;
    margin-left: auto
}

.p-ia_builtin_theme_option__label {
    display: inline-block;
    width: 200px;
    margin-right: 16px;
    vertical-align: top
}

.p-ia_builtin_themes__heading {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin: 16px 0
}

.p-ia_builtin_themes__classics_toggle {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    display: block;
    margin: 0 0 32px -4px
}

.p-ia_builtin_themes__classics_toggle__icon {
    margin-right: 4px
}

.c-sv_picker__gradient_box {
    position: relative;
    height: 160px;
    width: 160px
}

.c-sv_picker__thumb {
    position: absolute;
    display: block;
    cursor: pointer;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    transform: translate(-50%, -50%);
    background: transparent;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 4px 2px rgba(0, 0, 0, .35), 0 0 4px rgba(0, 0, 0, .35)
}

.c-sv_picker__thumb:focus {
    outline: none
}

.c-sv_picker__thumb--focus-visible {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3), inset 0 0 0 2px #fff, inset 0 0 4px 2px rgba(0, 0, 0, .35);
    border-radius: 4px;
    border-radius: 16px
}

.c-slider__input {
    flex: 1;
    -webkit-appearance: none;
    background: transparent;
    overflow: visible;
    outline: none;
    margin: 0;
    cursor: pointer
}

.c-slider__input::-moz-focus-outer {
    border: 0
}

.c-slider__input::-ms-tooltip {
    display: none
}

.c-slider__input::-webkit-slider-thumb {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .35);
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-slider__input::-moz-range-thumb {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .35);
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: none;
    cursor: pointer
}

.c-slider__input::-ms-thumb {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .35);
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: none;
    cursor: pointer
}

.c-slider__input::-webkit-slider-runnable-track {
    position: relative;
    background: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    width: 100%;
    height: 2px;
    border: 0;
    border-radius: 2px
}

.c-slider__input::-moz-range-track {
    background: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    width: 100%;
    height: 2px;
    border: 0;
    border-radius: 2px
}

.c-slider__input::-ms-track {
    background: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    width: 100%;
    height: 2px;
    border: 0;
    border-radius: 2px
}

.c-slider__input--focus-visible:focus::-webkit-slider-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    border-radius: 12px;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-slider__input--focus-visible:focus::-webkit-slider-thumb:-moz-placeholder, .c-slider__input--focus-visible:focus::-webkit-slider-thumb:-ms-input-placeholder, .c-slider__input--focus-visible:focus::-webkit-slider-thumb::-moz-placeholder, .c-slider__input--focus-visible:focus::-webkit-slider-thumb::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-slider__input--focus-visible:focus::-moz-range-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none;
    border-radius: 12px
}

.c-slider__input--focus-visible:focus::-moz-range-thumb:-moz-placeholder, .c-slider__input--focus-visible:focus::-moz-range-thumb:-ms-input-placeholder, .c-slider__input--focus-visible:focus::-moz-range-thumb::-moz-placeholder, .c-slider__input--focus-visible:focus::-moz-range-thumb::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-slider__input--focus-visible:focus::-ms-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none;
    border-radius: 12px
}

.c-slider__input--focus-visible:focus::-ms-thumb:-moz-placeholder, .c-slider__input--focus-visible:focus::-ms-thumb:-ms-input-placeholder, .c-slider__input--focus-visible:focus::-ms-thumb::-moz-placeholder, .c-slider__input--focus-visible:focus::-ms-thumb::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-color_slider {
    display: flex;
    position: relative;
    border-radius: 2px;
    height: 12px;
    line-height: 12px
}

.c-color_slider__inner_hue_track, .c-color_slider__opacity_checkerboard_track, .c-color_slider__opacity_gradient_track, .c-color_slider__opacity_right_fill_track, .c-color_slider__outer_hue_track {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 12px
}

.c-color_slider__opacity_checkerboard_track, .c-color_slider__outer_hue_track {
    left: 0;
    right: 0;
    border-radius: 2px
}

.c-color_slider__inner_hue_track, .c-color_slider__opacity_gradient_track {
    left: 8px;
    right: 8px;
    border-radius: 0
}

.c-color_slider__opacity_right_fill_track {
    left: auto;
    right: 0;
    border-radius: 0 2px 2px 0;
    width: 9px
}

.c-color_slider__outer_hue_track {
    background: red
}

.c-color_slider__inner_hue_track {
    background: linear-gradient(90deg, red 0, #f90 10%, #cf0 20%, #3f0 30%, #0f6 40%, #0ff 50%, #06f 60%, #30f 70%, #c0f 80%, #f09 90%, red)
}

.c-color_slider__opacity_checkerboard_track {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill-opacity=".05">\<path d="M4 0h4v4H4z"/>\<path d="M0 4h4v4H0z"/>\</svg>')
}

.c-color_slider__slider.c-slider__input {
    flex: 1;
    position: relative;
    margin: 0 -2px
}

.c-color_slider__slider.c-slider__input::-webkit-slider-thumb {
    background: transparent;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 4px 2px rgba(0, 0, 0, .35), 0 0 4px rgba(0, 0, 0, .35);
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 16px;
    cursor: pointer;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-color_slider__slider.c-slider__input::-moz-range-thumb {
    background: transparent;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 4px 2px rgba(0, 0, 0, .35), 0 0 4px rgba(0, 0, 0, .35);
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 16px;
    cursor: pointer
}

.c-color_slider__slider.c-slider__input::-ms-thumb {
    background: transparent;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 4px 2px rgba(0, 0, 0, .35), 0 0 4px rgba(0, 0, 0, .35);
    width: 16px;
    height: 16px;
    border: 0;
    border-radius: 16px;
    cursor: pointer
}

.c-color_slider__slider.c-slider__input::-webkit-slider-runnable-track {
    position: relative;
    background: transparent;
    width: 100%;
    height: 12px;
    border: 0
}

.c-color_slider__slider.c-slider__input::-moz-range-track {
    background: transparent;
    width: 100%;
    height: 12px;
    border: 0
}

.c-color_slider__slider.c-slider__input::-ms-track {
    background: transparent;
    width: 100%;
    height: 12px;
    border: 0
}

.c-color_slider__slider.c-slider__input--focus-visible:focus::-webkit-slider-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3), inset 0 0 0 2px #fff, inset 0 0 4px 2px rgba(0, 0, 0, .35);
    border-radius: 4px;
    border-radius: 16px;
    -webkit-appearance: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.c-color_slider__slider.c-slider__input--focus-visible:focus::-moz-range-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3), inset 0 0 0 2px #fff, inset 0 0 4px 2px rgba(0, 0, 0, .35);
    border-radius: 4px;
    border-radius: 16px
}

.c-color_slider__slider.c-slider__input--focus-visible:focus::-ms-thumb {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3), inset 0 0 0 2px #fff, inset 0 0 4px 2px rgba(0, 0, 0, .35);
    border-radius: 4px;
    border-radius: 16px
}

.c-color_picker__container {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    padding-top: 3px;
    padding-bottom: 5px;
    box-sizing: border-box;
    margin: 0 0 20px;
    height: 36px;
    padding: 0;
    display: flex;
    align-items: center;
    max-width: 130px;
    font-size: 15px;
    line-height: 1.86666667;
    line-height: normal
}

.c-color_picker__container:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-color_picker__container:focus:-moz-placeholder, .c-color_picker__container:focus:-ms-input-placeholder, .c-color_picker__container:focus::-moz-placeholder, .c-color_picker__container:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-color_picker__container[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-color_picker__container.c-color_picker__container--alpha {
    max-width: 150px
}

.c-color_picker__container.c-color_picker__container--focus-within {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-color_picker__container.c-color_picker__container--focus-within:-moz-placeholder, .c-color_picker__container.c-color_picker__container--focus-within:-ms-input-placeholder, .c-color_picker__container.c-color_picker__container--focus-within::-moz-placeholder, .c-color_picker__container.c-color_picker__container--focus-within::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-color_picker__color_block_container {
    flex: 0 0 auto;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill-opacity=".05">\<path d="M4 0h4v4H4z"/>\<path d="M0 4h4v4H0z"/>\</svg>')
}

.c-color_picker__color_block {
    display: block;
    height: 36px;
    width: 36px;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    border-radius: 4px 0 0 4px;
    margin-left: -1px;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    transition: border 80ms ease-out, margin 80ms ease-out, height 80ms ease-out, width 80ms ease-out
}

.c-color_picker__color_block:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-color_picker__color_block:focus:-moz-placeholder, .c-color_picker__color_block:focus:-ms-input-placeholder, .c-color_picker__color_block:focus::-moz-placeholder, .c-color_picker__color_block:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-color_picker__color_block[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-color_picker__color_block.c-button--focus-visible:focus {
    height: 34px
}

.c-color_picker__container--focus-within .c-color_picker__color_block {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    margin-left: -2px;
    height: 38px;
    width: 37px
}

.c-color_picker__hex_hash {
    margin-left: 12px
}

.c-color_picker__input[type=text] {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    flex: 1 1 0;
    margin: 0;
    box-sizing: border-box;
    height: 36px;
    padding: 4px 12px 4px 0;
    background: transparent;
    border: 0 none;
    font-size: inherit;
    outline: none;
    min-width: 0
}

.c-color_picker__input[type=text]:focus {
    box-shadow: none
}

.c-color_picker__input[type=text][placeholder] {
    text-overflow: ellipsis
}

.c-color_picker__input[type=text]::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-color_picker__input[type=text]:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-color_picker__input[type=text]::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-color_picker__input[type=text]::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-color_picker__input[type=text]::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-color_picker__popover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .12);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    z-index: 1012;
    border-radius: 6px;
    padding-bottom: 12px;
    width: 160px
}

.c-color_picker__popover .c-sv_picker__gradient_box {
    border-radius: 6px 6px 0 0
}

.c-color_picker__popover .c-color_slider {
    margin: 12px 12px 0
}

.p-ia_custom_theme_sharing__description {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    margin: 16px 0 8px
}

.p-ia_custom_theme_sharing__box {
    display: flex;
    align-items: center
}

.p-ia_custom_theme_sharing__input {
    margin: 0 16px 0 0
}

.p-ia_custom_theme__container {
    margin: 4px 0 28px
}

.p-ia_custom_theme__heading {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin: 16px 0 8px
}

.p-ia_custom_theme__picker {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px
}

.p-ia_custom_theme__picker__label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 700
}

.p-ia_custom_theme__picker .c-color_picker__container {
    margin-bottom: 12px
}

.p-trial_modal_content_row_container {
    display: flex;
    justify-content: space-around
}

.p-trial_modal_content_row_item_container {
    display: flex;
    flex-direction: column;
    margin: 0 8px 0 8px;
    align-items: center
}

.p-trial_modal_content_row_item__text {
    max-width: 150px;
    text-align: center;
    font-size: 13px
}

.p-trial_modal_content_row_item__text--wide {
    max-width: 175px
}

.p-trial_modal_content_row_item__subtitle {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-trial_modal_content_row_item__title {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 700;
    margin-bottom: 4px
}

.p-trial_modal_content_row_item__img {
    min-height: 120px;
    max-width: 140px
}

.p-trial_modal_personalization_banner {
    text-align: left
}

.p-trial_modal_personalization_banner__shared_channel_content {
    display: flex
}

.p-trial_modal_personalization_banner__logo_icon {
    margin-right: 12px
}

.p-trials_alert > i, .p-trials_alert > i.c-alert__icon, .p-trials_gold_color {
    color: #b98a09
}

.p-trials_alert {
    background-color: rgba(242, 199, 68, .2);
    border: 1px solid #b98a09;
    border-radius: 4px
}

.p-trials_alert--v2 {
    border-color: rgba(185, 138, 9, .3)
}

.sk-client-theme--dark .p-trials_alert--v2 {
    background-color: rgba(232, 145, 45, .1);
    border-color: rgba(232, 145, 45, .4)
}

.sk-client-theme--dark .p-trials_alert > i, .sk-client-theme--dark .p-trials_alert > i.c-alert__icon {
    color: #e8912d
}

.p-trials_notification, .p-trials_notification.p-global_banner {
    border-top: 5px solid #b98a09;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.p-trial_modal__container {
    max-width: 528px
}

.p-trial_modal--centered {
    align-content: center;
    text-align: center;
    max-width: 545px
}

.p-trial_modal__title--centered {
    min-height: 0;
    padding: 16px 0 0 0;
    justify-content: center
}

.p-trial_modal__icon_container {
    border-radius: 50%;
    margin: 40px auto 0;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(242, 199, 68, .2)
}

.p-trial_modal__icon_container > i {
    color: #b98a09
}

.p-trial_modal__icon_container--large {
    height: 64px;
    width: 64px
}

.p-trial_modal__icon_container--large > i:before {
    font-size: 28px
}

.p-trial_modal__content {
    max-width: 550px;
    margin: auto;
    padding-top: 16px;
    padding-bottom: 16px
}

.p-trial_modal__footer_bg {
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 180px;
    height: auto
}

.p-trial_modal__footer--centered {
    justify-content: center
}

.p-trial_modal__footer_actions--centered {
    margin-left: 0
}

.p-trial_modal__footer_bg--standard {
    background-image: url(https://a.slack-edge.com/bv1-9/lastdaymodal_bg_standard_plan-98307b7.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-trial_modal__footer_bg--standard {
        background-image: url(https://a.slack-edge.com/bv1-9/lastdaymodal_bg_standard_plan@2x-2bd0387.png)
    }
}

.p-trial_modal__footer_bg--plus {
    background-image: url(https://a.slack-edge.com/bv1-9/lastdaymodal_bg_plus_plan-9d3f124.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-trial_modal__footer_bg--plus {
        background-image: url(https://a.slack-edge.com/bv1-9/lastdaymodal_bg_plus_plan@2x-dfaa62f.png)
    }
}

.p-last_day_trial_modal--education {
    max-width: 660px
}

.p-last_day_trial_modal__additional_info {
    padding-bottom: 28px
}

.p-survey_cancellation__option_label_subtext {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-trial_expired_modal__content {
    padding-top: 16px;
    padding-bottom: 16px
}

.p-trial_expired_modal__footer {
    background-repeat: no-repeat
}

.p-trial_expired_modal__footer--standard {
    background-image: url(https://a.slack-edge.com/bv1-9/trialexpiredmodal_bg_standard_plan-781c593.png);
    background-position: bottom -100px left -80px;
    background-size: 230px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-trial_expired_modal__footer--standard {
        background-image: url(https://a.slack-edge.com/bv1-9/trialexpiredmodal_bg_standard_plan@2x-7b27fb0.png)
    }
}

.p-trial_expired_modal__footer--plus {
    background-image: url(https://a.slack-edge.com/bv1-9/trialexpiredmodal_bg_plus_plan-91d5d53.png);
    background-position: bottom -48px left -25px;
    background-size: 180px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-trial_expired_modal__footer--plus {
        background-image: url(https://a.slack-edge.com/bv1-9/trialexpiredmodal_bg_plus_plan@2x-16cba3b.png)
    }
}

.p-trial_expiration_modal__content {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 32px
}

.p-setup_tada_sparkles path {
    animation: sparkle-twinkle 1.75s ease infinite forwards;
    transform-origin: 50% 50%
}

.p-setup_tada_sparkles.p-setup_tada_parkles--left path:nth-child(2) {
    animation-delay: .15s
}

.p-setup_tada_sparkles.p-setup_tada_sparkles--left path:nth-child(3) {
    animation-delay: .3s
}

.p-setup_tada_sparkles.p-setup_tada_sparkles--right path:first-child {
    animation-delay: .2s
}

.p-setup_tada_sparkles.p-setup_tada_sparkles--right path:nth-child(2) {
    animation-delay: .4s
}

.p-setup_tada_sparkles.p-setup_tada_sparkles--right path:nth-child(3) {
    animation-delay: .6s
}

.p-setup_tada_sparkles.p-setup_tada_sparkles--left {
    transform: rotateY(180deg)
}

@keyframes sparkle-twinkle {
    0%, to {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .5;
        transform: scale(.975)
    }
}

.p-header_banner {
    width: 100%;
    margin-top: -12px;
    top: 0;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, .1)
}

.p-header_banner__body {
    margin: auto
}

.p-header_banner__body_text {
    font-size: 22px;
    margin: auto;
    text-align: center;
    max-width: 700px;
    padding: 32px 16px
}

.p-header_banner__body_title {
    padding-bottom: 1.6px;
    font-weight: 900
}

.p-header_banner__body_subtitle {
    padding-top: 1.6px;
    padding-bottom: 16px
}

.p-header_banner__body_subtitle--small {
    font-size: 15px
}

.p-header_banner--bg_confetti {
    background-image: url(https://a.slack-edge.com/bv1-9/banner_bg_confetti_tall_left-3303ad8.png), url(https://a.slack-edge.com/bv1-9/banner_bg_confetti_tall_right-92a6acb.png);
    background-position: 0 0, 100% 100%;
    background-repeat: no-repeat;
    background-size: 150px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-header_banner--bg_confetti {
        background-image: url(https://a.slack-edge.com/bv1-9/banner_bg_confetti_tall_left@2x-24b8772.png), url(https://a.slack-edge.com/bv1-9/banner_bg_confetti_tall_right@2x-94fbeb7.png)
    }
}

@media screen and (max-width: 1024px) {
    .p-header_banner {
        background-image: none
    }
}

.p-trial_awareness_modal__container {
    max-width: 580px
}

.p-trial_awareness_modal__container .p-trial_awareness_modal__title {
    padding-top: 46px
}

.p-trial_awareness_modal__container .p-trial_awareness_modal__subtitle {
    font-size: 15px;
    padding-top: 8px
}

.p-trial_awareness_modal__footer {
    margin: 0 auto
}

.p-trial_awareness_modal__footer > * {
    display: block
}

.p-trial_awareness_modal__primary_cta {
    margin: 0 auto
}

.p-trial_awareness_modal__secondary_cta, .p-trial_awareness_modal__secondary_cta:focus, .p-trial_awareness_modal__secondary_cta:hover {
    margin-top: 12px;
    font-size: 13px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .65)
}

.p-trial_awareness_modal__content {
    padding-bottom: 32px
}

.p-trial_awareness_modal__header {
    display: flex
}

.p-trial_awareness_modal__container .p-setup_tada_sparkles--left {
    margin-left: 24px
}

.p-trial_awareness_modal__container .p-setup_tada_sparkles--right {
    margin-right: 24px
}

.p-trial_awareness_modal__header_bg {
    box-shadow: none
}

.p-trial_slack_connect_awareness_modal_content__header_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 275px;
    text-align: center;
    padding-top: 32px;
    padding-bottom: 0;
    margin-left: -28px;
    margin-right: -28px;
    margin-bottom: 32px
}

.p-trial_slack_connect_awareness_modal_content__body_container {
    min-height: 130px
}

.p-trial_slack_connect_awareness_modal_content__title {
    padding: 12px 24px 16px 0;
    min-height: 0
}

.p-trial_slack_connect_awareness_modal_content__subtitle {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 700
}

.p-trial_slack_connect_awareness_modal_content__header_image {
    max-width: 100%
}

.p-trial_slack_connect_awareness_modal_content__nav_container {
    align-self: flex-end;
    width: 56px;
    height: 56px
}

.p-trial_slack_connect_awareness_modal_content__nav_btn, .p-trial_slack_connect_awareness_modal_content__nav_btn--next, .p-trial_slack_connect_awareness_modal_content__nav_btn--prev {
    color: #000;
    font-size: 32px;
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 0;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .2)
}

.p-trial_slack_connect_awareness_modal_content__nav_btn--prev {
    margin: 0 0 16px 16px
}

.p-trial_slack_connect_awareness_modal_content__nav_btn--next {
    margin: 0 16px 16px 0
}

.p-trial_slack_connect_awareness_modal_content__dots_container {
    padding: 0 16px 16px 16px;
    text-align: center;
    justify-content: center;
    display: flex;
    color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-trial_slack_connect_awareness_modal_content__dot {
    margin: 0 3px
}

.p-trial_slack_connect_awareness_modal_content__dot_icon--selected {
    color: rgba(var(--sk_inverted_background, 29, 28, 29), 1)
}

@media only screen and (max-width: 480px) {
    .p-trial_slack_connect_awareness_modal_content__footer {
        height: auto
    }
}

@media only screen and (max-width: 480px) {
    .p-trial_slack_connect_awareness_modal_content__primary_cta {
        margin-top: 8px
    }
}

.p-trial_slack_connect_awareness_modal__light_bg .c-sk-modal__close_button.c-icon_button--light {
    color: rgba(29, 28, 29, .8)
}

.p-trial_slack_connect_awareness_modal__light_bg .c-sk-modal__close_button.c-icon_button--light:hover {
    background: rgba(29, 28, 29, .04);
    color: #1d1c1d
}

.p-trial_slack_connect_awareness_modal__trial_perk_content_title {
    display: flex;
    justify-content: center;
    padding: 0 24px 12px 24px;
    text-align: center
}

.p-trial_slack_connect_awareness_modal__trial_perk_content_description {
    text-align: center
}

.p-trial_slack_connect_awareness_modal__invite_users_content_title {
    background-color: #e8f5fa
}

.p-trial_slack_connect_awareness_modal__wait_for_admins_content_title {
    background-color: #e6f2ee
}

.p-trial_slack_connect_awareness_modal__get_to_work_content_title {
    background-color: #fcf4da
}

.c-message_kit__actions .c-message__actions.c-message_actions__container, .c-virtual_list__item--focus:focus .c-message__actions.c-message_actions__container {
    display: inline-flex
}

.c-message_kit__actions .c-message__actions.c-message_actions__quick_reactions_tooltip {
    z-index: 199
}

.c-message_actions__group {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    line-height: 1;
    margin-left: 8px;
    border: unset;
    box-shadow: unset;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08);
    display: flex;
    padding: 2px;
    border-radius: .375em
}

.c-message_actions__group_labels--dividers {
    position: relative
}

.c-message--focus-within .c-message_actions__container {
    overflow: visible
}

.c-message_actions__button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    height: 32px;
    border-radius: 4px
}

.c-message_actions__button:active, .c-message_actions__button:focus {
    position: relative;
    z-index: 1
}

.c-message_actions__button .c-icon--small-star-filled, .c-message_actions__button .c-icon--star {
    color: #f2c744
}

.c-message_actions__button .c-icon--bookmark-filled {
    color: #e01e5a
}

.c-message_actions__button:hover {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-message_actions__button-hover--text {
    color: #868686
}

.c-message__actions.c-message__actions--offscreen {
    display: block;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    border-width: 0
}

.c-message_actions__quick_reactions_example_container {
    display: flex
}

.c-message_actions__emoji_button {
    padding: 3px 7px
}

.c-message_actions__emoji_button--hover-light {
    background-color: #fcf4da
}

.c-message_actions__emoji_button--hover-dark {
    background-color: rgba(29, 155, 209, .1)
}

.p-workspace__primary_view--tiny .c-message_actions__emoji_button, .p-workspace__secondary_view--medium .c-message_actions__emoji_button, .p-workspace__secondary_view--tiny .c-message_actions__emoji_button {
    display: none
}

.c-message_actions__emoji_button_plain_text {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 70px
}

.c-message_actions__emoji_button_plain_text_example {
    max-width: 56px
}

.c-message_actions__emoji_button_plain_text_example_full_name {
    max-width: 34px
}

.c-message_actions__inline_label_button {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    padding-left: 4px;
    padding-right: 8px
}

.c-message_actions__inline_label_button .c-icon {
    margin-right: 4px;
    width: 18px;
    height: 18px
}

.c-message_actions__quick_reactions_loading_spinner_button {
    height: 20px;
    width: 20px;
    margin: 5px
}

.c-message_actions__labels {
    white-space: nowrap
}

.c-message_actions__labels:focus .c-message_actions__labels_small-reaction-bg--light, .c-message_actions__labels:focus .c-message_actions__labels_small-reply-filled--light, .c-message_actions__labels:hover .c-message_actions__labels_small-reaction-bg--light, .c-message_actions__labels:hover .c-message_actions__labels_small-reply-filled--light {
    opacity: 1
}

.c-message_actions__labels:focus .c-message_actions__labels_front_icon, .c-message_actions__labels:hover .c-message_actions__labels_front_icon {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-message_actions__group .c-message_actions__labels:hover + .c-message_actions__labels:before {
    content: none;
    border-left: none
}

.c-message_actions__labels_text {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    margin: 0 8px 0 1.6px;
    font-weight: 700;
    white-space: nowrap
}

.c-message_actions__labels_icon {
    position: relative;
    top: 0;
    margin: 0 20px 0 6px
}

.c-message_actions__labels_icon_part {
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    width: 20px;
    transition: opacity 80ms ease-out
}

.c-message_actions__labels_small-reply-filled {
    opacity: 0
}

.c-message_actions__labels_small-reply-filled--light {
    color: rgba(0, 122, 90, .5)
}

.c-message_actions__labels_small-reaction-bg {
    opacity: 0
}

.c-message_actions__labels_small-reaction-bg--light {
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.c-message_actions__labels_front_icon {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    opacity: 1
}

.c-message {
    padding-right: 26px;
    min-width: 1px;
    position: relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

[lang] .c-message {
    font-size: 15px
}

[lang=ja-JP] .c-message {
    font-size: 14px
}

[lang] .c-message {
    line-height: 16px
}

[lang=ja-JP] .c-message {
    line-height: 17.6px
}

.c-message__gutter, .c-message__label__gutter {
    float: left;
    text-align: right
}

.c-message__gutter .c-timestamp, .c-message__label__gutter .c-timestamp {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-message__content {
    margin-right: 20px;
    min-width: 1px
}

.c-message__sender {
    font-weight: 900;
    word-break: break-word
}

.c-message__sender, .c-message__sender a {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-message__sender_link {
    display: inline-block
}

.c-message__sender .c-custom_status {
    margin-left: 4px
}

.c-message__avatar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-message__body {
    display: inline-block;
    width: 100%;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    word-wrap: break-word
}

[lang] .c-message__body {
    line-height: 1.46668
}

[lang=ja-JP] .c-message__body {
    line-height: 1.56668
}

.c-message__actions {
    position: absolute;
    top: -16px;
    right: 17px;
    display: none;
    z-index: 1
}

.c-message--adjacent .c-message__actions, .c-message--sli_highlight_negative .c-message__actions, .c-message__actions.c-message__actions--dense {
    top: -28px
}

.c-message--focus-within .c-message__actions, .c-message--hover .c-message__actions, .c-message:hover .c-message__actions, .c-message__actions.c-message__actions--menu-showing {
    display: block
}

.c-message--light {
    padding: 6px 0
}

.c-message--light.c-message--adjacent {
    padding-top: 2px
}

.c-message--light .c-message__gutter, .c-message--light .c-message__label__gutter {
    width: 70px;
    padding-right: 8px
}

.c-message--light .c-message__content {
    margin-left: 70px
}

.c-message--light .c-message__sender .c-message__sender_link {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-message--light .c-message__content_header {
    line-height: 1
}

.c-message--light .c-message__body--tombstone {
    line-height: 36px
}

.c-message--light .c-message__broadcast_preamble {
    height: 22px;
    line-height: 22px
}

.c-message--dense {
    padding: 3px 40px 6px 0
}

.c-message--dense .c-message__gutter, .c-message--dense .c-message__label__gutter {
    width: 64px;
    margin-right: 16px
}

.c-message--dense:not(.c-message--adjacent):not(.c-message--thread_broadcast) .c-timestamp__label {
    position: relative;
    top: 2px
}

.c-message--dense .c-message__label {
    margin: 1px 0 1px
}

.c-message--dense .c-message__content {
    margin-left: 80px;
    padding-left: 8px
}

.c-message--dense .c-message__body--tombstone, .c-message--dense .c-message__sender {
    margin-left: -8px
}

.c-message--dense .c-message__sender {
    flex: none;
    white-space: nowrap
}

.c-message--dense .c-message__content_header {
    display: inline;
    line-height: 22px
}

.c-message--dense.c-message--thread_broadcast .c-message__content_header {
    display: flex;
    margin-bottom: 3px
}

.c-message--dense .c-message__comment:before {
    display: none
}

.c-message--dense .c-message__content_header .c-custom_status {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 5px;
    padding: 1px 2px
}

.c-message--dense .c-message__broadcast_preamble {
    height: 22px;
    margin-top: 0
}

.c-message--dense.c-message--editing {
    padding-right: 0
}

.c-message--adjacent.c-message--focus .c-message__gutter, .c-message--adjacent.c-message--hover .c-message__gutter, .c-message--adjacent:hover .c-message__gutter {
    opacity: 1
}

.c-message--adjacent .c-message__gutter {
    line-height: 1.46668;
    opacity: 0
}

.c-message--adjacent .c-timestamp {
    line-height: 1.46668
}

.c-message--adjacent .c-message__label {
    margin: 2px 0 1px
}

.c-message--focus-within:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred), .c-message--hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred), .c-message:hover:not(.c-message--highlight):not(.c-message--standalone):not(.c-message--pinned):not(.c-message--ephemeral):not(.c-message--custom_response):not(.c-message--starred) {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-message--focus-within .c-file__actions, .c-message--focus-within .c-file_container__expand, .c-message--focus-within .c-pillow_file__expandable_pill {
    opacity: 1
}

.c-message--fade_highlight {
    animation: fade-background-highlight 4s ease-in-out
}

@keyframes fade-background-highlight {
    0% {
        background: rgba(242, 199, 68, .2)
    }
    to {
        background: transparent
    }
}

.c-message--last {
    margin-bottom: 16px
}

.c-message--pinned, .c-message--starred {
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), .1)
}

.c-message--ephemeral {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-message--highlight, .c-message--highlight_yellow_bg {
    background: rgba(242, 199, 68, .2)
}

.c-message--custom_response {
    background: rgba(29, 155, 209, .05)
}

.c-message__label {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin: -4px 0 4px;
    *zoom: 1;
    font-size: 13px;
    padding: 1px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-message__label:after, .c-message__label:before {
    display: table;
    line-height: 0;
    content: ""
}

.c-message__label:after {
    clear: both
}

.c-message__visually_hidden_label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-message--pinned .c-message__label__icon {
    color: #e8912d
}

.c-message--custom_response .c-message__label__icon {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-message--starred .c-message__label__icon {
    color: #f2c744
}

.c-message--starred .c-message__label__icon.c-icon--bookmark-filled {
    color: #e01e5a
}

a.c-message__label_link {
    background: none;
    color: inherit;
    padding-left: 0
}

a.c-message__label_link:hover {
    background: none;
    color: inherit;
    text-decoration: underline
}

.c-message__label_button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    vertical-align: baseline
}

.c-message__label_button:active, .c-message__label_button:focus, .c-message__label_button:hover {
    outline: none
}

.c-message__label_button:hover {
    text-decoration: underline
}

.c-message__sender .c-emoji__text_mode_icon {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message__dense_copy_timestamp {
    pointer-events: none
}

.c-message__body--unknown:before {
    content: "";
    display: inline-block;
    width: 200px;
    height: 8px;
    border-radius: 4px;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-message__body--automated {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message__body--automated .c-mrkdwn__member--link {
    color: inherit;
    background: transparent
}

.c-message__body--automated .c-mrkdwn__member--link:hover {
    color: inherit;
    background: transparent;
    text-decoration: underline
}

.c-message__body--call {
    font-style: normal
}

.c-message__body--me {
    font-style: italic
}

.c-message__body--tombstone {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message--unprocessed .c-message__body, .c-message--unprocessed .c-message__message_blocks--rich_text {
    animation: c-message--to-grey 50ms linear 10s forwards
}

.c-message--resend .c-message__body {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

@keyframes c-message--to-grey {
    0% {
        color: inherit
    }
    to {
        color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
    }
}

.c-message__resend_controls {
    display: flex;
    align-items: stretch;
    margin-top: 2px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px
}

.c-message__resend_column {
    width: 4px;
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 8px;
    margin-right: 12px
}

.c-message__cancel, .c-message__resend {
    margin-left: 5px;
    margin-right: 5px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-message__cancel:hover, .c-message__resend:hover {
    text-decoration: underline
}

.c-message__edited_label {
    cursor: default;
    font-size: 13px;
    white-space: nowrap
}

.c-message__edited_label, .c-message__tombstone_icon {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-message__tombstone_icon {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-message__rollup_member, .c-message__rollup_member:link, .c-message__rollup_member:visited {
    color: inherit
}

.c-message__editor__emoji_menu {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    transition: all 50ms ease-out;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0
}

[lang] .c-message__editor__emoji_menu {
    line-height: 1
}

[lang=ja-JP] .c-message__editor__emoji_menu {
    line-height: 1.1
}

.c-message__editor__emoji_menu:active, .c-message__editor__emoji_menu:focus, .c-message__editor__emoji_menu:hover {
    outline: none
}

.c-message__editor__emoji_menu:hover {
    transform: scale(1.25)
}

.c-message__editor__emoji_menu:hover .c-message__editor__emoji_circle_icon {
    color: #ffd06d;
    opacity: 1
}

.c-message__editor__emoji_menu:hover .c-message__editor__emoji_smile_icon {
    opacity: 0
}

.c-message__editor__emoji_menu:hover .c-message__editor__emoji_happy_icon {
    color: #c19a87;
    opacity: 1
}

.c-message__editor__emoji_circle_icon, .c-message__editor__emoji_happy_icon, .c-message__editor__emoji_smile_icon {
    color: rgba(0, 0, 0, .35);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.c-message__editor__emoji_circle_icon, .c-message__editor__emoji_happy_icon {
    opacity: 0
}

.c-message__editor__input_container {
    position: relative
}

.c-message__editor__input--client_toolbar {
    overflow: visible
}

.c-message__editor__input {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    min-height: 42px;
    min-width: 1px;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 4px;
    padding-right: 0
}

.c-message__editor__input.focus {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    outline: none;
    outline-offset: 0
}

.c-message__editor__input.texty_emoji_only {
    padding-bottom: 0
}

.c-message__editor__input.texty_emoji_only .ql-editor {
    padding-top: 7px
}

.c-message__editor__input.texty_emoji_only .ql-editor img.emoji {
    top: -3px
}

.c-message__editor__input.ql-disabled {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1) !important;
    opacity: .6;
    pointer-events: none
}

.c-message__editor__input.ql-disabled .ql-tooltip {
    visibility: hidden
}

.c-message__editor__input.ql-disabled ~ .p-texty_sticky_formatting_bar {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1) !important
}

.c-message__editor__input .ql-editor {
    margin-top: 4px;
    padding-bottom: 4px;
    padding-top: 5px
}

.c-message__editor__input .ql-placeholder {
    left: 10px;
    top: 9px
}

.c-message__editor__containerized_input .ql-editor, .c-message__editor__input .ql-editor {
    max-height: calc(60vh - 80px)
}

.c-message__editor__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.c-message__editor__footer > * {
    margin-top: 8px
}

.c-message__editor__info {
    flex: 1;
    font-size: .8rem
}

.c-message__editor__messages {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    min-width: 260px
}

.c-message__editor__warning {
    color: #e01e5a;
    font-size: .8rem;
    margin-left: 8px
}

.c-message__editor__save {
    margin-left: 8px;
    margin-right: 8px
}

.c-message__reply_bar {
    display: flex;
    align-items: center;
    max-width: 600px;
    padding: 4px;
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    height: 34px
}

.c-message__reply_bar--focus-within, .c-message__reply_bar:hover {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-message__reply_bar--focus-within .c-message__reply_bar_arrow, .c-message__reply_bar:hover .c-message__reply_bar_arrow {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-message__reply_bar--focus-within .c-message__reply_bar_last_reply, .c-message__reply_bar:hover .c-message__reply_bar_last_reply {
    opacity: 0
}

.c-message__reply_bar--focus-within .c-message__reply_bar_view_thread, .c-message__reply_bar:hover .c-message__reply_bar_view_thread {
    opacity: 1;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-message__reply_bar--with-files {
    height: auto
}

.c-message__reply_bar .c-avatar {
    margin-right: 4px;
    flex-shrink: 0
}

.c-message__reply_count {
    margin-left: 3px;
    font-weight: 700;
    flex-shrink: 0
}

.c-message__reply_bar_description {
    position: relative;
    margin-left: 8px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c-message__reply_bar--with-files .c-message__reply_bar_description {
    margin-left: 0;
    margin-top: 2px;
    line-height: 16px
}

.c-message__reply_bar--with-files .p-story_message_file {
    margin-right: 4px
}

.c-message__reply_bar--with-files .p-story_message_file__poster {
    border-radius: 6px
}

.c-message__reply_bar_arrow {
    margin-left: auto;
    color: transparent
}

.c-message__reply_bar_arrow:before {
    vertical-align: top
}

.c-message__reply_bar_last_reply {
    opacity: 1;
    transition: opacity .2s
}

.c-message__reply_bar_reply_info {
    margin-top: 2px;
    margin-left: 4px;
    flex: 1
}

.c-message__reply_bar_faces_and_count {
    display: flex;
    align-items: center
}

.c-message__broadcast_preamble, .c-message__broadcast_preamble_outer {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message__broadcast_preamble {
    display: flex;
    overflow: hidden;
    max-width: 100%
}

.c-message__broadcast_preamble_meta {
    flex-shrink: 0
}

.c-message__broadcast_preamble_link {
    font-weight: 700;
    margin-right: 4px;
    margin-left: 4px
}

.c-message__broadcast_preamble_link, .c-message__broadcast_repliers {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-message__broadcast_repliers {
    height: 22px;
    line-height: 22px;
    font-size: 13px
}

.c-message__broadcast_repliers_icon {
    margin-right: 3px
}

.c-message__broadcast_repliers_icon:before {
    font-size: 14px;
    vertical-align: bottom
}

a.c-message__broadcast_repliers_link {
    color: inherit
}

.c-message__reply_bar_view_thread {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity .2s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.c-message__broadcast_footer {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    margin-top: 8px;
    font-weight: 700;
    display: block
}

.c-message__body .c-emoji__large {
    margin-top: 2px
}

.c-message__body br ~ .c-emoji__large {
    margin-top: 0
}

.c-message--focus-within .c-message_attachment__delete {
    display: block
}

.c-message__attachments {
    max-width: 600px
}

.c-message__theme_button_container {
    margin-top: 8px
}

.c-message__theme_button_container .c-message_attachment__button {
    margin-top: 0
}

.c-message__file {
    display: inline
}

.c-message__file.c-message__file--removable {
    display: block;
    position: relative;
    margin-left: -20px;
    padding-left: 20px
}

.c-message__file_link {
    font-weight: 700;
    white-space: normal;
    word-break: break-word
}

.c-message__file_meta {
    line-height: 1.4;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: block
}

.c-message__file_meta_title {
    white-space: nowrap
}

.c-message__file_meta.c-message__file_meta--file_threads {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin: 8px 0 -4px;
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    white-space: nowrap
}

.c-message__file_meta.c-message__file_meta--file_threads .c-message__file_meta_text {
    white-space: normal;
    word-break: break-word
}

.c-message__file_meta.c-message__file_meta--file_threads .c-message__file_meta_text .emoji-sizer {
    font-size: 16px
}

.c-message__file_meta.c-message__file_meta--file_threads .c-message__file_meta_seperator {
    margin: 0 4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .33)
}

.c-message__file_meta.c-message__file_meta--file_threads .c-message__file_collapse_toggle {
    margin-left: -2px
}

.c-message__file_meta.c-message__file_meta--file_threads .c-message__file_collapse_toggle_icon:before {
    font-size: 15px
}

.c-message--adjacent .c-message__files--empty_body.c-message__files--file_threads_meta_data {
    padding-top: 4px
}

.c-message--adjacent.c-message--dense .c-message__files--empty_body.c-message__files--file_threads_meta_data {
    display: block;
    padding-top: 3px
}

.c-message__files--pillow {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: -8px
}

.c-message__files--pillow:after, .c-message__files--pillow:before {
    content: "";
    display: block;
    height: .1px
}

.c-message__comment {
    position: relative;
    display: block
}

.c-message__comment:before {
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    content: "\E516";
    position: absolute;
    left: -28px;
    top: -3px;
    color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-message__file_meta_user, .c-message__file_meta_user:link, .c-message__file_meta_user:visited {
    color: inherit
}

.c-message__file_collapse_toggle {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    line-height: 1;
    margin-left: -4px
}

.c-message__file_collapse_toggle:active, .c-message__file_collapse_toggle:focus, .c-message__file_collapse_toggle:hover {
    outline: none
}

.c-message__file_remove_icon {
    display: none;
    position: absolute;
    left: 0;
    top: 2px;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-message__file_remove_icon:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message__files--file_threads_meta_data .c-message__file_remove_icon {
    top: -1px
}

.c-message__file:hover .c-message__file_remove_icon {
    display: block
}

.c-message__file .p-message_file {
    margin-top: 8px
}

.c-message__image_container {
    position: relative;
    margin-bottom: 6px;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 4px
}

.c-message--focus-within .c-message__image_container .c-file__actions, .c-message__image_container:hover .c-file__actions {
    opacity: 1
}

.c-message--deleting {
    background: rgba(224, 30, 90, .6);
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition: padding-top 40ms .16s, padding-bottom .16s
}

.c-message__call .c-message__body {
    margin-top: 0
}

.c-message__call .c-expandable_trigger {
    vertical-align: baseline
}

.c-message__call_attachment {
    max-width: 600px;
    min-width: 400px;
    padding: 7px 16px 7px 10px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    font-style: normal
}

.c-message__call--active .c-message__call_attachment {
    cursor: pointer
}

.c-message__call--ended .c-message__call_attachment {
    cursor: default
}

.c-message__call:hover a:not(.c-message__call_name) {
    text-decoration: underline
}

.c-message__call_icon {
    color: #007a5a
}

.c-message__call_icon:before {
    font-size: 52px;
    line-height: 56px
}

.c-message__call--ended .c-message__call_icon {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-message__call_info {
    padding: 7px 0 8px 0;
    margin-left: 8px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    max-width: calc(100% - 58px);
    width: 100%
}

.c-message__call_sub, .c-message__call_title {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-message__call_name {
    font-weight: 700;
    max-width: calc(95% - 130px);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom
}

.c-message__call--active .c-message__call_name:focus, .c-message__call--active .c-message__call_name:hover {
    text-decoration: none
}

a.c-message__call_name--linked {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-message__call_description {
    white-space: nowrap;
    vertical-align: bottom
}

.c-message__call_name + .c-message__call_description {
    position: relative;
    padding-left: 14px
}

.c-message__call_name + .c-message__call_description:before {
    content: " | ";
    position: absolute;
    left: 5px;
    font-weight: 400;
    color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-message__call_sub {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    display: flex;
    font-size: 14px;
    margin-top: 1px;
    overflow: hidden;
    white-space: pre
}

.c-message__call_participant_count {
    margin-left: 16px
}

.c-message__call_user_icon:before {
    font-size: 15px;
    line-height: 15px
}

.c-message__call_participants {
    flex: 1
}

.c-message__call--ended .c-message__call_participants {
    font-weight: 700;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-message__call--active .c-message__call_participants {
    height: 16px;
    margin-left: 16px;
    margin-top: 2px
}

.c-message__call_avatar {
    margin-right: 8px
}

.c-message__call_avatar .c-avatar--no_image, .c-message__call_avatar .c-avatar__image {
    border-radius: .1rem
}

.c-message--standalone {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: .25rem;
    padding-bottom: 13px;
    padding-top: 16px
}

.c-message--light .c-message__content {
    margin-top: -9px
}

.c-message__gutter--empty + .c-message--light .c-message__content {
    margin-top: -11px
}

.c-message--light .c-message__content .c-message__comment {
    padding-bottom: 4px
}

.c-message--light .c-message__content:before {
    content: "";
    display: block;
    padding-top: 1px
}

.c-message__body {
    margin: 8px 0 -4px;
    text-align: left
}

.c-message__body:empty {
    display: none
}

.c-message__file .c-file_container, .c-message__image_container, .c-message__resend_controls {
    margin: 8px 0 0
}

.c-message--light .c-message__content_header {
    margin: 9px 0 -5px
}

.c-message__editor {
    margin: 8px 0 0
}

.c-message__file_meta {
    margin: 8px 0 -5px
}

.c-message__call_attachment {
    margin: 5px 0 4px
}

.c-message__reply_bar {
    margin: 4px 0 -2px -5px
}

.c-message .c-reaction_bar {
    margin: 8px 0 -5px
}

.c-message--focus-within .c-reaction_bar .c-reaction_add {
    opacity: 1
}

.c-message__attachments {
    padding-bottom: 1px;
    margin: 8px 0 -9px
}

.c-message__broadcast_preamble {
    margin: 8px 0 -6px
}

.c-message__broadcast_repliers {
    margin: 8px 0 -8px
}

.c-message--dense .c-message__body, .c-message--dense .c-message__file_meta, .c-message--dense .c-message__files--empty_body {
    display: inline
}

.c-message--dense .c-message__body:after, .c-message--dense .c-message__file_meta:after {
    content: "";
    display: block;
    margin-bottom: -4px
}

.c-message--dense .c-message__files:not(.c-message__files--empty_body) .c-message__file_meta {
    display: block
}

.c-message--dense .c-message__comment {
    display: inline-block
}

.c-message--dense .c-message__content_header + .c-message__attachments {
    margin-top: 0
}

.c-message__message_blocks {
    max-width: 600px
}

.c-message__message_blocks--rich_text {
    max-width: none;
    word-wrap: break-word
}

.c-message--dense .c-message__message_blocks--rich_text, .c-message__message_blocks--inline {
    display: inline
}

.c-keyboard_key {
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 3px 8px;
    font-size: 15px;
    font-weight: 400;
    min-width: 26px;
    height: 27px;
    margin: 4px;
    border-radius: 4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    box-shadow: 0 1px 0 var(--saf-0);
    text-shadow: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 21px
}

.c-keyboard_key--slim {
    height: 20px;
    margin: 0 4px 4px;
    padding: 1px 4px 0;
    line-height: 18px;
    font-size: 13px
}

.c-keyboard_key__arrow_key {
    padding: 3px .3rem
}

.c-keyboard_key--dark {
    background: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    color: #fff;
    box-shadow: none
}

.c-keyboard_key__tooltip {
    height: 20px;
    margin: 0 4px 4px;
    padding: 1px 4px 0;
    line-height: 18px;
    font-size: 13px;
    margin: 1px 1px;
    min-width: 20px;
    background: #1d1c1d;
    color: #fff;
    box-shadow: none;
    line-height: 19px;
    padding-left: 6px;
    padding-right: 6px
}

.c-keyboard_keys {
    display: block;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 2px
}

.c-keyboard_keys_label {
    margin-top: 10px
}

.c-keyboard_keys--title {
    display: inline-block;
    color: #fff;
    margin-top: 2px
}

.c-keyboard_keys--title-inline {
    display: inline-block;
    padding-top: 1px;
    vertical-align: middle;
    padding-right: 12px;
    padding-bottom: 2px
}

.c-keyboard_key.c-keyboard_key__tooltip:not(.c-keyboard_keys--inline) {
    margin-top: 2px
}

.c-keyboard_keys--inline {
    display: inline-block;
    vertical-align: center
}

.c-keyboard_key__tooltip_text {
    color: #868686
}

.p-lightbulb_icon--dark {
    color: #f2c744
}

.p-lightbulb_icon {
    display: inline-block;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: bottom
}

.p-lightbulb_icon--inline {
    width: 20px;
    height: auto;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.p-lightbulb_icon--inline .p-lightbulb_icon__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50%;
    margin-left: -50%
}

.p-lightbulb_icon--inline:after {
    content: "\200B"
}

.p-lightbulb_icon--inherit {
    width: 1em
}

.p-lightbulb_icon__icon {
    position: relative;
    top: -2px;
    width: 20px;
    height: auto
}

.p-lightbulb_icon--inherit .p-lightbulb_icon__icon {
    width: 1em
}

.p-lightbulb_icon--inline.p-lightbulb_icon--inherit .p-lightbulb_icon__icon {
    margin-top: -.5em;
    margin-left: -.5em;
    width: 1em;
    height: 1em
}

.p-sidebar_prefs__alert_icon {
    align-self: flex-start;
    flex: 0 0 auto;
    margin-left: -6px;
    margin-right: 6px
}

.p-sidebar_prefs__content_container {
    display: flex
}

.p-sidebar_prefs__close_icon_button.c-icon_button {
    display: flex;
    height: inherit;
    align-self: flex-start;
    margin: 0 0 0 6px
}

.c-filter_input {
    align-items: center;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    padding: 0 8px;
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    height: 36px
}

.c-filter_input:hover {
    border-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-filter_input.c-filter_input--active {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-filter_input.c-filter_input--active:-moz-placeholder, .c-filter_input.c-filter_input--active:-ms-input-placeholder, .c-filter_input.c-filter_input--active::-moz-placeholder, .c-filter_input.c-filter_input--active::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-filter_input--large {
    padding: 12px;
    height: 44px;
    font-size: 18px;
    line-height: 1.33333333
}

.c-filter_input--small {
    height: 28px;
    padding: 0 4px;
    font-size: 13px
}

.c-filter_input--small .c-filter_input__input[type=text] {
    padding: 0 4px
}

.c-filter_input__input[type=text] {
    flex-grow: 1;
    margin: 0;
    padding: 0 8px;
    border: 0 none !important;
    font-size: inherit;
    outline: none
}

.c-filter_input__input[type=text]:active, .c-filter_input__input[type=text]:focus {
    box-shadow: none
}

.c-filter_input__input[type=text][placeholder] {
    text-overflow: ellipsis;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: inherit
}

.c-filter_input__input[type=text]::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-filter_input__input[type=text]:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-filter_input__input[type=text]::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-filter_input__input[type=text]::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-filter_input__input[type=text]::placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-filter_input__reset_button {
    display: none;
    cursor: pointer;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.c-filter_input__reset_button:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-filter_input__loading_indicator {
    display: none
}

.c-filter_input__loading_indicator--visible, .c-filter_input__reset_button--visible {
    display: inline-flex
}

.c-filter_input__right_icons {
    width: 20px;
    display: flex
}

.c-table_column_header {
    display: flex;
    align-items: flex-end;
    text-align: inherit
}

.c-table_column_header--sorted {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-table_column_header__sort_icon {
    position: relative;
    top: 1px
}

.c-table_column_header__info_mark {
    position: relative;
    font-size: 16px;
    top: 2px;
    margin-left: 4px
}

.c-table_cell {
    display: flex;
    align-items: center;
    width: 100%
}

.c-table_cell--medium.c-table_cell--align_right .c-base_entity__text-contents {
    align-items: flex-end
}

.c-table_cell--medium.c-table_cell--align_center .c-base_entity__text-contents {
    align-items: center
}

.c-table_cell--small .c-base_entity__text-contents {
    align-items: baseline
}

.c-table_cell--small.c-table_cell--align_left .c-base_entity__text-contents {
    justify-content: flex-start
}

.c-table_cell--small.c-table_cell--align_left .c-base_entity__text-contents > * {
    margin-right: 8px
}

.c-table_cell--small.c-table_cell--align_right .c-base_entity__text-contents {
    justify-content: flex-end
}

.c-table_cell--small.c-table_cell--align_right .c-base_entity__text-contents > * {
    margin-left: 8px
}

.c-table_cell--small.c-table_cell--align_center .c-base_entity__text-contents {
    justify-content: center
}

.c-table_cell--small.c-table_cell--align_center .c-base_entity__text-contents > * {
    margin-left: 4px;
    margin-right: 4px
}

.c-table_cell_container {
    outline: none;
    display: flex
}

.c-virtualized_table__wrapper, .c-virtualized_table__wrapper > :first-child {
    position: relative
}

.c-virtualized_table__wrapper > :first-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.c-virtualized_table__scroll-indicator {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s;
    width: 6px;
    background-image: linear-gradient(90deg, rgba(var(--sk_foreground_low_solid, 221, 221, 221), .25), rgba(var(--sk_foreground_low_solid, 221, 221, 221), .25) 25%, transparent);
    pointer-events: none
}

.c-virtualized_table__scroll-indicator--visible {
    opacity: 1
}

.c-virtualized_table__sortable_header_wrapper {
    cursor: pointer
}

.c-virtualized_table--bottom-left, .c-virtualized_table--bottom-right, .c-virtualized_table--top-right {
    overscroll-behavior-x: contain
}

.c-virtualized_table--bottom-left .c-data_table__header_row, .c-virtualized_table--bottom-left .c-data_table__row, .c-virtualized_table--top-left .c-data_table__header_row, .c-virtualized_table--top-left .c-data_table__row {
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-virtualized_table--bottom-left::-webkit-scrollbar, .c-virtualized_table--top-right::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0
}

.c-virtualized_table--bottom-left .c-data_table__header_row--focus:after, .c-virtualized_table--bottom-left .c-data_table__row--focus:after, .c-virtualized_table--top-left .c-data_table__header_row--focus:after, .c-virtualized_table--top-left .c-data_table__row--focus:after {
    right: -4px
}

.c-virtualized_table--bottom-right .c-data_table__header_row--focus:after, .c-virtualized_table--bottom-right .c-data_table__row--focus:after, .c-virtualized_table--top-right .c-data_table__header_row--focus:after, .c-virtualized_table--top-right .c-data_table__row--focus:after {
    left: -4px
}

.ReactVirtualized__Table__headerRow {
    font-weight: 700;
    text-transform: uppercase
}

.ReactVirtualized__Table__headerRow, .ReactVirtualized__Table__row {
    display: flex;
    flex-direction: row;
    align-items: center
}

.ReactVirtualized__Table__headerTruncatedText {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ReactVirtualized__Table__headerColumn, .ReactVirtualized__Table__rowColumn {
    margin-right: 10px;
    min-width: 0
}

.ReactVirtualized__Table__rowColumn {
    text-overflow: ellipsis;
    white-space: nowrap
}

.ReactVirtualized__Table__headerColumn:first-of-type, .ReactVirtualized__Table__rowColumn:first-of-type {
    margin-left: 10px
}

.ReactVirtualized__Table__sortableHeaderColumn {
    cursor: pointer
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
    display: flex;
    align-items: center
}

.ReactVirtualized__Table__sortableHeaderIcon {
    flex: 0 0 24px;
    height: 1em;
    width: 1em;
    fill: currentColor
}

.c-data_table {
    position: relative
}

.c-data_table__body, .c-data_table__header_row, .c-data_table__no_results, .c-data_table__spinner {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    outline: none
}

.c-data_table__header_row {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    text-transform: none;
    position: relative
}

.c-data_table__header_row, .c-data_table__row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    outline: none
}

.c-data_table__row--inactive {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-data_table__row--inactive, .c-data_table__row--inactive .c-base_entity__subtext {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-data_table__row--selectable {
    cursor: pointer
}

.c-data_table__row--selectable:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-data_table__row--selected, .c-data_table__row--selected.c-data_table__row--hover, .c-data_table__row--selected:hover {
    background-color: rgba(29, 155, 209, .1)
}

.c-data_table__row--hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-data_table__row--load_more {
    border-bottom: none;
    justify-content: center
}

.c-data_table__header_row--focus:after, .c-data_table__row--focus:after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-data_table__no_results, .c-data_table__spinner {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-data_table__header_column, .c-data_table__row_column {
    outline: none;
    width: 100%;
    white-space: normal
}

.c-data_table__header_column {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 8px 0;
    height: 100%
}

.c-data_table--focus-visible .c-data_table__header_column:focus .c-table_column_header {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-data_table__header_column--align_right {
    justify-content: flex-end;
    text-align: right
}

.c-data_table__header_column--align_center {
    justify-content: center;
    text-align: center
}

.c-data_table__header_column:not(.c-data_table__header_column--grid-cell), .c-data_table__row_column:not(.c-data_table__row_column--grid-cell) {
    margin-right: 12px
}

.c-data_table__header_column:not(.c-data_table__header_column--grid-cell):first-of-type, .c-data_table__row_column:not(.c-data_table__row_column--grid-cell):first-of-type {
    margin-left: 12px
}

.c-data_table__header_column--grid-cell, .c-data_table__row_column--grid-cell {
    flex: 1 0 auto;
    padding-right: 12px
}

.c-data_table__header_column--grid-cell-first-pinned-column, .c-data_table__header_column--grid-cell-first-unpinned-column, .c-data_table__row_column--grid-cell-first-pinned-column, .c-data_table__row_column--grid-cell-first-unpinned-column {
    padding-left: 12px
}

.c-data_table__row_column {
    overflow: visible !important
}

.c-action_buttons {
    position: absolute;
    display: flex;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    transition: box-shadow 50ms ease-in
}

.c-action_buttons:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    border-color: rgba(var(--sk_foreground_mid, 29, 28, 29), .3)
}

.c-action_buttons__icon {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-action_buttons__button {
    display: inline-flex;
    min-width: 36px;
    padding: 3px 7px;
    border-radius: 0;
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-action_buttons__button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.c-action_buttons__button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 0
}

.c-action_buttons__button:only-child {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    margin-top: -1px;
    margin-left: -1px
}

.c-action_buttons__button:only-child:hover {
    border-color: rgba(var(--sk_foreground_mid, 29, 28, 29), .3)
}

.c-action_buttons__button:focus {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-action_buttons__button:hover {
    border-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    text-decoration: none
}

.c-action_buttons__button:hover .c-action_buttons__icon {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-action_buttons__button .c-icon--small-star-filled, .c-action_buttons__button:hover .c-icon--small-star-filled {
    color: #f2c744
}

.c-action_buttons__button .c-icon--bookmark-filled, .c-action_buttons__button:hover .c-icon--bookmark-filled {
    color: #e01e5a
}

.c-action_buttons__button--text {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 700
}

.c-table_row_actions .c-action_buttons__button {
    background-color: transparent;
    border: 1px solid transparent
}

.c-table_row_actions .c-action_buttons__button:hover {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0)
}

.c-table_row_actions .c-action_buttons__icon {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-audio_levels {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.p-audio_levels__bubble {
    height: 10px;
    width: 15px;
    display: block;
    border-radius: 10px
}

.p-audio_levels__bubble--inactive {
    background-color: #ddd
}

.p-audio_levels__bubble--active {
    background-color: #007a5a
}

.p-audio_levels__bubble--active.p-audio_levels__bubble--dark {
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-prefs_modal {
    left: 0;
    right: 0;
    width: auto
}

.p-prefs_modal .c-fullscreen_modal__body {
    overflow-y: scroll
}

.p-prefs_modal .c-fullscreen_modal__body__content {
    display: flex;
    width: auto;
    padding: 0 32px 64px
}

.p-prefs_modal.c-fullscreen_modal__content--after-open, .p-prefs_modal.c-fullscreen_modal__content--before-open {
    transition: opacity .15s cubic-bezier(.2, .8, .5, 1) .1s, transform .15s cubic-bezier(.2, .8, .5, 1) .1s, left .16s cubic-bezier(.36, .19, .29, 1)
}

.p-prefs_modal--sidebar-open {
    left: 220px
}

.p-prefs_modal--sidebar-open-multi-team {
    left: 288px
}

.p-prefs_modal__sidebar_overlay {
    cursor: not-allowed;
    left: -220px;
    width: 220px;
    position: absolute;
    top: 0;
    bottom: 0
}

.p-prefs_modal--sidebar-open-multi-team .p-prefs_modal__sidebar_overlay {
    left: -288px;
    width: 288px
}

.p-prefs_modal__sidebar_container {
    width: 180px;
    margin-right: 32px
}

.p-prefs_modal__content_container {
    width: 640px
}

.p-prefs_modal__inset_radiogroup {
    margin: 8px 0 8px 24px
}

.p-prefs_modal__theme_label {
    display: inline-flex;
    margin: 0 32px 32px 0
}

.p-prefs_modal__theme_thumb {
    width: 110px;
    height: 60px;
    border-radius: 6px;
    margin-top: 8px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.p-prefs_modal__custom_theme_picker {
    float: left;
    margin: 0 24px 0 0
}

input[type=text].p-prefs_modal__custom_theme_input {
    max-width: 545px;
    margin: 0 8px 0 0
}

.p-prefs_modal__theme {
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.p-prefs_modal__theme--light {
    background-color: #fff
}

.p-prefs_modal__theme--dark {
    background-color: #1d1c1d
}

.p-prefs_modal__theme_placeholder {
    height: 8px;
    border-radius: 4px;
    margin-bottom: 8px
}

.p-prefs_modal__theme--dark .p-prefs_modal__theme_placeholder {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-prefs_modal__theme_placeholder:first-child {
    width: 75%;
    background-color: #1264a3
}

.p-prefs_modal__theme_placeholder:nth-child(2) {
    width: 50%;
    background-color: #f2c744
}

.p-prefs_modal__theme_placeholder:nth-child(3) {
    width: 66%;
    background-color: #007a5a
}

.p-prefs_modal__sound_label {
    width: 190px;
    display: inline-flex;
    margin: 0 8px 8px 0
}

.p-prefs_modal__img_mac_dock_badge {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.p-prefs_modal__radiogroup label {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-radius: 4px;
    margin: 0 0 8px;
    padding: 16px;
    position: relative;
    min-height: 95px
}

.p-prefs_modal__radiogroup label.p-prefs_modal__radiogroup--selected {
    background: rgba(29, 155, 209, .12);
    border-color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1)
}

.p-prefs_modal__radiogroup .p-prefs_modal__label_subtext {
    font-weight: 400
}

.p-prefs_modal__radiogroup .c-label--inline .c-label__text {
    width: 50%
}

.p-prefs_modal__radiogroup .p-prefs_modal__radio_decorator {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    position: absolute;
    right: 0;
    width: 40%;
    top: 0;
    bottom: 0;
    padding: 16px;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center
}

.p-prefs_modal__radiogroup .p-prefs_modal__radio_decorator.p-prefs_modal__radio_decorator--light {
    background-color: #fff
}

.p-prefs_modal__radiogroup .p-prefs_modal__radio_decorator.p-prefs_modal__radio_decorator--dark {
    background-color: #1a1d21
}

.p-prefs_modal__radiogroup:disabled.p-prefs_modal__radiogroup--theme .c-label {
    cursor: not-allowed
}

.p-prefs_modal__radiogroup:disabled .p-prefs_modal__radiogroup--selected {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-prefs_modal__notification_example {
    opacity: .5;
    position: relative;
    padding: 11px 12px 10px 55px;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    transition: all 80ms;
    transform: scale(.95);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-prefs_modal__notification_example .p-prefs_modal__notification_example__slack_app_icon {
    position: absolute;
    top: 12px;
    left: 12px;
    background-image: url(https://a.slack-edge.com/bv1-9/app-64-b9093a4.png);
    background-size: 32px;
    height: 32px;
    width: 32px
}

.p-prefs_modal__notification_example.p-prefs_modal__notification_example--none {
    opacity: .2
}

.p-prefs_modal__notification_example.p-prefs_modal__notification_example--mac {
    background: #f0f0f0;
    color: #1d1c1d;
    border-radius: 6px
}

.p-prefs_modal__notification_example.p-prefs_modal__notification_example--linux {
    border-radius: 8px;
    background: #2f3436;
    color: #fff
}

.p-prefs_modal__notification_example.p-prefs_modal__notification_example--linux.p-prefs_modal__notification_example--dark {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.p-prefs_modal__notification_example.p-prefs_modal__notification_example--windows {
    background: #1f1f1f;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 18px
}

.p-prefs_modal__notification_example.p-prefs_modal__notification_example--windows .p-prefs_modal__notification_example__slack_app_icon {
    top: 14px;
    left: 10px;
    background-image: url(https://a.slack-edge.com/bv1-9/app-72-d24e20b.png);
    background-size: 36px;
    border-radius: 36px;
    height: 36px;
    width: 36px
}

.p-prefs_modal__notification_example.p-prefs_modal__notification_example--windows.p-prefs_modal__notification_example--dark {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.p-prefs_modal__message_example {
    width: 100%;
    display: flex;
    align-items: center
}

.p-prefs_modal__message_example.p-prefs_modal__message_example--compact {
    align-items: flex-start
}

.p-prefs_modal__message_example.p-prefs_modal__message_example--compact .p-prefs_modal__message_example__message_content {
    margin-left: 8px
}

.p-prefs_modal__message_example.p-prefs_modal__message_example--compact .c-message__sender {
    margin-left: -8px
}

.p-prefs_modal__message_example .c-message__sender, .p-prefs_modal__message_example .c-timestamp {
    margin-right: 7px
}

.p-prefs_modal__message_example .p-prefs_modal__message_example__avatar {
    height: 36px;
    width: 36px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 10px
}

.p-prefs_modal__message_example .p-prefs_modal__message_example__message_body, .p-prefs_modal__message_example .p-prefs_modal__message_example__message_content {
    display: inline-block
}

.p-prefs_modal__message_example .p-prefs_modal__message_example__message_content {
    width: 65%
}

.p-prefs_modal__message_example.p-prefs_modal__message_example--light .c-message__sender, .p-prefs_modal__message_example.p-prefs_modal__message_example--light .c-timestamp, .p-prefs_modal__message_example.p-prefs_modal__message_example--light .p-prefs_modal__message_example__message_body, .p-prefs_modal__message_example.p-prefs_modal__message_example--light .p-prefs_modal__message_example__message_content {
    color: #1d1c1d
}

.p-prefs_modal__message_example.p-prefs_modal__message_example--dark .c-message__sender, .p-prefs_modal__message_example.p-prefs_modal__message_example--dark .c-timestamp, .p-prefs_modal__message_example.p-prefs_modal__message_example--dark .p-prefs_modal__message_example__message_body, .p-prefs_modal__message_example.p-prefs_modal__message_example--dark .p-prefs_modal__message_example__message_content {
    color: #d1d2d3
}

.p-prefs_modal__ia_radio--selected .p-prefs_modal__notification_example:not(.p-prefs_modal__notification_example--none), .p-prefs_modal__radiogroup--selected .p-prefs_modal__notification_example:not(.p-prefs_modal__notification_example--none) {
    opacity: 1;
    transform: scale(1)
}

.p-prefs_modal__downloads_input {
    margin-right: 16px;
    margin-bottom: 8px;
    display: inline-block;
    width: 50%
}

.p-prefs_modal__downloads_button {
    display: inline-block;
    vertical-align: top
}

input[type=text].p-prefs_modal__email_forwarding_address_input {
    max-width: 365px;
    margin: 0 8px 0 0
}

.p-prefs_modal__channel_overrides_row {
    position: relative;
    max-width: 530px;
    border: 1px solid transparent;
    border-top: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-prefs_modal__channel_overrides_row:hover {
    background: rgba(29, 155, 209, .1);
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    border: 1px solid var(--saf-0);
    border-radius: 6px
}

.p-prefs_modal__channel_overrides_row:hover + .p-prefs_modal__channel_overrides_row {
    border-top: 1px solid transparent
}

.p-prefs_modal__channel_overrides_row--isDm {
    pointer-events: none
}

.p-prefs_modal__channel_overrides_row--isDm:hover {
    border: 1px solid transparent;
    border-radius: 0;
    border-top: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: transparent
}

.p-prefs_modal__channel_overrides_row--isDm:hover.p-prefs_modal__channel_overrides_row--last {
    border-bottom: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-prefs_modal__channel_overrides_row--isDm:hover + .p-prefs_modal__channel_overrides_row {
    border-top: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-prefs_modal__channel_overrides_row--last {
    border-bottom: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-prefs_modal__channel_overrides_row__details {
    overflow: hidden;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 40px
}

.p-prefs_modal__channel_overrides_row__reset {
    padding-right: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    pointer-events: none
}

.p-prefs_modal__channel_overrides_row__reset_button {
    pointer-events: auto
}

.p-prefs_modal__channel_overrides_row__name {
    overflow: hidden;
    text-overflow: ellipsis
}

.p-prefs_modal__channel_overrides_row__keyword, .p-prefs_modal__channel_overrides_row__name, .p-prefs_modal__channel_overrides_row__platform {
    font-weight: 700
}

.p-prefs_modal__channel_overrides_row__name--muted, .p-prefs_modal__channel_overrides_row__setting {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-prefs_modal__channel_overrides_row__setting {
    font-size: 13px
}

.p-prefs_modal__channel_prefs_footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.p-prefs_modal__mobile_notifs_select {
    margin-left: 26px
}

.p-prefs_modal__message_actions_container {
    position: relative;
    left: 6px
}

.p-prefs_modal__message_actions_container--compact {
    left: 10px;
    bottom: 9px
}

.p-prefs_modal--video_audio_camera_video {
    border-radius: 8px;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    height: 260px;
    width: 440px
}

.p-prefs_modal--video_audio_camera_video_prop {
    display: flex
}

.p-prefs_modal--video_audio_camera_video_mirrored {
    transform: rotateY(180deg)
}

.p-prefs_modal--video_audio__audio_level_container {
    display: flex
}

.p-prefs_modal--video_audio__audio_meter {
    flex-grow: 1
}

.p-prefs_modal--video_audio__audio_strength_bubble {
    width: 24px;
    height: 12px;
    border-radius: 8px
}

.p-prefs_modal__quick_reactions_customization_slots_wrapper {
    left: 24px;
    position: relative
}

.p-prefs_modal--quick_reactions_customization_slots_container {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    position: relative;
    bottom: 11px
}

.p-prefs_modal__quick_reactions_customization_slots_wrapper_bottom {
    top: 8px
}

.p-prefs_modal--quick_reactions_slots_label {
    position: relative;
    bottom: 6px
}

.p-prefs_modal--quick_reactions_label_text {
    font-weight: 400
}

.p-prefs_modal--quick_reactions_radio_and_text {
    position: relative;
    top: 12px
}

.p-prefs_modal--quick_reactions_customization_slots {
    justify-content: center;
    display: flex;
    min-width: 38px;
    max-width: 150px;
    height: 38px;
    border-radius: 6px;
    margin-right: 10px;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    border: 1px solid #acacac
}

.p-prefs_modal--quick_reactions_customization_slots--dark {
    border: 1px solid #616061
}

.p-prefs_modal--quick_reactions_customization_slots:hover {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-prefs_modal--quick_reactions_customization_slots_emoji_size {
    width: 20px;
    height: 18px
}

.p-prefs_modal--quick_reactions_customization_slots_emoji_as_text {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    padding: 0 8px
}

.p-prefs_dialog__modal {
    height: 700px;
    margin-left: 260px
}

.p-prefs_dialog__modal.p-prefs_dialog__modal--multi_team {
    margin-left: 320px
}

@media screen and (max-width: 1070px) {
    .p-prefs_dialog__modal {
        margin-left: 220px
    }

    .p-prefs_dialog__modal.p-prefs_dialog__modal--multi_team {
        margin-left: 280px
    }
}

.p-prefs_dialog__modal.p-prefs_dialog__modal--ia_layout {
    margin-left: 0
}

.p-prefs_dialog--peek_sidebar {
    left: 260px;
    right: 0;
    bottom: 0;
    width: unset
}

.p-prefs_dialog--peek_sidebar:before {
    top: 38px;
    bottom: 0;
    height: auto
}

.p-prefs_dialog--peek_sidebar.p-prefs_dialog__overlay--multi_team {
    left: 320px
}

@media screen and (max-width: 1070px) {
    .p-prefs_dialog--peek_sidebar {
        left: 220px
    }

    .p-prefs_dialog--peek_sidebar.p-prefs_dialog__overlay--multi_team {
        left: 280px
    }
}

.p-prefs_dialog--peek_sidebar .p-prefs_dialog__modal, .p-prefs_dialog--peek_sidebar .p-prefs_dialog__modal.p-prefs_dialog__overlay--multi_team {
    margin-left: 0
}

.p-prefs_dialog__overlay--ia_layout:before {
    transition: opacity .16s
}

.c-sk-overlay.p-prefs_dialog--peek_sidebar.p-prefs_dialog__overlay--ia_layout {
    top: 0;
    left: 0
}

.c-sk-overlay.p-prefs_dialog--peek_sidebar.p-prefs_dialog__overlay--ia_layout:before {
    opacity: 0
}

.p-prefs_dialog--peek_sidebar:not(.p-prefs_dialog--interactive_sidebar):after {
    content: "";
    width: 260px;
    position: fixed;
    height: 100%;
    left: 0;
    top: 0
}

@media screen and (max-width: 1070px) {
    .p-prefs_dialog--peek_sidebar:not(.p-prefs_dialog--interactive_sidebar):after {
        width: 220px
    }
}

.p-prefs_dialog--peek_sidebar.p-prefs_dialog--interactive_sidebar:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 38px;
    top: 0;
    left: 0
}

.p-prefs_dialog__layout {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: stretch;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-prefs_dialog--peek_sidebar.p-prefs_dialog__overlay--ia_layout:after {
    z-index: -1;
    width: unset;
    right: 0
}

.p-prefs_dialog__tabs {
    margin-left: 16px;
    flex: 1;
    min-width: 0
}

.p-prefs_dialog__menu {
    min-width: 198px;
    margin: 16px 0
}

@media screen and (max-width: 1000px) {
    .p-prefs_dialog__menu .c-tabs__tab_icon--left {
        display: none
    }
}

.p-prefs_dialog__menu .c-tabs__tab:not(.c-tabs__tab--active) .c-tabs__tab_icon--left {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

@media screen and (max-width: 1000px) {
    .p-prefs_dialog__menu {
        width: 180px
    }
}

.p-prefs_dialog__panel {
    padding: 20px 28px
}

.p-prefs_dialog__title_bar .c-sk-modal_title_bar__icon {
    height: auto;
    margin: 0 8px 0 -8px
}

.p-prefs_dialog__title_bar .c-sk-modal_title_bar__text h1 {
    line-height: 36px
}

.p-prefs_dialog__notifications_group .c-label--inline {
    margin-bottom: 8px
}

.p-prefs_dialog__notifications_group .c-label__subtext {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-top: 4px
}

.p-prefs_dialog .p-prefs_modal__radiogroup .p-prefs_modal__radio_decorator {
    width: 60%
}

.p-prefs_dialog .p-prefs_modal__radiogroup .c-label--inline .c-label__text {
    width: 30%
}

.p-prefs_dialog h2 {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 700
}

.p-prefs_dialog h3 {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700
}

.p-prefs_dialog hr {
    margin: 20px 0
}

.p-prefs_dialog hr.margin_top_150 {
    margin-top: 24px
}

.p-prefs_dialog .p-prefs_modal__push_wait_label {
    font-weight: 400
}

.p-prefs_dialog .p-prefs_modal__channel_overrides_row {
    border: none;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-radius: 8px;
    margin-bottom: 8px
}

.p-prefs_dialog .p-prefs_modal__channel_overrides_row__details {
    padding-right: 48px
}

.p-prefs_dialog .p-prefs_modal__channel_overrides_row__name {
    margin-left: -2px
}

.p-prefs_dialog .p-prefs_modal__channel_overrides_row__reset {
    padding-right: 12px
}

.p-prefs_dialog .p-prefs_modal__channel_overrides_row:hover {
    background: rgba(29, 155, 209, .1);
    box-shadow: inset 0 0 0 1px #1d9bd1
}

.p-prefs_dialog .p-prefs_modal__channel_overrides_row:hover + .p-prefs_modal__channel_overrides_row {
    border: none
}

.p-prefs_dialog .p-prefs_modal__radiogroup--theme .p-prefs_modal__radio_decorator {
    padding: 16px
}

.p-prefs_dialog .p-prefs_modal__radiogroup--theme .p-prefs_modal__radio_decorator.p-prefs_modal__radio_decorator--light {
    background-color: #fff
}

.p-prefs_dialog .p-prefs_modal__radiogroup--theme .p-prefs_modal__radio_decorator.p-prefs_modal__radio_decorator--dark {
    background-color: #1d1c1d
}

.p-prefs_dialog .p-prefs_dialog__message_example_pillow {
    padding: 12px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08);
    border-radius: 4px
}

.p-prefs_dialog .p-prefs_dialog__message_example_pillow--hovered-example {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-prefs_dialog .p-prefs_dialog__message_example_label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin: 16px 0 12px
}

.p-prefs_dialog .p-prefs_dialog__spellcheck_system_prefs_hint {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin: 8px 0
}

.p-prefs_dialog--quick-reactions-example {
    position: relative;
    top: 20px;
    margin-bottom: 25px
}

.p-prefs_dialog__message_example_label--quick-reactions-example {
    position: relative;
    bottom: 10px
}

.p-prefs_dialog__page_options label {
    margin-bottom: 8px
}

.p-prefs_dialog__sidebar_show_button.c-button + .p-prefs_dialog__sidebar_show_button.c-button {
    margin-left: 8px
}

.p-prefs_dialog__section--labs {
    margin-top: -16px
}

.p-huddle_survey_modal_checkbox .c-label__text {
    font-weight: 700
}

.p-huddle_error_modal__overlay {
    z-index: 1053
}

.p-huddle_join_modal__overlay {
    z-index: 1054
}

.c-sidebar_menu {
    margin-bottom: 32px
}

.c-sidebar_menu__header {
    font-weight: 700;
    padding: 0 8px
}

.c-sidebar_menu__list {
    margin-bottom: 0;
    margin-left: 0;
    padding: 0;
    list-style-type: none
}

.c-sidebar_menu__list > :not(:first-child) {
    margin-top: .1875rem
}

.c-sidebar_menu__list > :not(:first-child).c-sidebar_menu__divider {
    margin-top: 16px
}

.c-sidebar_menu__list li {
    margin-bottom: 2px
}

.c-sidebar_menu__list-expandable {
    margin-left: 8px;
    overflow: hidden;
    transition: max-height .6s ease
}

.c-sidebar_menu__list-expandable li {
    margin-left: 4px
}

.c-sidebar_menu__list-offscreen {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-sidebar_menu__list_item {
    cursor: pointer;
    width: 100%;
    font-size: 15px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    text-align: left;
    line-height: 1.2;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 4px
}

.c-sidebar_menu__list_item.is_active {
    background: #1264a3;
    border: 1px solid #1264a3;
    color: #fff
}

.c-sidebar_menu__list_item:not(.is_active):hover {
    color: inherit;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-color: transparent
}

a.c-sidebar_menu__list_item {
    color: inherit
}

.c-sidebar_menu__list_item.c-link--button:focus, .c-sidebar_menu__list_item.c-link--button:hover, a.c-sidebar_menu__list_item:focus, a.c-sidebar_menu__list_item:hover {
    text-decoration: none
}

.p-sever_team_modal__title strong {
    font-weight: 900
}

.p-sever_team_modal__description {
    margin-bottom: 24px
}

.p-sever_team_modal__subtext {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin: 12px 0;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700
}

.p-sever_team_modal__channel_list {
    padding: 0;
    margin: 0
}

.p-sever_team_modal__channel_list li:first-of-type {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-sever_team_modal__channel_list_item {
    padding: 12px 0;
    font-weight: 700;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-sever_team_modal__public_channel_header {
    display: flex;
    width: 100%
}

.p-sever_team_modal__public_channel_header_text {
    flex-grow: 1;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700;
    text-align: left
}

.p-sever_team_modal__public_channel_list {
    margin-left: 32px;
    margin-top: 8px
}

.p-sever_team_modal__public_channel_list li:first-of-type {
    border-top: none
}

.p-sever_team_modal__public_channel_list_item {
    border: none;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin: 4px 0;
    font-weight: 400
}

.p-sever_team_modal__public_channel_list_show_more {
    font-weight: 400;
    margin: 4px 0
}

.p-sever_team_modal__channel_type_icon {
    margin-right: 12px
}

.p-sever_team_modal__learn_more {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-sever_team_modal__learn_more .c-icon {
    margin-right: 4px
}

.p-approved_orgs_modal__learn_more, .p-sever_team_modal__learn_more .p-sever_team_modal__learn_more_link {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-approved_orgs_modal__learn_more .c-icon {
    margin-right: 4px
}

.p-approved_orgs_modal__learn_more .p-approved_orgs_modal__learn_more_link, .p-custom_approval_settings__caption {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-custom_approval_settings__caption {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.c-select_options_list__option--active .p-custom_approval_settings__caption, .c-select_options_list__option--selected .p-custom_approval_settings__caption {
    color: inherit
}

.p-approval_settings_modal_custom_label .c-label__text {
    width: 100%
}

.p-ent_entity_icon {
    border-radius: 4px;
    cursor: auto;
    overflow: hidden
}

.p-ent_entity_icon:after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .11);
    border-radius: 4px;
    top: 0;
    left: 0
}

.p-ent_entity_icon img {
    border-radius: 4px
}

.p-workspace_row_item {
    display: flex;
    align-items: center
}

.p-workspace_row_item__text {
    display: flex;
    flex-direction: column
}

.p-workspace_row_item__name {
    font-weight: 700
}

.p-workspace_row_item__domain {
    font-size: 14px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-workspace_row_item__icon {
    margin-right: 12px
}

.p-workspace_row_item__icon--inactive {
    opacity: .7
}

.p-workspace_row_item__icon--inactive .p-workspace_row_item__text {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-conversation_counts {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@keyframes highlight-row {
    0% {
        background: transparent
    }
    10% {
        background: rgba(var(--sk_secondary_highlight, 242, 199, 68), .5)
    }
    to {
        background: transparent
    }
}

.p-manage_shared_channels_modal .c-fullscreen_modal__body {
    padding-top: 105px;
    overflow-y: hidden
}

.p-manage_shared_channels_modal .c-fullscreen_modal__body__content {
    width: 660px
}

.p-manage_shared_channels_modal .c-fullscreen_modal__title {
    font-size: 34px;
    line-height: 1.2353;
    font-weight: 900;
    margin-bottom: 8px
}

.p-manage_shared_channels {
    left: 0;
    right: 0;
    width: auto
}

.p-manage_shared_channels .c-fullscreen_modal__body {
    overflow-y: scroll
}

.p-manage_shared_channels .c-fullscreen_modal__body__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    margin: 0 32px 64px
}

.p-manage_shared_channels__retention_alert {
    margin-bottom: 28px
}

.p-manage_shared_channels__sidebar_container {
    width: 180px;
    margin-right: 32px
}

.p-manage_shared_channels__content {
    display: flex
}

.p-manage_shared_channels__content_container {
    width: 640px
}

.p-manage_shared_channels_approved_orgs__content_container {
    width: 750px
}

.p-manage_shared_channels__header_name {
    font-size: 34px;
    line-height: 1.2353;
    font-weight: 900;
    margin-bottom: 8px
}

.p-manage_shared_channels__header_description {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-manage_shared_channels__list {
    overflow-y: auto;
    min-height: 200px;
    max-height: calc(100vh - 310px);
    position: relative;
    margin-top: 20px
}

.supports_custom_scrollbar .p-manage_shared_channels__list {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .p-manage_shared_channels__list::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-manage_shared_channels__list::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-manage_shared_channels__list::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-manage_shared_channels__list::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-manage_shared_channels__list::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-manage_shared_channels__list::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .p-manage_shared_channels__list:hover {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .p-manage_shared_channels__list:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-manage_shared_channels__list:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-manage_shared_channels__list:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-manage_shared_channels__list:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-manage_shared_channels__list:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-manage_shared_channels__list:hover::-webkit-scrollbar-corner {
    background: transparent
}

.p-manage_shared_channels_row {
    display: flex;
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 12px
}

.p-manage_shared_channels_row:not(.p-manage_shared_channels_row--header):not(.p-manage_shared_channels_row--footer):hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-manage_shared_channels_row-highlight {
    animation: highlight-row 1s ease-out
}

.p-manage_shared_channels_row--header {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 700
}

.p-manage_shared_channels__revoke_all {
    position: absolute;
    top: -1px;
    right: 0
}

.p-manage_shared_channels_row__item {
    display: flex;
    flex-flow: row nowrap;
    flex-basis: 0;
    min-width: 20px;
    align-self: center;
    margin-right: 12px
}

.p-manage_shared_channels_row__item:first-of-type {
    flex-grow: 1.1
}

.p-manage_shared_channels_row__item:nth-of-type(2) {
    flex-grow: 1
}

.p-manage_shared_channels_row__item:nth-of-type(3) {
    flex-grow: 0
}

.p-manage_shared_channels_row__item.p-manage_shared_channels_row__approval_status {
    flex-grow: 0.6
}

.p-manage_shared_channels_row__item:last-of-type {
    margin-right: 0
}

.p-manage_shared_channels_row__item.p-manage_shared_channels_row__conversation_counts {
    flex-direction: column
}

.p-manage_shared_channels_row__item.p-manage_shared_channels_row__conversation_counts .p-manage_shared_channels_row__channels {
    align-self: flex-start
}

.p-manage_shared_channels_row__revoked_text {
    margin-right: 8px;
    font-style: italic
}

.p-manage_shared_channels_row__revoked_invites, .p-manage_shared_channels_row__revoked_text {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-manage_shared_channels_row__channels {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-manage_shared_channels_row__channels:hover {
    text-decoration: underline
}

.p-manage_shared_channels_row__ims_and_mpims {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-manage_shared_channels_row__actions {
    align-self: center;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-manage_shared_channels_row__actions .active, .p-manage_shared_channels_row__actions:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-manage_shared_channels__empty {
    display: flex;
    justify-content: center
}

.p-manage_shared_channels__empty .c-empty_state__image_wrapper {
    min-height: 140px
}

.p-manage_shared_channels__empty_state {
    max-width: 530px
}

.p-manage_shared_channels__inline_channel_entity {
    font-weight: 700;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-manage_shared_channels__sender {
    word-break: break-word;
    text-align: center
}

.p-channel_card {
    margin: 20px
}

.p-channel_card_section {
    margin: 20px 0
}

.p-channel_card h3 {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-bottom: 4px
}

.p-channel_card_team_entity {
    margin-right: 4px;
    display: inline-flex;
    align-items: baseline
}

.p-channel_card_team-inline, .p-channel_card_team_entity-complete {
    display: inline-flex
}

.p-channel_card_team-stack {
    display: block
}

.p-channel_card_team-caption {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-left: 20px
}

.p-channel_card_team-disconnected, .p-channel_card_team-pending {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-channel_card_inline_entity {
    display: inline-flex;
    align-content: space-between;
    align-items: baseline
}

.p-channel_card_inline_entity-avatar {
    margin-right: 5px;
    align-self: center
}

@keyframes highlight-pinned-invite {
    0% {
        background: transparent
    }
    10% {
        --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
        box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .08);
        background: rgba(var(--sk_secondary_highlight, 242, 199, 68), .5)
    }
    to {
        --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
        box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08);
        background: transparent
    }
}

.p-pending_requests_v2_invites_container {
    width: 640px
}

.p-pending_requests_v2_approval_alert {
    margin-bottom: 16px
}

.p-pending_requests_v2_channel_card {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 6px;
    margin-bottom: 16px
}

.p-pending_requests_v2_channel_card-highlight {
    animation: highlight-pinned-invite 1s ease-out
}

.p-pending_requests_v2_header {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    padding: 16px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.p-pending_requests_v2_header_flex {
    display: flex;
    flex-direction: row
}

.p-pending_requests_v2_header_copy_color {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-pending_requests_v2_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    flex-direction: row;
    padding: 16px
}

.p-pending_requests_v2_request_date {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-pending_requests_v2_acted_on_state {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column
}

.p-pending_requests_v2_acted_on_state, .p-pending_requests_v2_acted_on_state__approved_orgs {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    padding: 16px
}

.p-pending_requests_v2_approved_container__approved_orgs {
    display: flex
}

.p-pending_requests_v2_acted_on_subtext {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-pending_requests_v2_auto_approved_alert {
    margin-top: 12px
}

.p-pending_requests_v2_accept_icon {
    margin-top: 1.6px;
    color: #007a5a
}

.p-pending_requests_v2_accept_icon__approved_orgs {
    margin: 1.6px 4px 0 0;
    color: #007a5a
}

.p-pending_requests_v2_decline_icon {
    color: #de4e2b;
    margin-right: 4px;
    margin-top: 1.6px
}

.p-pending__empty {
    display: flex;
    justify-content: center;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-create_channel_coachmark_hoc .learn-more-link {
    position: absolute;
    bottom: 30px;
    font-size: 13px
}

.p-create_channel_coachmark_hoc .coachmark-header {
    font-size: 22px;
    font-weight: 700
}

.p-block_kit_button_element {
    display: block;
    padding: 0 8px 1px
}

.p-block_kit_button_element .emoji-sizer {
    font-size: 15px
}

.p-block_kit_overflow_element__button {
    min-width: 30px;
    padding: 0 7px 1px
}

.p-block_kit_overflow_element__button .c-icon--ellipsis:before {
    font-size: 15px
}

.p-block_kit_max_selected_items_alert {
    margin-bottom: 12px
}

.multi_select_element_container {
    margin: 14px 0
}

.p-block_kit_max_selected_items__info {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin: -8px 0 8px 0
}

.p-actions_block__action .multi_select_element_container, .p-section_block__accessory .multi_select_element_container {
    margin: 0
}

.p-create_channel_rec__title-bold {
    font-weight: 700
}

.p-slack_connect_dm_email_modal__header_container {
    width: 100%;
    height: 160px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    opacity: .9;
    background-color: #e0eee7
}

.sk-client-theme--dark .p-slack_connect_dm_email_modal__header_container {
    background-color: rgba(76, 191, 157, .1)
}

.p-slack_connect_dm_email_modal__header_illustration {
    width: 225px;
    height: 128px;
    background-image: url(https://a.slack-edge.com/bv1-9/scdm_invite_modal_header-d93d9d4.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.p-slack_connect_dm_email_modal__header {
    min-height: 30px;
    padding-top: 16px;
    padding-bottom: 4px
}

.p-slack_connect_dm_email_modal__footer_actions {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.p-slack_connect_dm_email_modal__learn_more {
    float: left;
    display: flex;
    align-items: center
}

.p-slack_connect_dm_email_modal__learn_more, .p-slack_connect_dm_email_modal__learn_more .link {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-slack_connect_dm_email_modal__learn_more .icon {
    margin-right: 8px
}

.p-slack_connect_dm_email_modal__send_button {
    float: right
}

.p-slack_connect_dm_email_modal__success {
    text-align: center
}

.p-slack_connect_dm_email_modal__success_icon {
    color: #007a5a;
    background-color: rgba(0, 122, 90, .15);
    height: 60px;
    width: 60px;
    border-radius: 100%;
    margin: 24px
}

.p-slack_connect_dm_email_modal__success_header {
    margin-bottom: 20px
}

.p-slack_connect_dm_email_modal__success-footer {
    justify-content: center
}

.p-slack_connect_dm_email_modal .c-modal_speed_bump__heading {
    margin-bottom: 16px
}

.p-slack_connect_dm_email_modal .c-modal_speed_bump__text_wrapper {
    margin-bottom: 24px
}

.p-block_kit_date_picker {
    display: flex;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-block_kit_date_picker__datepicker_trigger {
    font-weight: 400;
    justify-content: start
}

.p-block_kit_date_picker__datepicker_trigger:hover {
    box-shadow: none;
    background: none
}

.p-block_kit_date_picker__date_readout {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-block_kit_date_picker__calendar_icon {
    margin-left: auto;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-block_kit_date_picker__date_close {
    margin-left: -26px
}

.p-block_kit_date_picker__date_close:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-block_kit_date_picker_button {
    float: right;
    justify-content: space-between;
    padding-right: 8px;
    font-weight: 400
}

.p-block_kit_date_picker_button:hover {
    box-shadow: none
}

.p-block_kit_date_picker_button .c-icon {
    margin-left: 12px
}

.p-block_kit_date_picker__placeholder, .p-block_kit_date_picker_button .c-icon {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-time_picker__selected-option-wrapper {
    align-items: center;
    display: flex
}

.c-time_picker__selected-option-wrapper .c-time_picker__option-icon {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    margin-right: 4px
}

.c-time_picker__selected-option-wrapper .c-time_picker__option-icon--small, .c-time_picker__timezone-caption {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.c-time_picker__timezone-caption {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin: 0;
    margin-top: 4px
}

.p-section_block__image {
    border-radius: 4px;
    margin-left: 4px;
    overflow: hidden;
    width: 88px;
    height: 88px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.p-section_block__image.p-context_block_group__image {
    height: 20px;
    width: 20px;
    border-radius: 2px;
    margin-left: 0;
    display: inline-block
}

.p-image_block__title {
    display: inline-block
}

.p-context_block_wrapper--modal_view .p-section_block__image.p-context_block_group__image {
    height: 16px;
    width: 16px
}

.p-mrkdwn_element, .p-mrkdwn_element .c-mrkdwn__code, .p-mrkdwn_element .c-mrkdwn__pre {
    word-break: break-word
}

.p-radio_buttons_element__label {
    width: 100%;
    margin-bottom: 8px
}

.p-radio_buttons_element .c-radiogroup {
    margin-bottom: 0
}

.c-checkboxgroup {
    border: none;
    padding: 0;
    margin: 0 0 20px
}

.c-checkboxgroup--with_error label.c-label.c-label:last-child, .c-checkboxgroup--with_hint label.c-label.c-label:last-child, .c-checkboxgroup > div:last-child .c-input_checkbox {
    margin-bottom: 0
}

.p-checkboxes_element__label {
    width: 100%;
    margin-bottom: 8px
}

.p-checkboxes_element .c-checkboxgroup {
    margin-bottom: 0
}

.p-block_kit_element__error {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-block_kit_element__error--small .c-icon:before {
    font-size: 12px
}

.p-block_kit_element__loading--small {
    width: 14px;
    margin-top: 5px
}

.p-block-kit-select_options__description {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-left: 4px
}

.p-block-kit-select_options {
    display: flex;
    align-items: center
}

.p-block_kit_element__no-results-message {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-context_block {
    display: flex;
    flex-wrap: wrap;
    margin: 4px 0
}

.p-context_block .c-emoji {
    vertical-align: text-bottom
}

.p-context_block .c-mrkdwn__quote {
    display: inline-block
}

.p-context_block.p-context_block--group {
    margin: 0
}

.p-context_block__text {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: inline
}

.p-context_block__text .emoji-sizer {
    font-size: 16px
}

.p-context_block_spacing--mrkdwn, .p-context_block_spacing--plain_text {
    width: 16px;
    display: inline-block
}

.p-context_block_spacing--image {
    width: 4px;
    display: inline-block
}

div.p-context_block_wrapper--modal_view.p-block_wrapper--modal_view:not(:first-of-type) {
    margin: 4px 0 0 0
}

div.p-context_block_wrapper--modal_view .p-context_block {
    margin: 0
}

.p-context_block_wrapper--modal_view .p-section_block__image {
    vertical-align: text-bottom
}

.p-actions_block {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    position: relative
}

.p-actions_block__action--full_width {
    width: 100%
}

.p-actions_block.p-actions_block--group {
    margin: 0
}

.p-actions_block--no_top_margin {
    margin-top: 0
}

.p-actions_block_elements {
    display: flex;
    flex-wrap: wrap
}

.p-action_block__icons {
    position: absolute;
    right: -19px;
    top: 13px
}

.p-action_block__icons--small {
    right: -13px
}

.p-actions_block__action {
    margin: 8px 8px 0 0
}

.p-actions_block_wrapper--app_home_view .p-actions_block, .p-actions_block_wrapper--app_home_view .p-actions_block_elements {
    width: 100%
}

.p-actions_block_wrapper--modal_view .p-action_block__icons--small {
    right: -18px
}

.p-actions_block_wrapper--modal_view .p-action_block__icons--small .c-icon {
    width: 12px
}

.p-actions_block_wrapper--modal_view .p-actions_block {
    width: 100%
}

.p-actions_block_wrapper--modal_view .p-actions_block__action {
    margin: 8px 0 0 0
}

.p-actions_block_wrapper--modal_view .p-actions_block__action > button {
    width: 100%
}

.p-actions_block_wrapper--modal_view .p-actions_block__action:not(.p-actions_block__action--full_width) {
    width: calc(50% - 8px);
    margin: 8px 8px 0 0
}

.p-actions_block_wrapper--modal_view .p-actions_block_elements {
    width: 100%
}

.p-actions_block_wrapper--modal_view .c-input_text {
    margin-bottom: 0
}

.p-actions_block_wrapper--app_home_view {
    display: flex
}

.p-section_block__fields {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    word-break: break-word
}

.p-section_block__fields:not(:first-child) {
    margin-top: 12px
}

.p-field_section {
    width: calc(50% - 16px)
}

.p-field_section:nth-child(2n) {
    margin-left: 16px
}

.p-field_section.p-field_section--stacked {
    width: 100%;
    margin-left: 0
}

.p-section_block {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin: 8px 0 4px
}

.p-section_block.p-section_block--group {
    margin: 0
}

.p-section_block--no_top_margin {
    margin-top: 0
}

.p-section_block--wrap {
    display: block
}

.p-section_block__text {
    width: 100%
}

.p-section_block_text_content {
    flex: 1
}

.p-section_block__accessory {
    display: flex;
    margin: 0 0 4px 8px;
    position: relative
}

.p-section_block__accessory--wrap {
    float: right;
    z-index: 1
}

.p-section_block__icons {
    position: absolute;
    right: -30px;
    top: 2px
}

.p-section_block__icons--small {
    right: -19px;
    top: 3px
}

.p-section_block__clearfix {
    clear: both
}

.p-section_block--stack-accessory-wrapper {
    display: flex;
    flex-direction: column-reverse
}

.p-section_block--stack-accessory {
    float: none;
    margin: 4px 0
}

.p-section_block--stack-accessory .c-input_select__wrapper {
    width: 100%
}

.p-section_block_wrapper--modal_view .p-section_block {
    margin: 0
}

.p-section_block_wrapper--modal_view .p-section_block_text_content {
    width: 340px
}

.p-section_block_wrapper--modal_view .p-section_block__accessory {
    margin: 0 0 0 12px
}

.p-section_block_wrapper--modal_view .p-section_block__accessory .c-multi-select, .p-section_block_wrapper--modal_view .p-section_block__accessory .c-search-select, .p-section_block_wrapper--modal_view .p-section_block__accessory .p-block_kit_button_element, .p-section_block_wrapper--modal_view .p-section_block__accessory .p-block_kit_date_picker {
    min-width: 120px
}

.p-section_block_wrapper--modal_view .p-section_block__icons--small {
    right: -18px
}

.p-section_block_wrapper--modal_view .p-section_block__icons--small .c-icon {
    width: 12px
}

.p-section_block_wrapper--modal_view .p-block_kit_date_picker__datepicker_trigger {
    padding-right: 8px
}

.p-section_block_wrapper--modal_view .p-section_block--stack-accessory-wrapper .p-section_block_text_content {
    width: 100%
}

.p-section_block_wrapper--modal_view .p-section_block--stack-accessory {
    margin: 8px 0 0 0
}

.p-section_block_wrapper--modal_view .p-section_block--stack-accessory .c-multi-select, .p-section_block_wrapper--modal_view .p-section_block--stack-accessory .multi_select_element_container {
    width: 100%
}

.p-section_block_wrapper--modal_view .p-section_block__image {
    margin-left: 0
}

.p-section_block_wrapper--modal_view .p-section_block__fields {
    margin-top: 0
}

.p-image_block_image {
    display: block;
    border-radius: 4px;
    overflow: hidden
}

.p-image_block {
    margin: 8px 0;
    display: block
}

.p-image_block.p-image_block--group {
    margin: 0
}

.p-image_block--no_top_margin {
    margin-top: 0
}

.p-image_block_container {
    display: inline-block;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-image_block--full_width, .p-image_block_container--full_width {
    width: 100%
}

.p-image_block__title {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-image_block_wrapper--modal_view .p-image_block {
    margin: 0
}

.p-image_block_wrapper--modal_view .p-image_block__title {
    text-align: center;
    width: 100%
}

.p-image_block_wrapper--modal_view .c-message_attachment__image_container {
    margin: auto
}

.p-divider_block {
    margin: 4px auto 8px;
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    width: 100%
}

.p-divider_block.p-divider_block--group {
    margin: 2px auto
}

.p-divider_block_wrapper--modal_view .p-divider_block {
    margin: 0
}

.p-context_block_wrapper--modal_view ~ div.p-divider_block_wrapper--modal_view.p-block_wrapper--modal_view {
    margin-top: 4px
}

.c-message_kit__background {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-message_kit__background--hovered {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-message_kit__background--labels {
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), .1)
}

.c-message_kit__background--labels--ephemeral {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-message_kit__background--labels--custom_response {
    background: rgba(29, 155, 209, .05)
}

.c-message_kit__background--editing {
    background: rgba(242, 199, 68, .2)
}

.c-message_kit__background--highlight {
    animation: c-message_kit--highlight 3s forwards
}

@keyframes c-message_kit--highlight {
    20% {
        background: rgba(242, 199, 68, .2)
    }
    60% {
        background: rgba(242, 199, 68, .2)
    }
}

.c-message_kit__background--deleting {
    background: rgba(224, 30, 90, .6);
    overflow: hidden
}

.p-email_reply_modal {
    max-width: 44rem
}

.p-email_reply_modal .p-reply_to_email_input {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    margin-top: -10px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-email_reply_modal .p-reply_to_email_input:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.p-email_reply_modal .p-reply_to_email_input:focus:-moz-placeholder, .p-email_reply_modal .p-reply_to_email_input:focus:-ms-input-placeholder, .p-email_reply_modal .p-reply_to_email_input:focus::-moz-placeholder, .p-email_reply_modal .p-reply_to_email_input:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.p-email_reply_modal .p-reply_to_email_input[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

[lang] .p-email_reply_modal .p-reply_to_email_input {
    font-size: 15px
}

[lang=ja-JP] .p-email_reply_modal .p-reply_to_email_input {
    font-size: 14px
}

[lang] .p-email_reply_modal .p-reply_to_email_input {
    line-height: 1.2
}

[lang=ja-JP] .p-email_reply_modal .p-reply_to_email_input {
    line-height: 1.3
}

.p-email_reply_modal .p-reply_to_email_input.ql-disabled {
    opacity: .6;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    cursor: default
}

.p-email_reply_modal .p-reply_to_email_input.ql-disabled * {
    cursor: default
}

.p-email_reply_modal .p-email_to_label {
    position: relative
}

.p-email_reply_modal .p-email_cc_bcc_links {
    position: absolute;
    top: 0;
    right: 0
}

.p-email_reply_modal .p-email_cc_bcc_links button {
    font-weight: 400
}

.p-email_reply_modal .p-email_cc_bcc_links button:last-child {
    margin-left: 10px
}

.p-email_reply_modal .c-input_text, .p-email_reply_modal .c-multi_select_input {
    margin-bottom: 10px
}

.p-email_reply_modal .c-message__files--file_email {
    margin-top: 16px
}

.p-email_reply_modal .p-multi_file_upload__container .p-gallery_scroller__wrapper {
    display: none
}

.p-email_reply_modal__quote_toggle {
    display: block;
    font-size: 13px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-top: 8px
}

.p-email_reply_modal__quote_toggle--expanded {
    font-size: 15px;
    margin-left: 8px
}

.p-email_reply_modal__quote_container {
    font-size: 15px;
    line-height: 1.46668;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-top: 8px;
    margin-left: 8px
}

.p-email_reply_modal__quote_body {
    margin-top: 8px
}

.p-email_reply_modal__discard_draft_btn {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-email_reply_modal__discard_draft_btn:focus, .p-email_reply_modal__discard_draft_btn:hover {
    color: #e01e5a
}

.p-reply_to_email_quick_reply {
    width: 100%;
    min-width: 200px;
    max-width: 594px;
    margin-top: 8px
}

.p-reply_to_email_quick_reply__recipients {
    width: 100%;
    display: flex;
    padding: 8px 12px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-reply_to_email_quick_reply__recipients:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-reply_to_email_quick_reply__recipients--focus {
    border-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-reply_to_email_quick_reply__recipients_prefix {
    font-weight: 700;
    margin-right: 4px
}

.p-reply_to_email_quick_reply__recipients_list {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-reply_to_email_quick_reply_input {
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    min-height: 42px;
    min-width: 1px;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 4px;
    padding-right: 0;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-reply_to_email_quick_reply_input.focus {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    outline: none;
    outline-offset: 0
}

.p-reply_to_email_quick_reply_input.texty_emoji_only {
    padding-bottom: 0
}

.p-reply_to_email_quick_reply_input.texty_emoji_only .ql-editor {
    padding-top: 7px
}

.p-reply_to_email_quick_reply_input.texty_emoji_only .ql-editor img.emoji {
    top: -3px
}

.p-reply_to_email_quick_reply_input.ql-disabled {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1) !important;
    opacity: .6;
    pointer-events: none
}

.p-reply_to_email_quick_reply_input.ql-disabled .ql-tooltip {
    visibility: hidden
}

.p-reply_to_email_quick_reply_input.ql-disabled ~ .p-texty_sticky_formatting_bar {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1) !important
}

.p-reply_to_email_quick_reply_input .ql-editor {
    margin-top: 4px;
    padding-bottom: 4px;
    padding-top: 5px
}

.p-reply_to_email_quick_reply_input .ql-placeholder {
    left: 10px;
    top: 9px
}

.p-reply_to_email_quick_reply_input.c-texty_input {
    border-radius: 0 0 4px 4px
}

.p-reply_to_email_quick_reply__footer_button {
    margin-top: 8px;
    margin-right: 8px
}

.p-file_image_thumbnail__wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background-color: transparent;
    height: 100%;
    cursor: nesw-resize;
    cursor: zoom-in
}

.p-file_image_thumbnail__wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 4px
}

.p-file_image_thumbnail__wrapper .p-file_image_thumbnail__image {
    display: block;
    max-width: 100%
}

.p-file_image_thumbnail__wrapper--broken {
    background-image: url(https://a.slack-edge.com/bv1-9/broken_image-871454d.png);
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-file_image_thumbnail__wrapper--broken {
        background-image: url(https://a.slack-edge.com/bv1-9/broken_image@2x-0765596.png)
    }
}

.p-file_image_thumbnail__wrapper--broken .p-file_image_thumbnail__image, .p-file_image_thumbnail__wrapper--broken:after {
    display: none
}

.p-file_image_thumbnail__tiny_thumb_wrapper {
    display: block;
    position: relative;
    border-radius: 4px;
    height: 100%;
    background-image: none;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.p-message_image_file {
    position: relative
}

.p-message_image_file:focus-within .c-file__actions, .p-message_image_file:focus .c-file__actions, .p-message_image_file:hover .c-file__actions {
    opacity: 1
}

.c-audio_player_play_button {
    margin-right: 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background: #e6eff6;
    color: #1264a3
}

.c-audio_player_play_button:active, .c-audio_player_play_button:hover {
    background: #d3e3ef
}

.c-audio_player_header {
    min-width: 0
}

.c-audio_player_header__name {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700;
    line-height: 1.2
}

.c-audio_player_header__name--mini {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-audio_player_header__metadata {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .7)
}

.c-audio_player_header__time {
    margin-right: 4px
}

.c-audio_player_scrubber {
    flex: 1;
    position: relative;
    cursor: pointer;
    height: 18px
}

.c-audio_player_scrubber__tracks {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    right: 8px;
    display: flex;
    align-items: center
}

.c-audio_player_scrubber__track {
    flex: 1;
    height: 4px;
    border-radius: 2px;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    position: relative
}

.c-audio_player_scrubber__track--elapsed {
    flex: unset;
    background: #1264a3
}

.c-audio_player_scrubber__thumb {
    height: 12px;
    width: 12px;
    border-radius: 6px;
    background: #1264a3;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-4px) translateY(-4px)
}

.c-audio_player_scrubber__thumb--paused {
    background: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-audio_player_scrubber__thumb:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-audio_player_states {
    margin-left: auto;
    flex-shrink: 0;
    align-self: center;
    white-space: nowrap;
    display: flex;
    align-items: center
}

.c-audio_player_states--error {
    color: #e01e5a
}

.c-audio_player_states__error_icon {
    margin-right: 4px
}

.c-audio_player_states--buffering {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .7)
}

.c-audio_player_states__spinner {
    display: inline-block;
    margin-right: 4px
}

.c-audio_player__header_container {
    display: flex;
    align-items: flex-start
}

.c-audio_player__controls {
    display: flex;
    align-items: center;
    margin-top: 12px
}

.c-audio_player__time {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-left: 4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .7)
}

.c-inline_search {
    z-index: 201;
    position: absolute;
    top: 20px;
    right: 12px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-50%);
    transition: all 60ms ease-out;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 8px;
    padding: 12px;
    width: 344px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.c-inline_search--active {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0)
}

.c-inline_search__controls {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    box-shadow: 0 0 0 1px var(--saf-0)
}

.c-inline_search__input {
    background-color: transparent;
    border: 0;
    height: auto;
    margin-bottom: 0;
    padding: 0;
    padding-right: 8px
}

.c-inline_search__input:focus {
    outline-width: 0;
    outline-style: none;
    border: 0;
    box-shadow: none
}

.c-inline_search__controls--input_focused {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-inline_search__input_wrapper {
    display: flex;
    flex: 1 1 auto;
    position: relative;
    padding: 6px 12px
}

.c-inline_search__btns_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-inline_search__count {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-inline_search__btn {
    width: 30px;
    height: 30px;
    margin: 2px
}

.c-inline_search__btn:disabled .c-icon--chevron-medium-down, .c-inline_search__btn:disabled .c-icon--chevron-medium-up {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-inline_search__hint {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin-top: 8px
}

.c-inline_search_highlight, .c-inline_search_highlight_renderer {
    text-decoration: inherit
}

.c-inline_search_highlight {
    background: rgba(242, 199, 68, .4);
    display: inline;
    border-radius: 3px;
    padding: .05px
}

.sk-client-theme--dark .c-inline_search_highlight {
    background: rgba(232, 145, 45, .4);
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
    background: rgba(232, 145, 45, .1)
}

.c-inline_search_highlight--focused, .sk-client-theme--dark .c-inline_search_highlight--focused {
    background: rgba(232, 145, 45, .6)
}

.c-pillow_file__post {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    outline: none
}

.c-pillow_file__post--collapsed {
    margin-bottom: -12px;
    max-height: 200px;
    overflow: hidden
}

.c-pillow_file__post__content {
    font-size: .94rem;
    line-height: 1.32rem;
    word-wrap: break-word
}

.c-pillow_file__post__content > * {
    margin: 0
}

.c-pillow_file__post__content h1, .c-pillow_file__post__content h2 {
    font-weight: 700;
    letter-spacing: 0
}

.c-pillow_file__post__content h1 {
    font-size: 1.12rem;
    line-height: 1.2
}

.c-pillow_file__post__content h2 {
    font-size: 1rem;
    line-height: 1.32rem
}

.c-pillow_file__post__content h3 {
    font-size: .75rem;
    line-height: 1.13rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900
}

.c-pillow_file__post__content p {
    margin: 0
}

.c-pillow_file__post__content p.ql-indent-1 {
    margin-left: 56px
}

.c-pillow_file__post__content p.ql-indent-2 {
    margin-left: 84px
}

.c-pillow_file__post__content p.ql-indent-3 {
    margin-left: 112px
}

.c-pillow_file__post__content p.ql-indent-4 {
    margin-left: 140px
}

.c-pillow_file__post__content p.ql-indent-5 {
    margin-left: 168px
}

.c-pillow_file__post__content p.ql-indent-6 {
    margin-left: 196px
}

.c-pillow_file__post__content p.ql-indent-7 {
    margin-left: 224px
}

.c-pillow_file__post__content p.ql-indent-8 {
    margin-left: 252px
}

.c-pillow_file__post__content p > img {
    max-width: 100%
}

.c-pillow_file__post__content hr {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-pillow_file__post__content [tabbing="1"] {
    margin-left: 1.9rem
}

.c-pillow_file__post__content [tabbing="2"] {
    margin-left: 3.8rem
}

.c-pillow_file__post__content [tabbing="3"] {
    margin-left: 5.7rem
}

.c-pillow_file__post__content [tabbing="4"] {
    margin-left: 7.6rem
}

.c-pillow_file__post__content [tabbing="5"] {
    margin-left: 9.5rem
}

.c-pillow_file__post__content [tabbing="6"] {
    margin-left: 11.4rem
}

.c-pillow_file__post__content code, .c-pillow_file__post__content pre {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-pillow_file__post__content code *, .c-pillow_file__post__content pre * {
    font-weight: 400;
    font-style: normal;
    text-decoration: none
}

.c-pillow_file__post__content pre {
    padding: .5rem .8rem;
    font-size: .75rem;
    line-height: 1.1rem;
    border: none;
    -moz-tab-size: 4;
    tab-size: 4
}

.c-pillow_file__post__content blockquote {
    position: relative;
    padding-left: 1rem
}

.c-pillow_file__post__content blockquote:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-pillow_file__post__content blockquote:first-child:before {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.c-pillow_file__post__content blockquote:last-child:before {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.c-pillow_file__post__content blockquote[tabbing="1"] {
    margin-left: 0;
    padding-left: 1.9rem
}

.c-pillow_file__post__content blockquote[tabbing="2"] {
    margin-left: 0;
    padding-left: 3.8rem
}

.c-pillow_file__post__content blockquote[tabbing="3"] {
    margin-left: 0;
    padding-left: 5.7rem
}

.c-pillow_file__post__content blockquote[tabbing="4"] {
    margin-left: 0;
    padding-left: 7.6rem
}

.c-pillow_file__post__content blockquote[tabbing="5"] {
    margin-left: 0;
    padding-left: 9.5rem
}

.c-pillow_file__post__content blockquote[tabbing="6"] {
    margin-left: 0;
    padding-left: 11.4rem
}

.c-pillow_file__post__content ol, .c-pillow_file__post__content ul {
    margin: 0 0 0 1.9rem;
    list-style-position: outside
}

.c-pillow_file__post__content ol li, .c-pillow_file__post__content ul li {
    font-size: .94rem;
    line-height: 1.32rem
}

.c-pillow_file__post__content ol li, .c-pillow_file__post__content ol li[tabbing="1"], .c-pillow_file__post__content ol li[tabbing="2"], .c-pillow_file__post__content ol li[tabbing="3"], .c-pillow_file__post__content ol li[tabbing="4"], .c-pillow_file__post__content ol li[tabbing="5"], .c-pillow_file__post__content ol li[tabbing="6"], .c-pillow_file__post__content ul li, .c-pillow_file__post__content ul li[tabbing="1"], .c-pillow_file__post__content ul li[tabbing="2"], .c-pillow_file__post__content ul li[tabbing="3"], .c-pillow_file__post__content ul li[tabbing="4"], .c-pillow_file__post__content ul li[tabbing="5"], .c-pillow_file__post__content ul li[tabbing="6"] {
    margin-left: 0
}

.c-pillow_file__post__content ol ol, .c-pillow_file__post__content ol ul, .c-pillow_file__post__content ul ol, .c-pillow_file__post__content ul ul {
    margin-left: 1.3rem
}

.c-pillow_file__post__content ol.list {
    counter-reset: number-counter;
    margin-left: 1.9rem
}

.c-pillow_file__post__content ol.list li {
    counter-increment: number-counter;
    list-style-type: none
}

.c-pillow_file__post__content ol.list li:before {
    content: counter(number-counter, decimal) ". ";
    position: absolute;
    margin-left: -2.5rem;
    width: 2rem;
    text-align: right
}

.c-pillow_file__post__content ol.list li[tabbing="1"]:before, .c-pillow_file__post__content ol.list li[tabbing="5"]:before {
    content: counter(number-counter, lower-alpha) ". "
}

.c-pillow_file__post__content ol.list li[tabbing="2"]:before, .c-pillow_file__post__content ol.list li[tabbing="6"]:before {
    content: counter(number-counter, lower-roman) ". "
}

.c-pillow_file__post__content ol.list li.sublist-container {
    counter-increment: none
}

.c-pillow_file__post__content ol.list li.sublist-container .list {
    margin-left: 1.3rem
}

.c-pillow_file__post__content ol.list li.sublist-container:before {
    content: ""
}

.c-pillow_file__post__content ul.list {
    margin-left: 1.9rem;
    list-style-type: none;
    list-style-position: outside
}

.c-pillow_file__post__content ul.list li[tabbing="1"], .c-pillow_file__post__content ul.list li[tabbing="4"] {
    list-style-type: circle
}

.c-pillow_file__post__content ul.list li[tabbing="2"], .c-pillow_file__post__content ul.list li[tabbing="5"] {
    list-style-type: square
}

.c-pillow_file__post__content ul.list li, .c-pillow_file__post__content ul.list li[tabbing="3"], .c-pillow_file__post__content ul.list li[tabbing="6"] {
    list-style-type: disc
}

.c-pillow_file__post__content ul.list .sublist-container {
    list-style-type: none
}

.c-pillow_file__post__content ul.list .sublist-container .list {
    margin-left: 1.3rem
}

.c-pillow_file__post__content ol {
    list-style-type: decimal
}

.c-pillow_file__post__content ol ol {
    list-style-type: lower-alpha
}

.c-pillow_file__post__content ol ol ol {
    list-style-type: lower-roman
}

.c-pillow_file__post__content ol ol ol ol {
    list-style-type: decimal
}

.c-pillow_file__post__content ol ol ol ol ol {
    list-style-type: lower-alpha
}

.c-pillow_file__post__content ol ol ol ol ol ol {
    list-style-type: lower-roman
}

.c-pillow_file__post__content ol ol ol ol ol ol ol {
    list-style-type: decimal
}

.c-pillow_file__post__content ol ol ol ol ol ol ol ol {
    list-style-type: lower-alpha
}

.c-pillow_file__post__content ol ol ol ol ol ol ol ol ol {
    list-style-type: lower-roman
}

.c-pillow_file__post__content ul {
    list-style-type: disc
}

.c-pillow_file__post__content ul ul {
    list-style-type: circle
}

.c-pillow_file__post__content ul ul ul {
    list-style-type: square
}

.c-pillow_file__post__content ul ul ul ul {
    list-style-type: disc
}

.c-pillow_file__post__content ul ul ul ul ul {
    list-style-type: circle
}

.c-pillow_file__post__content ul ul ul ul ul ul {
    list-style-type: square
}

.c-pillow_file__post__content ul ul ul ul ul ul ul {
    list-style-type: disc
}

.c-pillow_file__post__content ul ul ul ul ul ul ul ul {
    list-style-type: circle
}

.c-pillow_file__post__content ul ul ul ul ul ul ul ul ul {
    list-style-type: square
}

.c-pillow_file__post__content ol.singleton li[tabbing="1"], .c-pillow_file__post__content ul.singleton li[tabbing="1"] {
    margin-left: 1.3rem
}

.c-pillow_file__post__content ol.singleton li[tabbing="2"], .c-pillow_file__post__content ul.singleton li[tabbing="2"] {
    margin-left: 2.6rem
}

.c-pillow_file__post__content ol.singleton li[tabbing="3"], .c-pillow_file__post__content ul.singleton li[tabbing="3"] {
    margin-left: 3.9rem
}

.c-pillow_file__post__content ol.singleton li[tabbing="4"], .c-pillow_file__post__content ul.singleton li[tabbing="4"] {
    margin-left: 5.2rem
}

.c-pillow_file__post__content ol.singleton li[tabbing="5"], .c-pillow_file__post__content ul.singleton li[tabbing="5"] {
    margin-left: 6.5rem
}

.c-pillow_file__post__content ol.singleton li[tabbing="6"], .c-pillow_file__post__content ul.singleton li[tabbing="6"] {
    margin-left: 7.8rem
}

.c-pillow_file__post__content ol.singleton + .singleton, .c-pillow_file__post__content ul.singleton + .singleton {
    margin-top: 0
}

.c-pillow_file__post__content ol.singleton li {
    list-style-type: decimal
}

.c-pillow_file__post__content ol.singleton li[tabbing="1"] {
    list-style-type: lower-alpha
}

.c-pillow_file__post__content ol.singleton li[tabbing="2"] {
    list-style-type: lower-roman
}

.c-pillow_file__post__content ol.singleton li[tabbing="3"] {
    list-style-type: decimal
}

.c-pillow_file__post__content ol.singleton li[tabbing="4"] {
    list-style-type: lower-alpha
}

.c-pillow_file__post__content ol.singleton li[tabbing="5"] {
    list-style-type: lower-roman
}

.c-pillow_file__post__content ol.singleton li[tabbing="6"] {
    list-style-type: decimal
}

.c-pillow_file__post__content ul.singleton li {
    list-style-type: disc
}

.c-pillow_file__post__content ul.singleton li[tabbing="1"] {
    list-style-type: circle
}

.c-pillow_file__post__content ul.singleton li[tabbing="2"] {
    list-style-type: square
}

.c-pillow_file__post__content ul.singleton li[tabbing="3"] {
    list-style-type: disc
}

.c-pillow_file__post__content ul.singleton li[tabbing="4"] {
    list-style-type: circle
}

.c-pillow_file__post__content ul.singleton li[tabbing="5"] {
    list-style-type: square
}

.c-pillow_file__post__content ul.singleton li[tabbing="6"] {
    list-style-type: disc
}

.c-pillow_file__post__content ul.checklist {
    position: relative;
    overflow: hidden;
    margin-left: 0;
    padding: 0 .69rem .38rem 2.13rem;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: .25rem
}

.c-pillow_file__post__content ul.checklist ul.checklist {
    position: static;
    overflow: visible;
    margin: .38rem 0 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0
}

.c-pillow_file__post__content ul.checklist li {
    padding: .38rem 0;
    list-style-type: none;
    min-height: 2.0725rem
}

.c-pillow_file__post__content ul.checklist li li {
    padding-left: 1.3rem
}

.c-pillow_file__post__content ul.checklist li:last-child {
    padding-bottom: 0;
    min-height: 1.6925rem
}

.c-pillow_file__post__content ul.checklist li:before {
    content: "";
    display: block;
    position: absolute;
    margin-left: -100%;
    margin-top: -.38rem;
    width: 200%;
    height: 1px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-pillow_file__post__content ul.checklist li .checkbox {
    position: absolute;
    width: 1rem;
    height: 1rem;
    min-height: 1rem;
    padding: 0;
    margin: .15rem 0 0 -1.44rem;
    background-image: url(https://a.slack-edge.com/bv1-9/checklist-a0946f4.svg);
    background-position: 0 -100%;
    opacity: .7;
    background-size: 1rem 4rem;
    overflow: hidden
}

.c-pillow_file__post__content ul.checklist li.checked {
    color: #8c8c8d
}

.c-pillow_file__post__content ul.checklist li.checked .checkbox {
    background-position: 0 -300%
}

.c-pillow_file__post__content ul.singleton.checklist li {
    list-style-type: none
}

.c-pillow_file__post__content ul.singleton.checklist + .singleton.checklist {
    margin-top: -.3rem
}

.c-pillow_file__post__content ul.singleton.checklist + .singleton.checklist li {
    padding-top: .68rem
}

.c-pillow_file__post__content ul.list.checklist {
    margin-left: 0;
    padding: .1rem 0
}

.c-pillow_file__post__content ul.list.checklist li {
    padding: .38rem .69rem .38rem 2.13rem;
    border-bottom: 1px solid #fff
}

.c-pillow_file__post__content ul.list.checklist li, .c-pillow_file__post__content ul.list.checklist li[tabbing] {
    list-style-type: none
}

.c-pillow_file__post__content ul.list.checklist li .checkbox {
    position: absolute;
    width: 1rem;
    height: 1rem;
    min-height: 1rem;
    padding: 0;
    margin: .15rem 0 0 -1.44rem;
    background-image: url(https://a.slack-edge.com/bv1-9/checklist-a0946f4.svg);
    background-position: 0 -100%;
    opacity: .7;
    background-size: 1rem 4rem;
    overflow: hidden
}

.c-pillow_file__post__content ul.list.checklist li.checked {
    color: #8c8c8d
}

.c-pillow_file__post__content ul.list.checklist li.checked .checkbox {
    background-position: 0 -300%
}

.c-pillow_file__post__content ul.list.checklist li:last-child {
    padding-bottom: .38rem;
    border-bottom: none
}

.c-pillow_file__post__content ul.list.checklist li li {
    padding-left: 0;
    padding-right: 0
}

.c-pillow_file__post__content ul.list.checklist li:before {
    display: none
}

.c-pillow_file__post__content ul.list.checklist li.sublist-container {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
}

.c-pillow_file__post__content ul.list.checklist li.sublist-container .list {
    margin-top: 0;
    padding: 0
}

.c-pillow_file__post__content .c-pillow_file__post__unfurl, .c-pillow_file__post__content .message {
    position: relative;
    padding: .5rem .8rem !important;
    border-radius: 6px;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-pillow_file__post__content .c-pillow_file__post__unfurl .c-message_attachment__media_trigger, .c-pillow_file__post__content .c-pillow_file__post__unfurl .inline_img_bytes, .c-pillow_file__post__content .c-pillow_file__post__unfurl .msg_inline_img_collapser, .c-pillow_file__post__content .c-pillow_file__post__unfurl .msg_inline_img_expander, .c-pillow_file__post__content .message .c-message_attachment__media_trigger, .c-pillow_file__post__content .message .inline_img_bytes, .c-pillow_file__post__content .message .msg_inline_img_collapser, .c-pillow_file__post__content .message .msg_inline_img_expander {
    display: none
}

.c-pillow_file__post__content .c-pillow_file__post__unfurl .c-message_attachment, .c-pillow_file__post__content .message .c-message_attachment {
    margin-bottom: 0
}

.c-pillow_file__post__content .c-pillow_file__post__unfurl .c-message_attachment__over_limit, .c-pillow_file__post__content .message .c-message_attachment__over_limit {
    margin: 0;
    padding: 8px 0
}

.c-pillow_file__post__content h1 + *, .c-pillow_file__post__content h2 + *, .c-pillow_file__post__content h3 + * {
    margin-top: .19rem
}

.c-pillow_file__post__content h1 + .c-pillow_file__post__unfurl, .c-pillow_file__post__content h1 + .message, .c-pillow_file__post__content h1 + pre, .c-pillow_file__post__content h1 + ul.checklist, .c-pillow_file__post__content h2 + .c-pillow_file__post__unfurl, .c-pillow_file__post__content h2 + .message, .c-pillow_file__post__content h2 + pre, .c-pillow_file__post__content h2 + ul.checklist, .c-pillow_file__post__content h3 + .c-pillow_file__post__unfurl, .c-pillow_file__post__content h3 + .message, .c-pillow_file__post__content h3 + pre, .c-pillow_file__post__content h3 + ul.checklist {
    margin-top: .31rem
}

.c-pillow_file__post__content hr + *, .c-pillow_file__post__content p + * {
    margin-top: .94rem
}

.c-pillow_file__post__content p + p {
    margin-top: .5rem
}

.c-pillow_file__post__content p + ol, .c-pillow_file__post__content p + ul {
    margin-top: .38rem
}

.c-pillow_file__post__content p + .c-pillow_file__post__unfurl, .c-pillow_file__post__content p + .message, .c-pillow_file__post__content p + pre, .c-pillow_file__post__content p + ul.checklist {
    margin-top: .56rem
}

.c-pillow_file__post__content ol + .message, .c-pillow_file__post__content ol + pre, .c-pillow_file__post__content ol + ul.checklist, .c-pillow_file__post__content ul + .c-pillow_file__post__unfurl, .c-pillow_file__post__content ul + .message, .c-pillow_file__post__content ul + pre, .c-pillow_file__post__content ul + ul.checklist {
    margin-top: .75rem
}

.c-pillow_file__post__content ol + *, .c-pillow_file__post__content ul + * {
    margin-top: .38rem
}

.c-pillow_file__post__content .c-pillow_file__post__unfurl + *, .c-pillow_file__post__content .message + *, .c-pillow_file__post__content blockquote + :not(blockquote), .c-pillow_file__post__content pre + *, .c-pillow_file__post__content ul.checklist + * {
    margin-top: .56rem
}

.sk-client-theme--dark .c-pillow_file__post__content code {
    color: #e8912d
}

.c-pillow_file__post__content ul > li[data-checked]:before {
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .35);
    cursor: pointer;
    pointer-events: all
}

.c-pillow_file__post__content ul li[data-checked=false], .c-pillow_file__post__content ul li[data-checked=true] {
    list-style-type: none
}

.c-pillow_file__post__content ul > li[data-checked=true] {
    text-decoration: line-through;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-pillow_file__post__content ul > li[data-checked=false]:before, .c-pillow_file__post__content ul > li[data-checked=true]:before {
    margin-right: 6px;
    line-height: 1;
    font-size: 15px;
    margin-left: -16px
}

.c-pillow_file__post__content ul > li[data-checked=true]:before {
    content: "\E323";
    color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1)
}

.c-pillow_file__post__content ul > li[data-checked=false]:before {
    content: "\E322"
}

.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: #000;
    direction: ltr
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor-mark {
    background-color: rgba(20, 255, 20, .5)
}

.cm-animate-fat-cursor, .cm-fat-cursor-mark {
    animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    background-color: #7e7
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header, .cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-type, .cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-invalidchar, .cm-s-default .cm-error {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: none;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none;
    outline: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -50px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: none
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, .4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ""
}

span.CodeMirror-selectedtext {
    background: none
}

.CodeMirror {
    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
    border: 1px solid rgba(29, 28, 29, .5);
    border-radius: 6px;
    color: #1d1c1d;
    background-color: #fff;
    height: auto;
    transform: translateY(0);
    will-change: transform
}

.CodeMirror pre {
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    font-variant-ligatures: contextual;
    padding: 0 4px
}

.CodeMirror .CodeMirror-sizer {
    font-size: 13px !important;
    line-height: 1.5
}

.CodeMirror .CodeMirror-gutters {
    background-color: #fbfbfb;
    border-color: #ebebeb
}

.CodeMirror .CodeMirror-code {
    font-size: .8rem
}

.CodeMirror .CodeMirror-linenumber {
    color: rgba(29, 28, 29, .7)
}

.CodeMirror:focus, .CodeMirror:hover {
    border-color: rgba(29, 28, 29, .7)
}

#file_page .CodeMirror, #snippet_dialog .CodeMirror {
    height: 12rem
}

.cm-s-yonce.CodeMirror {
    background: #1a1d21;
    color: #d1d2d3;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.cm-s-yonce.CodeMirror pre {
    padding-left: 0
}

.cm-s-yonce div.CodeMirror-selected {
    background: rgba(252, 69, 133, .478)
}

.cm-s-yonce .CodeMirror-line::-moz-selection, .cm-s-yonce .CodeMirror-line > span::-moz-selection, .cm-s-yonce .CodeMirror-line > span > span::-moz-selection {
    background: rgba(252, 67, 132, .47)
}

.cm-s-yonce .CodeMirror-line::-moz-selection, .cm-s-yonce .CodeMirror-line::selection, .cm-s-yonce .CodeMirror-line > span::-moz-selection, .cm-s-yonce .CodeMirror-line > span::selection, .cm-s-yonce .CodeMirror-line > span > span::-moz-selection, .cm-s-yonce .CodeMirror-line > span > span::selection, .cm-s-yonce .CodeMirror-selected, .cm-s-yonce .CodeMirror-selectedtext {
    background: rgba(252, 67, 132, .47)
}

.cm-s-yonce .CodeMirror-gutters {
    background: #1a1d21;
    border-right: 0
}

.cm-s-yonce .CodeMirror-linenumber {
    padding-right: 10px
}

.cm-s-yonce .CodeMirror-activeline .CodeMirror-linenumber.CodeMirror-gutter-elt {
    background: #1a1d21;
    color: #fc4384
}

.cm-s-yonce .CodeMirror-linenumber {
    color: #777
}

.cm-s-yonce .CodeMirror-cursor {
    border-left: 2px solid #fc4384
}

.cm-s-yonce .cm-searching {
    background: rgba(243, 155, 53, .3) !important;
    outline: 1px solid #f39b35
}

.cm-s-yonce .cm-searching.CodeMirror-selectedtext {
    background: rgba(243, 155, 53, .7) !important;
    color: #fff
}

.cm-s-yonce .cm-keyword {
    color: #00a7aa
}

.cm-s-yonce .cm-atom {
    color: #f39b35
}

.cm-s-yonce .cm-number, .cm-s-yonce span.cm-type {
    color: #a06fca
}

.cm-s-yonce .cm-def {
    color: #98e342
}

.cm-s-yonce .cm-property, .cm-s-yonce span.cm-variable {
    color: #d1d2d3;
    font-style: italic
}

.cm-s-yonce span.cm-variable-2 {
    color: #da7dae;
    font-style: italic
}

.cm-s-yonce span.cm-variable-3 {
    color: #a06fca
}

.cm-s-yonce .cm-type.cm-def {
    text-decoration: underline
}

.cm-s-yonce .cm-callee, .cm-s-yonce .cm-property.cm-def, .cm-s-yonce .cm-type.cm-def {
    color: #fc4384;
    font-style: normal
}

.cm-s-yonce .cm-operator, .cm-s-yonce .cm-qualifier, .cm-s-yonce .cm-tag {
    color: #fc4384
}

.cm-s-yonce .cm-tag.cm-bracket {
    color: #d1d2d3
}

.cm-s-yonce .cm-attribute {
    color: #a06fca
}

.cm-s-yonce .cm-comment {
    color: #696d70;
    font-style: italic;
    font-weight: 400
}

.cm-s-yonce .cm-comment.cm-tag {
    color: #fc4384
}

.cm-s-yonce .cm-comment.cm-attribute {
    color: #d1d2d3
}

.cm-s-yonce .cm-string {
    color: #e6db74
}

.cm-s-yonce .cm-string-2 {
    color: #f39b35
}

.cm-s-yonce .cm-meta {
    color: #d1d2d3;
    background: inherit
}

.cm-s-yonce .cm-builtin {
    color: #fc4384
}

.cm-s-yonce .cm-header {
    color: #da7dae
}

.cm-s-yonce .cm-hr {
    color: #98e342
}

.cm-s-yonce .cm-link {
    color: #696d70;
    font-style: italic;
    text-decoration: none
}

.cm-s-yonce .cm-error {
    border-bottom: 1px solid #c42412
}

.cm-s-yonce .CodeMirror-activeline-background {
    background: #272727
}

.cm-s-yonce .CodeMirror-matchingbracket {
    outline: 1px solid grey;
    color: #d1d2d3 !important
}

.c-pillow_file__snippet {
    margin: -12px
}

.c-pillow_file__snippet--collapsed {
    max-height: 200px
}

.c-pillow_file__snippet__content {
    box-sizing: border-box;
    will-change: transform;
    z-index: 0
}

.c-pillow_file__snippet__content .CodeMirror {
    height: auto;
    border: none;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    counter-reset: snippet;
    border-radius: 0
}

.c-pillow_file__snippet__truncated {
    margin: 12px -12px -12px;
    padding: 4px 8px;
    font-size: 13px;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-pillow_file__snippet__content .CodeMirror-code {
    font-size: 13px;
    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
    line-height: 1.50001
}

.c-pillow_file__snippet__content .CodeMirror-code > div {
    counter-increment: snippet;
    margin-left: 32px;
    padding: 0 8px;
    position: relative
}

.c-pillow_file__snippet__content .CodeMirror-code > div:before {
    content: counter(snippet);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -32px;
    width: 32px;
    box-sizing: border-box;
    padding-right: 4px;
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
    text-align: right;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-pillow_file__snippet__content .CodeMirror-code > div:first-child, .c-pillow_file__snippet__content .CodeMirror-code > div:first-child:before {
    padding-top: 4px
}

.c-pillow_file__snippet__content .CodeMirror-code > div:last-child {
    padding-bottom: 4px
}

.c-pillow_file__snippet__content .CodeMirror-code > div:first-child:last-child, .c-pillow_file__snippet__content .CodeMirror-code > div:first-child:last-child:before {
    padding-top: 18px;
    padding-bottom: 18px
}

.c-pillow_file__snippet__content .CodeMirror-code > div:first-child:nth-last-child(2), .c-pillow_file__snippet__content .CodeMirror-code > div:first-child:nth-last-child(2):before {
    padding-top: 8px
}

.c-pillow_file__snippet__content .CodeMirror-code > div:last-child:nth-child(2) {
    padding-bottom: 8px
}

.c-pillow_file__snippet__content .CodeMirror-code > div > pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

.c-pillow_file__snippet__content .CodeMirror-code > div > pre:after {
    content: " "
}

.c-pillow_file__email {
    font-size: 15px;
    line-height: 1.46668
}

.c-pillow_file__email__title {
    font-weight: 700
}

.c-pillow_file__email__sender__address {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    word-wrap: break-word
}

.c-pillow_file__email__meta {
    border-spacing: 0;
    margin: 0
}

.c-pillow_file__email__meta tr {
    border: none
}

.c-pillow_file__email__meta td {
    padding: 0;
    padding-right: 8px;
    vertical-align: top
}

.c-pillow_file__email__meta__field {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    text-align: right
}

.c-pillow_file__email__meta__subject {
    font-weight: 700
}

.c-pillow_file__email__meta__forwarded {
    color: #1264a3;
    font-size: 13px;
    padding-top: 12px;
    text-align: center
}

.c-pillow_file__email--collapsed .c-pillow_file__email__content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.c-pillow_file__email__content--scale-btn {
    position: absolute;
    z-index: 99999;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 0;
    right: 0
}

.c-pillow_file__email__content--scale-btn:hover {
    background: hsla(0, 0%, 100%, .5) !important
}

.c-pillow_file__email--collapsed .c-pillow_file__email__content--alt-collapsed {
    white-space: normal
}

.c-pillow_file__email--alt-collapsed {
    cursor: pointer;
    max-height: 8.5em;
    overflow: hidden
}

.c-pillow_file__email--alt-collapsed:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(8.5em - 40px);
    height: 40px;
    background: linear-gradient(0deg, rgba(var(--sk_primary_background, 255, 255, 255), 1), rgba(var(--sk_primary_background, 255, 255, 255), 0) 40px)
}

.c-pillow_file__email--expanded .c-pillow_file__email__content--dark-mode {
    background: #fff;
    color: #000;
    border-radius: 2px;
    padding: 8px
}

.c-pillow_file__email--expanded .c-pillow_file__email__header {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    padding-bottom: 12px;
    margin-bottom: 12px
}

.c-pillow_file__email__attachments {
    margin-top: 12px;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-pillow_file__email__attachments__count {
    margin-top: 12px;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-pillow_file__email__attachment {
    margin-top: 12px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 4px
}

.c-pillow_file__email__attachment--file {
    display: flex;
    align-items: baseline;
    padding: 8px;
    overflow: hidden;
    white-space: nowrap
}

.c-pillow_file__email__attachment--file:active, .c-pillow_file__email__attachment--file:focus, .c-pillow_file__email__attachment--file:hover {
    text-decoration: none
}

.c-pillow_file__email__attachment--file:active .c-pillow_file__email__attachment__name, .c-pillow_file__email__attachment--file:focus .c-pillow_file__email__attachment__name, .c-pillow_file__email__attachment--file:hover .c-pillow_file__email__attachment__name {
    text-decoration: underline
}

.c-pillow_file__email__attachment--image {
    display: inline-block;
    clear: both
}

.c-pillow_file__email__attachment__image {
    max-height: 360px;
    max-width: 100%
}

.c-pillow_file__email__attachment__icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    background: #1d9bd1;
    border-radius: 4px;
    margin-right: 8px;
    flex-shrink: 0
}

.c-pillow_file__email__attachment__name {
    font-weight: 700;
    margin-right: 8px
}

.c-pillow_file__email__attachment__meta {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    font-size: 13px;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-pillow_file__email__content {
    overflow: auto
}

.c-pillow_file__email__content p {
    font: inherit;
    margin: 0 0 1rem 0
}

.c-pillow_file__email__content p:last-child {
    margin-bottom: 0
}

.c-pillow_file__email__content table td {
    vertical-align: top
}

.c-pillow_file__email__content img {
    max-width: 100%;
    height: auto;
    border-radius: 3px
}

.c-pillow_file__email__content div + div, .c-pillow_file__email__content div > img:only-child, .c-pillow_file__email__content img + br + img {
    margin-top: .5rem
}

.c-pillow_file__email__content blockquote {
    border-left: 2px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    margin: 0;
    padding: .25rem 0 .25rem 1rem
}

.c-pillow_file__email__tip {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    max-width: 594px;
    border-radius: 4px;
    margin-top: 16px;
    position: relative;
    overflow: visible
}

.c-pillow_file__email__tip:after {
    bottom: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-width: 8px;
    margin-left: -8px;
    overflow: visible
}

.c-pillow_file__email__tip_lightbulb {
    position: relative;
    top: 2px;
    height: 14px;
    width: 14px;
    margin: 0 4px 0 0
}

.c-pillow_file__email__tip_dismiss_container {
    text-align: right;
    margin-bottom: -8px
}

.c-pillow_file__email__tip_dismiss {
    position: relative;
    top: 4px;
    right: 4px
}

.c-pillow_file__email__tip_text {
    display: flex;
    padding-left: 8px;
    padding-right: 48px;
    padding-bottom: 16px
}

.c-pillow_file__email__text {
    margin-bottom: 0
}

.c-pillow_file__email__attachments__count_alt {
    margin-top: 8px
}

.c-pillow_file__email__attachment_alt {
    margin-top: 12px;
    padding: 8px;
    display: flex;
    align-items: baseline
}

.c-pillow_file__email__attachment_alt--file {
    padding: 8px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap
}

.c-pillow_file__email__attachment_alt--file:active, .c-pillow_file__email__attachment_alt--file:focus, .c-pillow_file__email__attachment_alt--file:hover {
    text-decoration: none
}

.c-pillow_file__email__attachment_alt--file:active .c-pillow_file__email__attachment__name, .c-pillow_file__email__attachment_alt--file:focus .c-pillow_file__email__attachment__name, .c-pillow_file__email__attachment_alt--file:hover .c-pillow_file__email__attachment__name {
    text-decoration: underline
}

.c-pillow_file__email__attachment_alt__name {
    font-weight: 700;
    margin-right: 8px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-pillow_file__email__medium_header {
    display: flex;
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    margin-bottom: 12px
}

.c-pillow_file__email__small_icon {
    border-radius: 4px;
    top: 4px
}

.c-pillow_file__email__medium_large_icon, .c-pillow_file__email__small_icon {
    min-width: 36px;
    max-height: 36px;
    font-size: 22px;
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    display: flex;
    justify-content: center;
    margin-right: 8px;
    position: relative
}

.c-pillow_file__email__medium_large_icon {
    border-radius: 8px;
    top: 8px
}

.c-pillow_file__email__small_file_attachment {
    display: flex;
    justify-content: space-between
}

.c-pillow_file__email__medium_subject_sender {
    margin-top: 4px
}

.c-pillow_file__email__medium_subject {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 16px
}

.c-pillow_file__email--small {
    height: auto
}

.c-pillow_file__email__small_bullet {
    font-weight: 100;
    font-size: 12px
}

.c-pillow_file__email__small_density__wrapper {
    display: flex
}

.c-pillow_file__email__small_density {
    overflow: hidden;
    width: 100%
}

.c-pillow_file__email__small_density__primary_content {
    display: flex;
    justify-content: space-between
}

.c-pillow_file__email__small_density__secondary_content {
    display: flex
}

.c-pillow_file__email__small_density__subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-pillow_file__email__small_density__date {
    margin-left: 8px;
    flex-shrink: 0;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-pillow_file__email__small_density__attachment_icon {
    margin-right: auto;
    flex-shrink: 0;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-pillow_file__email__small_density__sender {
    flex: none;
    margin-right: 8px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-pillow_file__email__small_density__body {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-pillow_file__email__medium_density__wrapper {
    display: flex;
    flex-direction: column
}

.c-pillow_file__email__medium_density__header {
    display: flex
}

.c-pillow_file__email__medium_density__header_meta {
    overflow: hidden;
    width: 100%
}

.c-pillow_file__email__medium_density__primary_content {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.c-pillow_file__email__medium_density__subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-pillow_file__email__medium_density__date {
    margin-left: 8px;
    flex-shrink: 0;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-pillow_file__email__medium_density__attachment_icon {
    margin-right: 8px;
    flex-shrink: 0;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-pillow_file__email__medium_density__body {
    margin-top: 12px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-pillow_file__email__medium_density__footer {
    margin-top: 8px
}

.c-pillow_file__email__medium_density__sender {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-pillow_file__email__attachments__previews {
    display: flex
}

.c-pillow_file__email__attachments__previews--images {
    flex-direction: row
}

.c-pillow_file__email__attachments__previews--files {
    flex-direction: column
}

.p-message_file.c-pillow_file_container {
    max-width: 426px
}

.p-message_file.p-message_file--email, .p-message_file.p-message_file--post {
    max-width: 594px
}

.p-message_file.p-message_file--snippet {
    max-width: none
}

.p-message_file--image.p-message_file--show_preview {
    max-width: 100%
}

.p-message_file--image.p-message_file--show_preview.c-file_gallery__image_message_file {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.p-message_file--video-story.c-pillow_file_container {
    border: none
}

.p-message_file--video-story.c-pillow_file_container .c-pillow_file {
    padding: 0
}

.p-message_file--video-story.c-pillow_file_container .c-pillow_file__video {
    height: 240px
}

.p-message_file--video-story.c-pillow_file_container .c-pillow_file__video_container {
    margin-top: 0;
    cursor: pointer
}

.p-message_file--video-story.c-pillow_file_container .c-pillow_file__video_container:hover .c-pillow_file__video__placeholder_button {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-message_file--video-story.c-pillow_file_container .c-pillow_file__video--placeholder-poster {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .08);
    border-radius: 4px
}

.p-message_file--video-story.c-pillow_file_container .c-pillow_file__video__placeholder_button {
    padding: 16px 16px 15px 16px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), .7);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-message_file--video-story.c-pillow_file_container .c-pillow_file__video__placeholder_icon {
    font-size: 24px;
    width: 24px;
    height: 24px
}

.p-message_file__email_draft {
    display: flex;
    align-items: baseline;
    width: 100%;
    max-width: 594px;
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 8px 12px;
    margin-top: 8px;
    transition-duration: .1s;
    transition-property: border-color, box-shadow
}

.p-message_file__email_draft:hover {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06)
}

.p-message_file__email_draft_prefix {
    flex: 0;
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    font-weight: 700;
    color: #e01e5a;
    background: rgba(224, 30, 90, .05);
    height: 20px;
    padding: 0 8px;
    border-radius: 4px;
    margin-right: 8px
}

.p-message_file__email_draft_contents {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-story_root_avatar {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    flex-shrink: 0
}

.c-message_kit__tombstone__icon, .p-story_root_avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px
}

.c-message_kit__tombstone__icon {
    border-radius: 3px;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-message_kit__avatar {
    flex-shrink: 0
}

.c-message_kit__sender {
    font-weight: 900
}

.c-message_kit__sender--dense .c-custom_status {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 5px;
    padding: 1px 2px
}

.p-call_facepile {
    line-height: 1;
    height: 36px
}

.p-call_facepile--call_ended .p-call_facepile__face {
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

.p-call_facepile__face {
    position: relative;
    margin-right: 8px;
    height: 36px;
    line-height: 36px;
    width: 36px;
    display: inline-block
}

.p-call_facepile__face:last-child {
    margin-right: 0
}

.p-call_facepile__face--external img {
    border-radius: 3px
}

.p-group_call_trial_modal {
    min-width: 300px
}

.p-group_call_trial_modal__title {
    min-height: 0;
    padding-bottom: 4px
}

.p-group_call_trial_modal__plan_details {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: horizontal
}

.p-group_call_trial_modal__slack_logo {
    margin: 4px 16px 0 4px
}

.p-group_call_trial_modal__plan_title {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 900
}

.p-group_call_trial_modal__plan_caption {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-group_call_trial_modal__fine_print {
    text-align: right;
    font-weight: 700;
    color: #007a5a;
    margin-bottom: 0
}

.p-call_footer_blurb__alert {
    border: none;
    max-width: 440px;
    position: relative;
    padding-right: 28px;
    top: 2px
}

.p-call_footer_blurb__alert .p-call_footer_blurb__link {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-message__call .p-call_footer_blurb__alert .p-call_footer_blurb__link:not(:hover) {
    text-decoration: none
}

.p-call_footer_blurb__caret {
    fill: rgba(29, 155, 209, .1);
    position: absolute;
    top: -7px;
    left: 25px
}

.p-call_footer_blurb__image {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 40px 41px;
    background-image: url(https://a.slack-edge.com/bv1-9/calls_discovery_small-10fb185.png);
    flex: 0 0 40px;
    margin-right: 16px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-call_footer_blurb__image {
        background-image: url(https://a.slack-edge.com/bv1-9/calls_discovery_small@2x-62f9ddc.png)
    }
}

.p-call_footer__close {
    position: absolute;
    top: 0;
    right: 0
}

.p-call_subtype {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 8px;
    max-width: 440px;
    margin-bottom: 8px;
    margin-top: 4px
}

.p-call_subtype__icon {
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 4px;
    color: #fff;
    background-color: #0b4c8c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px
}

.p-call_subtype__icon--ended {
    background-color: #868686;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.p-call_subtype__img {
    height: inherit;
    width: inherit;
    border-radius: 4px
}

.p-call_subtype__body, .p-call_subtype__footer, .p-call_subtype__header {
    display: flex;
    padding: 16px;
    align-items: center
}

.p-call_subtype__header {
    align-items: flex-start
}

.p-call_subtype__header_text {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.p-call_subtype__body, .p-call_subtype__footer {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-call_subtype__body {
    padding-bottom: 10px;
    padding-top: 10px
}

.p-call_subtype__footer {
    align-items: left;
    justify-content: space-between;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.p-call_subtype__description, .p-call_subtype__facepile, .p-call_subtype__status, .p-call_subtype__title {
    display: block
}

.p-call_subtype__title {
    font-weight: 400;
    font-weight: 700
}

.p-call_subtype__status, .p-call_subtype__title {
    font-size: 15px;
    line-height: 1.46668;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-call_subtype__status {
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-call_subtype__facepile {
    margin-right: 12px;
    flex-grow: 1;
    min-width: 44px
}

.p-call_subtype__description {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-call_subtype__action_button, .p-call_subtype__action_button--secondary + .p-call_subtype__action_button {
    margin-left: 12px
}

.p-call_subtype__action_button--secondary {
    margin-left: auto
}

.c-joiner_notification_subtype__pref--opted-out {
    text-decoration: line-through
}

.c-message_kit__message .c-message__body--automated:after, .c-message_kit__text:after {
    content: "";
    display: block;
    height: 4px
}

.c-message_kit__text .c-mrkdwn__pre {
    word-wrap: break-word
}

.c-message_kit__text .c-emoji__large {
    margin-top: 2px
}

.c-message_kit__text br ~ .c-emoji__large {
    margin-top: 0
}

.c-message_kit__message .c-message__body--automated {
    display: inline;
    margin: 0
}

.c-message_kit__text--me {
    font-style: italic
}

.c-message_kit__comment:after {
    content: "";
    display: block;
    height: 4px
}

.c-message_kit__comment .c-message__file_meta {
    display: inline
}

.p-small_story_reply {
    width: 120px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: 50%;
    margin: 10px 6px 14px;
    border-radius: 4px;
    --saf-1: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    transition: box-shadow 80ms cubic-bezier(.36, .19, .29, 1);
    position: relative;
    overflow: hidden
}

.p-small_story_reply, .p-small_story_reply:hover {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 6px var(--saf-0), 0 0 0 7px var(--saf-1)
}

.p-small_story_reply:hover {
    --saf-1: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-small_story_reply--active, .p-small_story_reply--active:hover {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-1: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 5px var(--saf-0), 0 0 0 7px var(--saf-1)
}

.p-small_story_reply:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: opacity 80ms cubic-bezier(.36, .19, .29, 1)
}

.p-small_story_reply--active.p-small_story_reply:before, .p-small_story_reply:hover.p-small_story_reply:before {
    opacity: 1
}

.p-small_story_reply__icon {
    font-size: 24px;
    color: #fff;
    opacity: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .2);
    transition: text-shadow 80ms cubic-bezier(.36, .19, .29, 1), opacity 80ms cubic-bezier(.36, .19, .29, 1)
}

.p-small_story_reply--active .p-small_story_reply__icon, .p-small_story_reply:hover .p-small_story_reply__icon {
    opacity: 1;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .3)
}

.p-small_story_reply__waves {
    position: absolute;
    width: 100%
}

.c-file_gallery {
    margin-bottom: 8px;
    max-width: 1000px
}

.c-file_gallery.c-file_gallery__single_snippet {
    max-width: none
}

.c-file_gallery__compact, .c-file_gallery__mixed_file_format, .c-file_gallery__narrow, .c-file_gallery__wide {
    display: grid;
    grid-template-columns:repeat(auto-fit, 40px);
    grid-gap: 8px;
    min-width: 88px
}

.c-file_gallery__compact {
    grid-template-columns:1fr 1fr;
    grid-auto-rows: unset
}

.c-file_gallery__compact .c-file_gallery_image_file {
    padding-top: 100%;
    height: 0
}

.c-file_gallery__compact .p-file_image_thumbnail__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-file_gallery__mixed_file_format .c-file_gallery__message_file {
    grid-column-end: span 7
}

.c-file_gallery__mixed_file_format .c-pillow_file__description {
    min-width: 0
}

.c-file_gallery__mixed_file_format .c-pillow_file__title {
    display: block;
    white-space: nowrap
}

.c-file_gallery__mixed_file_format .c-pillow_file__meta__entry {
    white-space: nowrap
}

.c-file_gallery__mixed_file_format.c-file_gallery__mixed_file_format--compact .c-file_gallery__message_file {
    max-width: 426px
}

.c-file_gallery__mixed_file_format--compact {
    grid-template-columns:1fr
}

.c-file_gallery__mixed_file_format--compact .c-file_gallery__message_file {
    grid-column-end: span 1
}

.c-file_gallery_image_file {
    position: relative;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px sk_foreground_min_solid;
    border-radius: 4px
}

.c-file_gallery--focus_mode .c-file_gallery_image_file:focus-within .c-file__actions, .c-file_gallery--focus_mode .c-file_gallery_image_file:focus .c-file__actions, .c-file_gallery_image_file:hover .c-file__actions {
    opacity: 1;
    z-index: 1
}

.c-file_gallery_image_file .p-file_image_thumbnail__wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-file_gallery_image_file .p-file_image_thumbnail__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-file_gallery_image_file__smaller_than_container .p-file_image_thumbnail__image {
    width: auto;
    height: auto
}

.c-file_gallery_image_file .p-file_image_thumbnail__tiny_thumb_wrapper {
    width: 100%;
    height: 100%
}

.c-file_gallery_image_file__smaller_than_container .p-file_image_thumbnail__tiny_thumb_wrapper {
    width: auto;
    height: auto
}

.c-files_container .c-message_kit__file__remove {
    position: absolute;
    left: -20px;
    height: 26px;
    display: flex;
    align-items: center;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    opacity: 0
}

.c-files_container .c-message_kit__file__remove:focus, .c-files_container:focus .c-message_kit__file__remove, .c-files_container:hover .c-message_kit__file__remove, .c-message_kit__file:hover > .c-files_container .c-message_kit__file__remove {
    opacity: 1
}

.c-message_kit__file {
    margin-bottom: 8px;
    position: relative;
    margin-left: -20px;
    padding-left: 20px
}

.c-message_kit__file--collapsed {
    margin-bottom: 4px
}

.c-message_kit__file__remove {
    position: absolute;
    left: 0;
    height: 26px;
    display: flex;
    align-items: center;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    opacity: 0
}

.c-message_kit__file:hover > .c-message_kit__file__remove, .c-message_kit__file__remove:focus {
    opacity: 1
}

.c-message_kit__file__meta {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-bottom: 4px
}

.c-message_kit__file__meta__text {
    font-size: 13px
}

.c-message_kit__file__meta__attribution__link {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-message_kit__file__meta__attribution__link:active, .c-message_kit__file__meta__attribution__link:focus, .c-message_kit__file__meta__attribution__link:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-message_kit__file__meta__separator {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .33)
}

.c-message_kit__file__meta__name, .c-message_kit__file__meta__name:active, .c-message_kit__file__meta__name:focus, .c-message_kit__file__meta__name:hover {
    color: inherit
}

.c-message_kit__file__meta__collapse {
    vertical-align: text-top;
    height: 1em
}

.c-message_kit__blocks {
    max-width: 600px
}

.c-message_kit__blocks--rich_text {
    max-width: none;
    margin-bottom: 4px
}

.c-message_kit__blocks--rich_text.c-message_kit__blocks--inline:after {
    content: "";
    display: block;
    height: 4px
}

.c-message_kit__blocks--inline {
    display: inline
}

.c-message_kit__reaction_condensed {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message_kit__reaction_condensed--reactions .c-emoji {
    margin-right: 4px
}

.c-message_kit__replies_count {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message_kit__replies_count:hover {
    text-decoration: none
}

.c-message_kit__replies_count .c-icon--comment-alt:before {
    position: relative;
    top: -1px;
    margin-right: 4px;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.c-message_kit__reaction_condensed.c-message_kit__reaction_condensed--reactions + .c-message_kit__replies_count {
    margin-left: 24px
}

.c-message_kit__tombstone__text {
    display: flex;
    align-items: center;
    height: 44px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-message_kit__tombstone__text--compact {
    height: auto;
    margin-bottom: 4px
}

.c-message_kit__tombstone {
    display: flex
}

.c-message_kit__tombstone .c-message_kit__tombstone__icon {
    margin-right: 8px
}

.c-message_kit__tombstone__right {
    margin: -4px 0;
    flex: 1 1 0
}

.c-message_kit__inline_channel_context {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.c-message_kit__inline_channel_context_icon {
    margin-left: -2px
}

.c-message_kit__inline_channel_context_icon--channel {
    margin-right: -2px
}

.c-message_kit__inline_channel_context_icon--archived-channel {
    font-size: 15px;
    height: 15px;
    margin-right: -2px
}

.c-message_kit__footer {
    align-items: center;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    display: flex
}

.c-message_kit__footer_spacer:before {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    content: "|";
    margin: 0 4px
}

.c-message_kit__footer_channel {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-message_kit__footer_permalink {
    white-space: nowrap
}

.c-message_kit__footer--no_link .c-message_kit__footer_permalink, .c-message_kit__footer--no_link .c-message_kit__footer_spacer {
    display: none
}

.p-identity_transfer_modal {
    height: min(780px, 100vh);
    min-height: 560px;
    padding-top: 56px
}

.p-identity_transfer_modal .c-sk-modal_footer_actions {
    display: flex
}

.p-identity_transfer_modal .c-sk-modal_content {
    flex-grow: 1
}

.p-identity_transfer_modal--skip {
    height: auto;
    min-height: 400px
}

.p-identity_transfer_modal__logo {
    align-items: center;
    display: flex;
    justify-content: center
}

.p-identity_transfer_modal__logo--left img {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    margin: 0 24px 8px 0;
    padding: 10px
}

.p-identity_transfer_modal__logo--right img {
    margin: 0 0 8px 24px
}

.p-identity_transfer_modal__logo__app-icon {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    height: 56px;
    width: 56px
}

.p-identity_transfer_modal__logo__arrows {
    height: 30px;
    position: relative;
    top: -4px;
    width: 36px
}

.p-identity_transfer_modal__redirect {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    font-size: 13px;
    max-width: 50%
}

.p-identity_transfer_modal__title {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900;
    margin: 0;
    padding: 16px 28px;
    text-align: center
}

.p-identity_transfer_modal__title--skip {
    padding: 16px 64px;
    text-align: center
}

.p-identity_transfer_modal__member_section {
    margin-bottom: 16px
}

.p-identity_transfer_modal__member_card {
    align-items: flex-start;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 8px;
    display: flex;
    padding: 8px
}

.p-identity_transfer_modal__member_card__info {
    display: flex;
    flex-grow: 1
}

.p-identity_transfer_modal__member_card__info p {
    margin-bottom: 0
}

.p-identity_transfer_modal__member_card__info__avatar {
    margin-right: 12px
}

.p-identity_transfer_modal__member_card__expand {
    margin: 14px 14px 0 0
}

.p-identity_transfer_modal__description_item {
    display: flex
}

.p-identity_transfer_modal__description_icon {
    margin: 2px 16px 0 0
}

.p-identity_transfer_modal__marketing_consent {
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 16px 0
}

.p-identity_transfer_modal__legal {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    font-size: 13px;
    padding: 16px 0
}

.p-identity_transfer_modal__email_verification__content {
    padding: 0 28px
}

.p-identity_transfer_modal__resend_verification {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-identity_transfer_modal__resend_verification .c-label {
    font-weight: 400
}

.p-identity_transfer_modal__resend_verification .c-label__text {
    padding-bottom: 0
}

.p-identity_transfer_modal__info_box {
    padding: 16px 16px 4px 16px;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 8px
}

.p-rich_text_block, .p-rich_text_block .c-mrkdwn__pre, .p-rich_text_block .c-mrkdwn__quote, .p-rich_text_section {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.c-message__message_blocks--rich_text .p-block_kit_renderer--absorb_margin {
    margin-top: 0
}

.p-rich_text_block {
    width: 100%;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    text-align: left
}

[lang] .p-rich_text_block {
    font-size: 15px
}

[lang=ja-JP] .p-rich_text_block {
    font-size: 14px
}

[lang] .p-rich_text_block {
    line-height: 1.46668
}

[lang=ja-JP] .p-rich_text_block {
    line-height: 1.56668
}

.c-message .p-rich_text_block {
    margin: 8px 0 -4px
}

.p-rich_text_block .c-mrkdwn__code--no_left_cap {
    padding-left: 0;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.p-rich_text_block .c-mrkdwn__code--no_right_cap {
    padding-right: 0;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.p-rich_text_block .c-mrkdwn__user_group {
    text-decoration: inherit
}

.p-rich_text_block .c-mrkdwn__team_command, .p-rich_text_block .c-mrkdwn__team_command__icon {
    text-decoration: inherit;
    font-style: inherit
}

.p-rich_text_block .c-mrkdwn__pre .c-mrkdwn__br {
    height: unset
}

.p-rich_text_block .c-mrkdwn__pre .c-mrkdwn__br:after {
    content: " "
}

.p-rich_text_list {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none
}

.p-rich_text_list li {
    list-style-type: none;
    margin-left: 28px;
    margin-bottom: 0
}

.p-rich_text_list li:before {
    margin-left: -28px;
    margin-right: 6px;
    display: inline-block;
    text-align: center;
    width: 22px;
    white-space: nowrap
}

.p-rich_text_list[data-indent="1"] li {
    margin-left: 56px
}

.p-rich_text_list[data-indent="2"] li {
    margin-left: 84px
}

.p-rich_text_list[data-indent="3"] li {
    margin-left: 112px
}

.p-rich_text_list[data-indent="4"] li {
    margin-left: 140px
}

.p-rich_text_list[data-indent="5"] li {
    margin-left: 168px
}

.p-rich_text_list__bullet li:before {
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    content: "\E506";
    font-size: 15px;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap
}

.p-rich_text_list__bullet[data-indent="0"] li:before, .p-rich_text_list__bullet[data-indent="3"] li:before, .p-rich_text_list__bullet[data-indent="6"] li:before {
    content: "\E506"
}

.p-rich_text_list__bullet[data-indent="1"] li:before, .p-rich_text_list__bullet[data-indent="4"] li:before, .p-rich_text_list__bullet[data-indent="7"] li:before {
    content: "\E507"
}

.p-rich_text_list__bullet[data-indent="2"] li:before, .p-rich_text_list__bullet[data-indent="5"] li:before, .p-rich_text_list__bullet[data-indent="8"] li:before {
    content: "\E509"
}

.p-rich_text_list__ordered li:before {
    counter-increment: list-0;
    content: counter(list-0, decimal) ". "
}

.p-rich_text_list__ordered[data-indent="0"] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
}

.p-rich_text_list__ordered[data-indent="0"] li:before {
    content: counter(list-0, decimal) ". "
}

.p-rich_text_list__ordered[data-indent="1"] {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8
}

.p-rich_text_list__ordered[data-indent="1"] li:before {
    counter-increment: list-1;
    content: counter(list-1, lower-alpha) ". "
}

.p-rich_text_list__ordered[data-indent="2"] {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8
}

.p-rich_text_list__ordered[data-indent="2"] li:before {
    counter-increment: list-2;
    content: counter(list-2, lower-roman) ". ";
    text-align: right
}

.p-rich_text_list__ordered[data-indent="3"] {
    counter-reset: list-4 list-5 list-6 list-7 list-8
}

.p-rich_text_list__ordered[data-indent="3"] li:before {
    counter-increment: list-3;
    content: counter(list-3, decimal) ". "
}

.p-rich_text_list__ordered[data-indent="4"] {
    counter-reset: list-5 list-6 list-7 list-8
}

.p-rich_text_list__ordered[data-indent="4"] li:before {
    counter-increment: list-4;
    content: counter(list-4, lower-alpha) ". "
}

.p-rich_text_list__ordered[data-indent="5"] {
    counter-reset: list-6 list-7 list-8
}

.p-rich_text_list__ordered[data-indent="5"] li:before {
    counter-increment: list-5;
    content: counter(list-5, lower-roman) ". ";
    text-align: right
}

.p-rich_text_list__ordered[data-indent="6"] {
    counter-reset: list-7 list-8
}

.p-rich_text_list__ordered[data-indent="6"] li:before {
    counter-increment: list-6;
    content: counter(list-6, decimal) ". "
}

.p-rich_text_list__ordered[data-indent="7"] {
    counter-reset: list-8
}

.p-rich_text_list__ordered[data-indent="7"] li:before {
    counter-increment: list-7;
    content: counter(list-7, lower-alpha) ". "
}

.p-rich_text_list__ordered[data-indent="8"] li:before {
    counter-increment: list-8;
    content: counter(list-8, lower-roman) ". ";
    text-align: right
}

.p-rich_text_block__theme_install_btn_wrapper {
    margin: 4px 0 8px
}

.p-rich_text_block__theme_install_btn_wrapper .c-message_attachment__button {
    margin: 0
}

.p-rich_text_block--inline {
    margin-top: 0;
    display: inline
}

.p-rich_text_block--inline .p-rich_text_section {
    display: inline
}

.p-workflowtoken__channel {
    white-space: nowrap;
    pointer-events: none
}

.p-workflowtoken__channel .c-link--button {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-workflowtoken__user {
    pointer-events: none
}

.p-workflowtoken__user .c-link--button {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-workflowtoken__missing {
    color: #e01e5a;
    background: rgba(224, 30, 90, .1);
    border-radius: 3px;
    padding: 2px 3px;
    vertical-align: bottom
}

.c-mrkdwn__subject_line {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    display: inline-block;
    margin: 4px 0 12px 0
}

.p-call_block {
    width: 100%
}

.p-input_block_wrapper--app_home_view {
    margin: 12px 0
}

.p-block_kit_input_block {
    position: relative
}

.p-block_kit_input_block .c-input_textarea__wrapper {
    margin: 0
}

.p-block_kit_input_block .c-label__text .p-block_kit_input_block__label {
    font-weight: 700;
    display: inline
}

.p-block_kit_input_block .c-input_text {
    margin-bottom: 0
}

.p-block_kit_input_block .multi_select_element_container {
    margin: 0
}

.p-block_kit_input_block--full_width, .p-block_kit_input_block--full_width .p-block_kit_input_block__element {
    width: 100%
}

.c-message__message_blocks .p-block_kit_input_block--full_width {
    margin: 8px 0 2px
}

.p-block_kit_input_block--invalid .c-input_text, .p-block_kit_input_block--invalid .c-input_textarea, .p-block_kit_input_block--invalid .c-multi_select_input, .p-block_kit_input_block--invalid .c-select_input, .p-block_kit_input_block--invalid .p-block_kit_date_picker__datepicker_trigger {
    border-color: #e01e5a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.p-block_kit_input_block--invalid .c-input_text:focus, .p-block_kit_input_block--invalid .c-input_text:focus-within, .p-block_kit_input_block--invalid .c-input_textarea:focus, .p-block_kit_input_block--invalid .c-input_textarea:focus-within, .p-block_kit_input_block--invalid .c-multi_select_input:focus, .p-block_kit_input_block--invalid .c-multi_select_input:focus-within, .p-block_kit_input_block--invalid .c-select_input:focus, .p-block_kit_input_block--invalid .c-select_input:focus-within, .p-block_kit_input_block--invalid .p-block_kit_date_picker__datepicker_trigger:focus, .p-block_kit_input_block--invalid .p-block_kit_date_picker__datepicker_trigger:focus-within {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3)
}

.p-block_kit_input_block--invalid .c-alert--nested_box {
    margin: 0
}

.p-block_kit_input_block__enter_help_text, .p-block_kit_input_block__hint_text {
    font-size: 13px;
    line-height: 1.38461538;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400;
    display: inline
}

.p-block_kit_input_block__enter_help_text {
    white-space: nowrap;
    margin-left: 4px
}

.p-block_kit_input_block__icons {
    position: absolute;
    right: -30px;
    top: 35px
}

.p-block_kit_input_block__icons--small {
    right: -18px;
    top: 4px
}

.p-header_block {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    width: 100%;
    margin: 1em 0 4px
}

.p-block_kit_renderer > :first-child .p-header_block {
    margin-top: 4px
}

.p-block_kit_table_block__table {
    width: 100%;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-spacing: 0
}

.p-block_kit_table_block__cell {
    padding: 4px;
    cursor: pointer;
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-block_kit_table_block__cell .p-mrkdwn_element, .p-block_kit_table_block__cell .p-plain_text_element {
    word-break: inherit
}

.p-block_kit_table_block__cell:last-child {
    border-right: 0
}

.p-block_kit_table_block__row:last-child .p-block_kit_table_block__cell {
    border-bottom: 0
}

.c-card_container {
    position: relative
}

.c-card_container, .c-card_container__actions {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-card_container__actions {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08);
    border-radius: 6px;
    display: flex;
    padding: 2px;
    position: absolute
}

.c-card_container__actions--hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-card_container__actions--position_floating {
    right: 16px;
    top: -16px
}

.c-card_container__actions--position_inset {
    right: 12px;
    top: 12px
}

.c-card_container__action:active, .c-card_container__action:focus {
    position: relative;
    z-index: 1
}

.c-card_container--size_small {
    border-radius: 4px;
    padding: 4px
}

.c-card_container--size_medium {
    border-radius: 12px;
    padding: 12px
}

.c-card_container--size_large {
    border-radius: 16px;
    padding: 28px
}

.c-card_container--elevation_0 {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0)
}

.c-card_container--elevation_0.c-card_container--active, .c-card_container--elevation_1 {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.c-card_container--elevation_2 {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.c-card_container--elevation_3 {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .08)
}

.p-event-container {
    padding: 0;
    margin: 8px 0;
    max-width: 440px;
    flex: 1
}

.p-event {
    border-radius: 8px;
    position: relative
}

.p-event_event-header {
    display: flex;
    padding: 12px;
    align-items: center
}

.p-event_icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #1264a3;
    background-size: 20px;
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 4px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    position: relative
}

.p-event .p-event_tombstone {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.p-event_row_left_side {
    max-width: 36px;
    min-width: 36px;
    margin-right: 10px;
    text-align: center;
    align-self: flex-start
}

.p-event-rsvp_guests {
    display: block;
    margin-top: -2px;
    font-size: 13px
}

.p-event-rsvp_count {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-event .calendar-image {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin: 0 auto
}

.p-event-rsvp_accepted {
    margin-right: 4px
}

.p-event-avatar_wrapper {
    position: relative
}

.p-event-avatar_wrapper .c-icon:before {
    background-color: #007a5a;
    border-radius: 12px;
    font-size: 10px;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid var(--saf-0);
    line-height: 10px;
    color: #fff
}

.p-event-avatar_badge {
    position: absolute;
    bottom: -3px;
    right: -3px;
    pointer-events: none
}

.p-event_summary {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    overflow: hidden;
    align-self: flex-start;
    margin-top: -4px
}

.p-event_title {
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 700
}

.p-event_datetime, .p-event_title {
    font-size: 15px;
    line-height: 1.46668
}

.p-event_datetime {
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    margin-top: -1px
}

.p-event_datetime-separator {
    font-weight: 700
}

.p-event_event-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    font-size: 13px
}

.p-event_info-row {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.p-event_info-row:last-child {
    margin-bottom: 0
}

.p-event_meeting-provider:first-letter {
    text-transform: uppercase
}

.p-event_info-icon {
    color: #616061;
    margin-right: 8px
}

.p-event_copy-to-calendar, .p-event_event-rsvp {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    display: flex;
    padding: 16px;
    align-items: center;
    justify-content: space-between;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.p-event_event-join-call {
    display: flex;
    padding: 0 12px 12px;
    align-items: center
}

.p-event_rsvp-options, .p-event_rsvp-question {
    padding: 16px 0
}

.p-event_facepile, .p-event_rsvp-question {
    margin-right: 12px;
    flex-grow: 1;
    min-width: 44px;
    font-size: 13px
}

.p-event_facepile-tile {
    margin-right: 8px
}

.p-event_event-rsvp {
    font-weight: 700;
    flex-wrap: wrap;
    padding: 0 16px
}

.p-event_rsvp-loader {
    margin: auto
}

.p-event_rsvp-options {
    margin-left: 12px;
    font-size: 13px;
    position: relative;
    text-decoration: none;
    min-width: 126px
}

.p-event_rsvp-options button {
    min-width: 20px;
    padding: 5px 8px;
    border-radius: 4px;
    text-decoration: none;
    min-height: 20px;
    position: absolute;
    top: 0;
    text-align: center
}

.p-event_rsvp-options button:not(.p-event_rsvp--selection):hover {
    background-color: #f8f8f8;
    text-decoration: none
}

.p-event_rsvp-options button.p-event_rsvp--selection:hover {
    color: #fff;
    text-decoration: none
}

.p-event_rsvp-options .p-event_rsvp-choice-maybe {
    right: 0;
    min-width: 50px
}

.p-event_rsvp-options .p-event_rsvp-choice-no {
    right: 61px;
    min-width: 30px
}

.p-event_rsvp-options .p-event_rsvp-choice-yes {
    right: 100px;
    min-width: 40px
}

.p-event .p-event_rsvp_icon {
    position: absolute;
    bottom: -9px;
    right: -9px;
    border-radius: 10px
}

.p-event_icon_accepted {
    background-color: #007a5a
}

.p-event_icon_declined {
    background-color: #e01e5a
}

.p-event_icon_tentative {
    background-color: #868686
}

.p-event_action_options {
    right: 10px;
    top: 20px;
    display: none
}

.p-event--focused {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.p-event--focused .p-event_action_options {
    display: block
}

.p-event_action_options--action {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    padding: 8px;
    border-radius: 5px;
    margin-left: 8px;
    margin-top: 16px;
    cursor: pointer
}

.p-event_cancelled {
    text-decoration: line-through
}

.p-event_join-call-section {
    flex-grow: 0
}

.p-event_join_call_text {
    font-size: 13px;
    display: flex;
    padding-bottom: 2px;
    color: #1264a3;
    font-weight: 700
}

.p-event_join_call_text_no_meeting {
    margin-top: -5px;
    display: flex;
    font-size: 13px
}

.p-event_join_call_text_no_meeting, .p-event_past_event_meeting_link, .p-event_past_event_meeting_link:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-event .c-avatar__additional_overlay {
    display: flex;
    justify-content: center;
    align-items: center
}

.p-event_video--pulse {
    position: absolute;
    color: #007a5a;
    animation: p-video_button_icon--blink .7s 4 alternate;
    opacity: 1;
    left: 1px;
    font-size: large;
    top: 0
}

.p-event_video-pulse-wrapper {
    display: inline-block;
    position: relative
}

.p-event_status {
    border-radius: 4px;
    padding: .5px 3px 1.5px;
    margin-right: 8px
}

.p-event_status-text {
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    font-size: 10px
}

.p-event_status-in-flight {
    background-color: #e6f2ee;
    color: #007a5a
}

.p-event_status-ended {
    background-color: #f8f8f8;
    color: #868686
}

.p-event_rsvp--selection {
    background-color: #1264a3;
    color: #fff
}

@keyframes p-video_button_icon--blink {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.p-top_level_error_element {
    padding: 10px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border-radius: 3px
}

.p-block_kit_renderer__expand_blocks {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-block_kit_renderer--absorb_margin {
    margin-top: 8px
}

.p-block_kit_renderer__block_wrapper {
    display: flex
}

.p-block_kit_renderer {
    width: 100%
}

.p-block_kit_renderer--inline, .p-block_kit_renderer--inline .p-block_kit_renderer__block_wrapper--first {
    display: inline
}

.p-story_root_grid {
    display: flex;
    margin: -4px;
    flex-flow: wrap
}

.p-story_root_grid__poster {
    flex: 0 0 calc(50% - 8px);
    position: relative;
    background-size: cover;
    background-position: 50%;
    margin: 4px;
    border-radius: 8px;
    overflow: hidden
}

.p-story_root_grid__poster__aspect {
    position: relative;
    padding-top: 56.25%
}

.p-story_root_grid__poster__waves {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%)
}

.p-story_root_grid__poster__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .1);
    color: #fff
}

.p-story_root_grid__poster--overflow .p-story_root_grid__poster__content {
    background: rgba(0, 0, 0, .2)
}

.p-story_root_grid__poster__overflow {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    font-weight: 700
}

.p-story_root_grid__placeholder {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .1)
}

.p-story_root_grid__placeholder .p-story_root_grid__poster__content {
    background: none
}

.p-story_root_group_mention {
    width: 36px;
    height: 36px;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top
}

.p-story_root_mentions {
    margin-top: 16px
}

.p-story_root_mentions:first-child {
    margin-top: 4px
}

.p-story_root_mentions__avatars__avatar {
    margin-right: 8px
}

.p-story_meeting_block {
    max-width: 500px;
    margin: 4px 0 8px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    overflow: hidden;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0)
}

.p-story_meeting_block__section {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-story_meeting_block__section:last-child {
    border-bottom: none
}

.p-story_meeting_block__header {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .05)
}

.p-story_meeting_block__header__title {
    font-weight: 700
}

.p-story_meeting_block__header__timestamp {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-message_kit__thread_message--root .p-story_meeting_block__header__timestamp .c-timestamp {
    margin: 0
}

.p-story_meeting_block__body:empty {
    display: none
}

.p-story_meeting_block__reply {
    display: flex;
    align-items: center
}

.p-story_meeting_block__reply__label {
    flex: 1;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-story_meeting_block__reply__button {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 20px 0 16px;
    margin-left: 8px;
    border-radius: 18px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0), 0 1px 3px rgba(0, 0, 0, .08);
    font-weight: 700;
    transition: box-shadow 80ms cubic-bezier(.36, .19, .29, 1)
}

.p-story_meeting_block__reply__button:focus, .p-story_meeting_block__reply__button:hover {
    --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    box-shadow: inset 0 0 0 1px var(--saf-0), 0 2px 4px rgba(0, 0, 0, .1)
}

.p-story_meeting_block__reply__button.c-button--focus-visible:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-radius: 18px
}

.p-story_meeting_block__reply__button__icon {
    margin-right: 8px
}

.p-story_meeting_block__stories {
    margin-bottom: 4px
}

.p-story_meeting_block__stories:first-child {
    margin-top: -12px
}

.p-story_meeting_block__stories__divider {
    position: relative;
    display: flex;
    align-items: center;
    margin: 16px -16px 8px 0
}

.p-story_meeting_block__stories__divider__label {
    position: relative;
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    margin-right: 8px
}

.p-story_meeting_block__stories__divider:after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-story_adhoc_block {
    max-width: 500px;
    margin-bottom: 8px
}

.p-story_adhoc_block__header {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-top: 2px
}

.p-story_adhoc_block__header__caret__icon {
    margin-left: 2px
}

.p-story_adhoc_block__header__caret__icon:before {
    font-size: 15px;
    top: 10px
}

.p-story_adhoc_block__prompt {
    font-weight: 900;
    margin-top: 4px
}

.p-story_adhoc_block__prompt:empty {
    display: none
}

.p-story_adhoc_block__grid {
    margin-top: 8px
}

.p-story_root__pillow {
    display: inline-flex;
    align-items: center;
    margin: 4px 0 8px;
    padding: 12px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 8px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.p-story_root__prompt {
    font-weight: 900;
    display: block
}

.p-story_root__overflow, .p-story_root__poster, .p-story_root__poster__placeholder, .p-story_root__reply {
    width: 120px;
    height: 160px;
    flex-shrink: 0;
    margin-right: 12px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 80ms cubic-bezier(.36, .19, .29, 1)
}

.p-story_root__overflow:hover, .p-story_root__poster:hover, .p-story_root__poster__placeholder:hover, .p-story_root__reply:hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08)
}

.p-story_root__overflow:last-child, .p-story_root__poster:last-child, .p-story_root__poster__placeholder:last-child, .p-story_root__reply:last-child {
    margin-right: 0
}

.p-story_root__poster {
    position: relative;
    background-size: cover;
    background-position: 50%
}

.p-story_root__poster:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    --saf-0: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.p-story_root__poster__avatar.c-avatar {
    position: absolute;
    bottom: 8px;
    right: 8px;
    cursor: inherit
}

.p-story_root__overflow, .p-story_root__poster__placeholder, .p-story_root__reply {
    --saf-0: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.p-story_root__reply {
    margin-right: 0;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-story_root__reply__avatar {
    margin-bottom: 8px;
    cursor: inherit
}

.p-story_root__reply__text {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700
}

.p-story_root__reply__icon {
    margin-left: -4px
}

.p-story_root__reply:disabled {
    opacity: .5;
    cursor: default
}

.p-story_root__overflow {
    position: relative
}

.p-story_root__overflow .p-story_root__poster {
    margin: 0
}

.p-story_root__overflow__text {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-weight: 700
}

.p-story_root__poster__placeholder {
    position: relative;
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-story_root__poster__placeholder__spinner .c-infinite_spinner__bg, .p-story_root__poster__placeholder__spinner .c-infinite_spinner__path {
    stroke: inherit
}

.p-story_root__overflow--unread, .p-story_root__poster--unread {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 2px var(--saf-0), 0 0 0 4px
}

.p-story_root__overflow--unread:hover, .p-story_root__poster--unread:hover {
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 2px var(--saf-0), 0 0 0 4px, inset 0 0 0 1px rgba(0, 0, 0, .2), 0 4px 3px 2px rgba(0, 0, 0, .13)
}

.p-story_share {
    width: 400px;
    max-width: 100%
}

.p-story_share__topic {
    font-weight: 900
}

.p-story_share__thumb {
    width: 100%;
    height: 0;
    padding-top: 75%;
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    border-radius: 8px;
    margin: 8px 0 4px;
    position: relative
}

.p-story_share--files .p-story_share__thumb {
    margin-bottom: 8px
}

.p-story_share__icon {
    position: absolute;
    bottom: 16px;
    left: 16px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    padding-left: 1px
}

.c-message_attachment {
    display: flex;
    align-items: stretch;
    position: relative;
    margin: 0 0 8px 0;
    max-width: 600px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-message_attachment__border {
    flex-shrink: 0;
    width: 4px;
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-radius: 8px
}

.c-message_attachment__delete_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    width: 20px
}

.c-message_attachment__delete_container--pushed, .c-message_kit__text:empty + .c-message_kit__attachments > .c-message_attachment:first-child .c-message_attachment__delete_container {
    top: 24px
}

.c-message_attachment__delete {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    display: inline;
    opacity: 0
}

.c-message_attachment__delete:focus, .c-message_attachment__delete:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    opacity: 1
}

.c-message_attachment:hover .c-message_attachment__delete {
    opacity: 1
}

.c-message_kit__attachments {
    max-width: 600px
}

.c-message_attachment__pretext {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

[lang] .c-message_attachment__pretext {
    font-size: 15px
}

[lang=ja-JP] .c-message_attachment__pretext {
    font-size: 14px
}

[lang] .c-message_attachment__pretext {
    line-height: 1.46666667
}

[lang=ja-JP] .c-message_attachment__pretext {
    line-height: 1.56666667
}

.c-message_attachment__pretext + .c-message_attachment {
    margin-top: 8px
}

.c-message_attachment__body {
    flex: 1;
    padding: 0 12px;
    word-wrap: break-word;
    width: 100%
}

[lang] .c-message_attachment__body {
    font-size: 15px
}

[lang=ja-JP] .c-message_attachment__body {
    font-size: 14px
}

[lang] .c-message_attachment__body {
    line-height: 1.46666667
}

[lang=ja-JP] .c-message_attachment__body {
    line-height: 1.56666667
}

.c-message_attachment__over_limit_button {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-message_attachment__author_subname, .c-message_attachment__part {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message_attachment__over_limit {
    margin: 0;
    padding: 8px 0
}

.c-message_attachment__author {
    color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

[lang] .c-message_attachment__author .emoji-sizer {
    font-size: 15px
}

[lang=ja-JP] .c-message_attachment__author .emoji-sizer {
    font-size: 14px
}

[lang] .c-message_attachment__author .emoji-sizer {
    line-height: 1.46666667
}

[lang=ja-JP] .c-message_attachment__author .emoji-sizer {
    line-height: 1.56666667
}

[lang] .c-message_attachment__author_icon {
    font-size: 12px
}

[lang=ja-JP] .c-message_attachment__author_icon {
    font-size: 11px
}

[lang] .c-message_attachment__author_icon {
    line-height: 1.25
}

[lang=ja-JP] .c-message_attachment__author_icon {
    line-height: 1.35
}

.c-message_attachment__author_link + .c-message_attachment__author_link {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400
}

.c-message_attachment__title {
    font-weight: 700
}

.c-message_attachment__author_name, .c-message_attachment__author_name.c-link--button, .c-message_attachment__author_name.c-link--button:active, .c-message_attachment__author_name.c-link--button:focus, .c-message_attachment__author_name.c-link--button:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 900
}

.c-message_attachment__footer {
    align-items: center;
    padding-top: 4px;
    color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

[lang] .c-message_attachment__footer {
    font-size: 12px
}

[lang=ja-JP] .c-message_attachment__footer {
    font-size: 11px
}

[lang] .c-message_attachment__footer {
    line-height: 1.25
}

[lang=ja-JP] .c-message_attachment__footer {
    line-height: 1.35
}

.c-message_attachment__footer a {
    color: inherit
}

.c-message_attachment__footer a:focus {
    text-decoration: none
}

.c-message_attachment__row + .c-message_attachment__row--actions {
    margin-top: 6px
}

.c-message_attachment__row--has_trigger {
    align-items: baseline
}

.c-message_attachment__row--has_trigger .c-message_attachment__media_trigger--too_large {
    display: block;
    margin-top: 4px
}

.c-message_attachment__author_icon, .c-message_attachment__footer_icon {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    margin-right: 8px;
    vertical-align: middle;
    box-sizing: content-box;
    overflow: hidden
}

.c-message_attachment__author_icon {
    margin-bottom: 3px
}

.c-message_attachment__footer_icon {
    margin-right: 4px
}

.c-message_attachment__private_icon:before {
    display: inline;
    font-size: inherit;
    margin-left: -1px
}

.c-message_attachment__field {
    margin-bottom: 4px
}

.c-message_attachment__field--short {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.c-message_attachment__field_title {
    font-weight: 700
}

.c-message_attachment__image, .c-message_attachment__thumb, .c-message_attachment__video_thumb {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.c-message_attachment__image_container, .c-message_attachment__thumb, .c-message_attachment__video_container {
    margin-top: 5px;
    position: relative
}

.c-message_attachment__image {
    cursor: zoom-in;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.c-message_attachment__thumb {
    width: 80px;
    height: 80px;
    box-shadow: none
}

.c-message_attachment__video_thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.c-message_attachment__video_html {
    background-color: #000;
    border-radius: 8px;
    width: 100%;
    height: 100%
}

.c-message_attachment__video_html iframe {
    border: none;
    width: 100%;
    height: 100%
}

.c-message_attachment__video_buttons {
    min-width: 150px;
    max-width: 225px;
    width: 100%;
    padding: 5%;
    border-radius: .7rem;
    background: rgba(0, 0, 0, .4);
    text-align: center
}

.c-message_attachment__video_play {
    text-align: center;
    vertical-align: initial
}

.c-message_attachment__video_link {
    text-align: center
}

.c-message_attachment__video_link:link, .c-message_attachment__video_link:visited {
    color: #fff
}

.c-message_attachment__video_link.c-link--focus-visible:focus, .c-message_attachment__video_link.focus-ring, .c-message_attachment__video_play.c-button--focus-visible:focus, .c-message_attachment__video_play.focus-ring {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px hsla(0, 0%, 100%, .3)
}

.c-message_attachment__video_link, .c-message_attachment__video_play {
    font-size: 3.4rem;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    opacity: .7;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    padding: 0 10%;
    display: inline-block
}

.c-message_attachment__video_link:focus, .c-message_attachment__video_link:hover, .c-message_attachment__video_play:focus, .c-message_attachment__video_play:hover {
    color: #fff;
    opacity: 1
}

.c-message_attachment__video_player {
    margin: 0;
    border-radius: none;
    max-width: 100%;
    max-height: 100%
}

.c-message_attachment__audio {
    margin-top: 5px
}

.c-message_attachment__media_trigger {
    white-space: nowrap
}

.c-message_attachment__media_trigger .c-expandable_trigger {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-size: 15px;
    line-height: 1;
    margin-top: -4px
}

[lang] .c-message_attachment__media_trigger--caption {
    font-size: 13px
}

[lang=ja-JP] .c-message_attachment__media_trigger--caption {
    font-size: 12px
}

[lang] .c-message_attachment__media_trigger--caption {
    line-height: 1.38461538
}

[lang=ja-JP] .c-message_attachment__media_trigger--caption {
    line-height: 1.48461538
}

.c-message_attachment__media_trigger--too_large {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    white-space: normal
}

[lang] .c-message_attachment__media_trigger--too_large {
    font-size: 15px
}

[lang=ja-JP] .c-message_attachment__media_trigger--too_large {
    font-size: 14px
}

[lang] .c-message_attachment__media_trigger--too_large {
    line-height: 1.46666667
}

[lang=ja-JP] .c-message_attachment__media_trigger--too_large {
    line-height: 1.56666667
}

.c-message_attachment_inline [data-expanded=false] {
    display: none
}

.c-message_attachment__media_aside_container {
    display: flex;
    flex-wrap: wrap
}

.c-message_attachment__media_aside_container .p-workspace__primary_view--tiny, .p-workspace__secondary_view--tiny .c-message_attachment__media_aside_container {
    display: block
}

.c-message_attachment__main_content {
    flex: 1 1 1em;
    min-width: 250px;
    padding-right: 12px
}

.c-message_attachment__main_content .p-workspace__primary_view--tiny, .p-workspace__secondary_view--tiny .c-message_attachment__main_content {
    display: block;
    min-width: auto;
    padding-right: 0
}

.c-message_attachment__button {
    min-width: 0;
    max-width: 220px;
    padding: 0 10px;
    margin: 2px 8px 2px 0;
    vertical-align: middle
}

.c-message_attachment__button .emoji-sizer {
    font-size: 13px
}

.c-message_attachment__select_wrapper {
    display: inline-block;
    width: 180px
}

.c-input_select.c-message_attachment__select {
    --saf-0: rgba(var(--sk_foreground_mid, 29, 28, 29), 0.3);
    border: 1px solid var(--saf-0);
    margin: 2px 8px 2px 0;
    transition: border 0s
}

.c-input_select.c-message_attachment__select:active, .c-input_select.c-message_attachment__select:hover {
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    border: 1px solid var(--saf-0)
}

.c-message_attachment__selected_value--channels, .c-message_attachment__selected_value--conversations, .c-message_attachment__selected_value--users {
    margin-left: -4px
}

.c-message_attachment__selected_value--channels .c-deprecated-icon:before, .c-message_attachment__selected_value--conversations .c-deprecated-icon:before, .c-message_attachment__selected_value--users .c-deprecated-icon:before {
    font-size: 18px;
    vertical-align: top
}

.c-message_attachment__select_option--channels, .c-message_attachment__select_option--conversations, .c-message_attachment__select_option--users {
    line-height: 28px;
    padding: 0 4px 0 0
}

.c-message_attachment__file {
    margin-top: 8px
}

.c-message_attachment__file--image {
    border-radius: 4px;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-message_attachment_v2 {
    display: flex;
    position: relative;
    margin: 0 0 8px 0
}

.c-message_attachment_v2 .p-block_kit_renderer--absorb_margin {
    margin-top: 0
}

.c-message_attachment_v2__body {
    padding-top: 2px;
    width: 100%
}

.c-message_attachment_v2__body > div > :first-child {
    margin-top: 0
}

.c-message_attachment_v2__delete_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    width: 20px
}

.c-message_attachment_v2__delete_container--pushed, .c-message_kit__text:empty + .c-message_kit__attachments > .c-message_attachment_v2:first-child .c-message_attachment_v2__delete_container {
    top: 24px
}

.c-message_attachment_v2__delete {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    display: inline;
    opacity: 0
}

.c-message_attachment_v2__delete:active, .c-message_attachment_v2__delete:focus, .c-message_attachment_v2__delete:hover {
    outline: none
}

.c-message_attachment_v2__delete:focus, .c-message_attachment_v2__delete:hover {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    opacity: 1
}

.c-message_attachment_v2:hover .c-message_attachment_v2__delete {
    opacity: 1
}

.c-message_attachment_v2__border {
    margin-right: 12px
}

.c-message_attachment_v2__attribution {
    padding-top: 4px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

[lang] .c-message_attachment_v2__attribution {
    font-size: 12px
}

[lang=ja-JP] .c-message_attachment_v2__attribution {
    font-size: 11px
}

[lang] .c-message_attachment_v2__attribution {
    line-height: 1.25
}

[lang=ja-JP] .c-message_attachment_v2__attribution {
    line-height: 1.35
}

.c-message_attachment_v2__attribution a {
    color: inherit
}

.c-message_attachment_v2__attribution a:focus {
    text-decoration: none
}

.c-message_attachment_v2__attribution a:hover {
    text-decoration: underline
}

.p-connection_info_icon {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: flex-end;
    font-size: 16px
}

.p-connection_info_icon__icon + .p-connection_info_icon__icon {
    margin-left: -6px;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-1: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-2: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: -2px 0 0 var(--saf-0), -2px 1px 0 var(--saf-0), -2px -1px 0 var(--saf-0)
}

.p-connection_info_text {
    margin-bottom: 0
}

.p-context_bar {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    position: relative;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    z-index: 200;
    min-height: 36px;
    margin: -8px -20px 0 -20px;
    padding: 8px 20px 8px 20px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-context_bar__content {
    align-items: center;
    display: flex
}

.p-context_bar__icon_container {
    align-self: baseline;
    display: flex;
    flex-shrink: 0;
    width: 36px;
    justify-content: flex-end;
    font-size: 16px
}

.p-context_bar__icon_container .p-context_bar__dnd_icon {
    font-size: 20px
}

.p-context_bar__icon_container .p-context_bar__icon + .p-context_bar__icon {
    margin-left: -6px;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-1: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-2: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: -2px 0 0 var(--saf-0), -2px 1px 0 var(--saf-0), -2px -1px 0 var(--saf-0)
}

.p-context_bar__text {
    margin-bottom: 0;
    margin-left: 8px;
    cursor: default;
    display: block
}

.p-context_bar:not(.p-context_bar--multiline):not(.p-context_bar__mobile_app_nudge) .p-context_bar__text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-context_bar__link {
    min-width: 0
}

.p-context_bar__link .p-context_bar__text {
    cursor: pointer
}

.p-context_bar__text__member_name {
    display: inline-flex;
    margin-right: 0
}

.p-context_bar__link.c-link--button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex
}

.p-context_bar__dnd--animating .p-context_bar__content {
    animation: highlight 3s forwards;
    border-radius: 4px
}

.p-context_bar__dnd--animating .p-context_bar__dnd_icon {
    animation: shaky .6s
}

@keyframes highlight {
    20% {
        background: rgba(242, 199, 68, .2)
    }
    60% {
        background: rgba(242, 199, 68, .2)
    }
}

@keyframes shaky {
    0% {
        transform: rotate(0deg)
    }
    33% {
        transform: rotate(-30deg)
    }
    66% {
        transform: rotate(30deg)
    }
    to {
        transform: rotate(0deg)
    }
}

.p-message_types__menu .c-menu_item__icon img {
    border: none
}

.p-message_types__context {
    display: flex;
    align-items: center;
    background-color: rgba(232, 145, 45, .15);
    padding: 8px;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-message_types__context_emoji {
    margin-right: 4px
}

.p-message_types__context_title {
    margin-right: 4px;
    font-weight: 700
}

.p-message_types__context_description {
    flex-grow: 1
}

.p-message_types__context_remove_btn button {
    height: 22px;
    width: 22px
}

.p-setup_prog_disc_icon_action {
    border-radius: 16px;
    background-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 2px;
    margin-right: 2px;
    margin-left: 2px
}

.p-setup_prog_disc_icon_action__icon {
    background-color: #fff;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    width: 26px;
    height: 26px;
    border-radius: 13px
}

.p-setup_prog_disc_icon_action__icon:before {
    font-size: 16px
}

.p-setup_prog_disc_icon_action__text {
    color: #fff;
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    margin-left: 6px;
    margin-right: 8px
}

.p-composer__body {
    display: flex
}

.p-composer__body:focus {
    outline: none
}

.p-composer__button:not(:last-child) {
    margin-right: 1px
}

.p-composer__button[disabled] {
    cursor: default
}

.p-composer__button .c-icon:before {
    font-size: 16px
}

.p-composer__link_form {
    background: #000;
    display: flex;
    align-content: center
}

.p-composer__link_form .p-composer__link_form_text {
    height: auto;
    margin: 0;
    align-self: center;
    flex: 0 auto;
    margin-right: 5px
}

.p-composer__link_form .p-composer__link_form_text:focus {
    box-shadow: none
}

.p-composer__link_form .p-composer__link_form_button {
    align-self: center;
    min-width: auto
}

.p-composer__link_form .p-composer__link_form_button:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px hsla(0, 0%, 100%, .3);
    border-radius: 4px
}

.p-composer__link_form .p-composer__link_remove_button {
    background: transparent;
    padding: 0
}

.p-composer__link_form .p-composer__link_remove_button:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px hsla(0, 0%, 100%, .3);
    border-radius: 4px
}

.p-composer__tip_subtitle {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    display: flex;
    justify-content: center
}

.p-composer__separator {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 1px;
    background: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin: -3px 6px
}

.p-composer__body--floating {
    background: #000;
    border-radius: 8px;
    opacity: 0;
    padding: 4px
}

.p-composer__body--floating.p-composer__body--visible {
    animation-name: bounceIn;
    animation-duration: .2s;
    animation-timing-function: cubic-bezier(.455, .03, .515, .955);
    animation-fill-mode: forwards
}

.p-composer__button--floating.c-icon_button {
    background: #000;
    color: #fff;
    width: 32px;
    height: 32px
}

.p-composer__button--floating.c-icon_button[disabled], .p-composer__button--floating.c-icon_button[disabled]:hover {
    color: hsla(0, 0%, 100%, .3);
    background-color: #000
}

.p-composer__button--floating.c-icon_button:hover {
    background-color: rgba(160, 160, 162, .5);
    color: #fff
}

.p-composer__button--floating.c-icon_button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 5px hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    z-index: 1
}

.p-composer__button--floating.c-icon_button.p-composer__button--selected, .p-composer__button--floating.c-icon_button.p-composer__button--selected:focus, .p-composer__button--floating.c-icon_button.p-composer__button--selected:hover, .p-composer__button--floating.c-icon_button:active {
    background-color: #fff;
    color: #000
}

.p-composer__button--floating.c-icon_button.p-composer__button--adjoin-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.p-composer__button--floating.c-icon_button.p-composer__button--adjoin-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.p-composer__button--floating.c-icon_button.p-composer__button--selected + .p-composer__button--adjoin-left:not(.p-composer__button--selected) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }
    50% {
        opacity: .9
    }
    80% {
        opacity: 1
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.p-composer__body--unstyled {
    width: 100%
}

.p-composer__body--sticky {
    width: 100%;
    padding-top: 4px
}

.p-composer__body--overflow {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 4px;
    padding: 4px;
    position: absolute;
    top: -45px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08);
    z-index: 1053
}

.p-composer__button--no_pointer_events.c-icon_button {
    pointer-events: none
}

.p-composer__button--legacy_disabled.c-icon_button {
    transition: opacity .2s, background-color .2s, color .2s;
    opacity: .2;
    pointer-events: none
}

.p-composer__button--sticky.c-icon_button {
    background: transparent;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    border-radius: 2px;
    flex: 0 0 32px
}

.p-composer__button--sticky.c-icon_button[disabled], .p-composer__button--sticky.c-icon_button[disabled]:hover {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    background-color: transparent
}

.p-composer__button--sticky.c-icon_button:focus, .p-composer__button--sticky.c-icon_button:hover {
    box-shadow: none
}

.p-composer__button--sticky.c-icon_button.p-composer__button--selected {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-composer__button--sticky.c-icon_button.p-composer__button--selected:focus, .p-composer__button--sticky.c-icon_button.p-composer__button--selected:hover {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .2)
}

.p-composer__button--sticky.c-icon_button.p-composer__button--selected:focus:not(:active) {
    box-shadow: inset 0 0 1px #000
}

.p-composer__button--sticky.c-icon_button.p-composer__button--adjoin-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.p-composer__button--sticky.c-icon_button.p-composer__button--adjoin-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.p-composer__button--sticky.c-icon_button.p-composer__button--selected + .p-composer__button--adjoin-left:not(.p-composer__button--selected) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.p-texty_sticky_formatting_bar {
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 0;
    height: 41px;
    background-color: transparent;
    transition: background-color .2s;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: 1px solid rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-texty_sticky_formatting_bar .p-composer__body:not(.p-composer__body--overflow) {
    padding-left: 4px
}

.p-texty_sticky_formatting_bar--hidden {
    display: none
}

.p-texty_sticky_formatting_bar--with_action_button .p-composer__body:not(.p-composer__body--overflow) {
    padding-left: 43px
}

.p-texty_floating_formatting_bar {
    position: absolute;
    z-index: 203
}

.c-team, .c-unified_member, .c-usergroup {
    display: flex;
    flex: auto
}

.c-team:active, .c-team:focus, .c-team:hover, .c-unified_member:active, .c-unified_member:focus, .c-unified_member:hover, .c-usergroup:active, .c-usergroup:focus, .c-usergroup:hover {
    text-decoration: none
}

.c-team__display-name, .c-unified_member__display-name, .c-usergroup__handle {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 700
}

.c-unified_member__avatar {
    flex-shrink: 0
}

.c-unified_member__unavailable {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.c-unified_member .presence, .c-unified_member__presence {
    flex-shrink: 0
}

.c-unified_member .presence.active, .c-unified_member__presence.active {
    color: #4da28c
}

.c-unified_member .presence.away, .c-unified_member__presence.away {
    opacity: .6
}

.c-team .c-team__icon, .c-unified_member .member_image, .c-usergroup .c-usergroup__icon {
    display: inline-block;
    position: relative;
    border-radius: .2rem;
    background-size: 100%;
    background-repeat: no-repeat;
    flex: 0 0 auto
}

.c-team--linked, .c-unified_member--linked, .no_touch a.c-team--linked {
    cursor: pointer;
    text-decoration: none
}

.c-team--linked:hover, .c-unified_member--linked:hover, .no_touch a.c-team--linked:hover {
    text-decoration: none
}

.c-unified_member--unavailable .member_image {
    opacity: .6;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.c-unified_member__current-status .emoji-outer.emoji-sizer {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: .1rem
}

.c-unified_member__current-status--legacy:before, .c-unified_member__secondary-name--large + .c-unified_member__current-status--large:before, .c-unified_member__secondary-name--medium + .c-unified_member__current-status--medium:before {
    padding: 0 .2rem 0 .4rem;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), .3);
    content: "|"
}

.c-unified_member__current-status .prevent_copy_paste:before {
    content: attr(aria-label)
}

.c-unified_member__current-status .prevent_copy_paste {
    margin-left: .125rem
}

.c-unified_member .external_team_badge {
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-radius: 3px;
    box-shadow: 0 0 0 2px #fff;
    background-size: 100%;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    background-repeat: no-repeat
}

.c-unified_member .external_team_badge.team_badge_16 {
    width: 16px;
    height: 16px
}

.c-unified_member .external_team_badge.default {
    background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 800;
    font-size: 10px;
    line-height: 1.6;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    font-style: normal;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.c-unified_member .external_team_badge:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
    border-radius: 3px
}

.c-team--small, .c-unified_member--small, .c-usergroup--small {
    align-items: center;
    font-size: 15px;
    line-height: 2
}

[lang] .c-unified_member__small-font--small {
    font-size: 16px
}

[lang=ja-JP] .c-unified_member__small-font--small {
    font-size: 15px
}

.c-team__name--small, .c-unified_member__name--small, .c-usergroup__name--small {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400;
    word-break: break-word;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1 1 auto;
    margin-left: .25rem
}

.c-usergroup__name--small_select {
    flex: initial
}

.c-team__with-icon--small .c-team__name--small, .c-unified_member__with-avatar--small .c-unified_member__name--small, .c-usergroup__with-icon--small .c-usergroup__name--small {
    margin-left: .5rem
}

.c-unified_member__context--small {
    line-height: 1.9
}

.c-unified_member__unread-context--small {
    order: 4;
    position: relative;
    bottom: 1px
}

.c-unified_member--small .team_image ~ .c-unified_member__not-in-channel-context--small {
    padding-right: .5rem
}

.c-unified_member--small .presence {
    width: 18px;
    height: 30px;
    margin: 0 0 0 .15rem;
    position: relative;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    flex: 0 0 6px
}

.c-unified_member--small .presence .presence_icon {
    font-size: 20px;
    line-height: 1;
    top: 0;
    left: 0;
    position: relative
}

.c-unified_member__small-font--small .presence .presence_icon {
    top: -2px
}

.c-unified_member--small .c-unified_member__draft_icon {
    width: 20px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-team--small .c-team__icon, .c-unified_member--small .member_image, .c-usergroup--small .c-usergroup__icon {
    width: 20px;
    height: 20px
}

.c-team--small .c-team__icon, .c-unified_member--small .c-unified_member__label, .c-unified_member--small .member_image {
    margin-left: .25rem
}

.c-unified_member--small .team_image.icon_16 {
    width: 16px;
    height: 16px;
    line-height: 1.6;
    flex: 0 0 16px;
    order: 3;
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0);
    border-radius: 3px;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative
}

.c-unified_member--small .team_image.default {
    background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 800;
    line-height: 1.6;
    font-size: 9.5px;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    font-style: normal;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.c-unified_member__secondary-name--small, .c-usergroup__description--small {
    margin-left: .25rem
}

.c-unified_member__deleted--small {
    width: 18px;
    margin: 0 0 0 .15rem;
    opacity: .6
}

.c-unified_member__deleted--small:before {
    position: relative;
    top: -2px;
    left: -3px
}

.c-unified_member__label {
    display: flex;
    align-items: center
}

.c-unified_member__label--small {
    margin-right: 8px
}

.c-unified_member__context.c-unified_member__not-in-channel-context--small, .c-unified_member__label--small, .c-usergroup__context.c-usergroup__not-in-channel-context--small {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    margin-left: .25rem;
    line-height: 0;
    white-space: nowrap
}

.c-unified_member__frecency-score--small.frecency_score {
    order: 3
}

.c-unified_member--dark .c-presence, .c-unified_member--dark .c-unified_member__current-status, .c-unified_member--dark .c-unified_member__current-status:before, .c-unified_member--dark .c-unified_member__display-name, .c-unified_member--dark .c-unified_member__label--small, .c-unified_member--dark .c-unified_member__name, .c-unified_member--dark .c-unified_member__not-in-channel-context--small, .c-unified_member--dark .c-unified_member__secondary-name, .c-unified_member--dark .presence {
    color: #fff
}

.c-unified_member--dark .team_image {
    margin-left: 10px
}

.c-tooltip__tip .c-unified_member--small {
    margin-left: 4px
}

.c-unified_member--medium, .c-usergroup--medium {
    position: relative;
    align-items: center;
    font-size: 15px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400;
    height: 42px
}

.c-unified_member__flex-container--medium, .c-usergroup__flex-container--medium {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-usergroup__flex-container--medium {
    padding-left: 12px
}

.c-unified_member__entity-text-container {
    display: flex;
    align-items: center
}

.c-base_list_entity--small.c-base_list_entity--active .c-base_entity__subtext, .c-base_list_entity--small.c-base_list_entity--active .c-unified_member__display-name, .c-base_list_entity--small.c-base_list_entity--active .c-unified_member__presence, .c-base_list_entity--small.c-base_list_entity--active .c-unified_member__secondary-name {
    color: #fff
}

.c-medium-unified-member--unknown-text {
    margin-top: 8px
}

.c-medium-unified-member--unknown-subtext {
    margin-bottom: 4px
}

.c-unified_member__name--medium, .c-unified_member__title--medium {
    line-height: 1.1;
    word-break: break-word;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 2px;
    padding-left: 12px;
    flex: 0 0 auto
}

.c-unified_member__name--medium {
    display: flex;
    align-items: center;
    font-size: 0
}

.c-unified_member__title--unavailable {
    font-size: 13px
}

.c-unified_member__display-name--medium, .c-unified_member__secondary-name--medium {
    font-size: 15px
}

.c-unified_member__secondary-name--medium {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-unified_member--medium .presence {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin: 0;
    width: 22px;
    height: 18px
}

.c-unified_member--medium .presence .presence_icon {
    margin: 0 .25rem;
    font-size: 20px;
    line-height: .4;
    top: 0;
    left: -3px;
    position: relative
}

.c-unified_member--medium .member_image {
    width: 36px;
    height: 36px
}

.c-unified_member__display-name--medium, .c-unified_member__secondary-name--medium {
    line-height: 1.4;
    vertical-align: middle
}

.c-unified_member__current-status--medium .emoji, .c-unified_member__current-status--medium .emoji-outer.emoji-sizer {
    margin-top: 0
}

.c-unified_member__label--medium {
    align-self: baseline;
    font-size: 12px;
    line-height: 12px
}

.c-unified_member--large {
    position: relative;
    font-size: 15px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400
}

.c-unified_member__flex-container--large {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-unified_member__display-name--large, .c-unified_member__other-names--large, .c-unified_member__title--large {
    line-height: 18px;
    word-break: break-word;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 12px;
    flex: 0 0 auto
}

.c-unified_member__title--large {
    white-space: pre-wrap
}

.c-unified_member__display-name--large, .c-unified_member__title--large {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-unified_member__other-names--large {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-unified_member__display-name--large {
    font-weight: 700
}

.c-unified_member--large .member_image {
    width: 56px;
    height: 56px
}

.c-usergroup--small .c-usergroup__icon {
    background-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    text-align: center;
    line-height: 1.3
}

.c-usergroup--small .c-usergroup__icon:before {
    font-size: 1rem
}

.c-usergroup--medium .c-usergroup__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    width: 36px;
    height: 36px
}

.c-usergroup__name--medium {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 700
}

.c-usergroup__handle--medium {
    font-weight: 400;
    margin-left: 4px
}

.c-usergroup__not-in-channel-context--small {
    font-size: .7rem
}

.c-usergroup--small_select__context, .c-usergroup__not-in-channel-context--small {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

/*!
 * Quill Editor v1.2.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    cursor: text;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre, .ql-editor ul {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol, .ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol > li, .ql-editor ul > li {
    list-style-type: none
}

.ql-editor ul > li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=false], .ql-editor ul[data-checked=true] {
    pointer-events: none
}

.ql-editor ul[data-checked=false] > li *, .ql-editor ul[data-checked=true] > li * {
    pointer-events: all
}

.ql-editor ul[data-checked=false] > li:before, .ql-editor ul[data-checked=true] > li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true] > li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false] > li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
    text-align: right;
    margin-right: .3em;
    margin-left: -1.5em
}

.ql-editor li.ql-direction-rtl:before {
    text-align: left;
    margin-left: .3em
}

.ql-editor ol li, .ql-editor ul li {
    padding-left: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-num
}

.ql-editor ol li:before {
    content: counter(list-num, decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: rgba(0, 0, 0, .6);
    content: attr(data-placeholder);
    font-style: italic;
    pointer-events: none;
    position: absolute
}

.c-texty_input__container {
    position: relative
}

.c-texty_input__container[data-buttons="1"] .c-texty_input:not(.c-texty_input--double_decker) ~ .c-texty_buttons {
    width: 34px
}

.c-texty_input__container[data-buttons="1"] .c-texty_input:not(.c-texty_input--double_decker) .ql-editor {
    width: calc(100% - 34px);
    padding-right: 34px
}

.c-texty_input__container[data-buttons="1"] .c-texty_input:not(.c-texty_input--double_decker) .ql-placeholder {
    padding-right: 34px
}

.c-texty_input__container[data-buttons="1"] .c-texty_input:not(.c-texty_input--double_decker) .ql-buttons {
    width: 34px
}

.c-texty_input__container[data-buttons="2"] .c-texty_input:not(.c-texty_input--double_decker) ~ .c-texty_buttons {
    width: 67px
}

.c-texty_input__container[data-buttons="2"] .c-texty_input:not(.c-texty_input--double_decker) .ql-editor {
    width: calc(100% - 67px);
    padding-right: 67px
}

.c-texty_input__container[data-buttons="2"] .c-texty_input:not(.c-texty_input--double_decker) .ql-placeholder {
    padding-right: 67px
}

.c-texty_input__container[data-buttons="2"] .c-texty_input:not(.c-texty_input--double_decker) .ql-buttons {
    width: 67px
}

.c-texty_input__container[data-buttons="3"] .c-texty_input:not(.c-texty_input--double_decker) ~ .c-texty_buttons {
    width: 100px
}

.c-texty_input__container[data-buttons="3"] .c-texty_input:not(.c-texty_input--double_decker) .ql-editor {
    width: calc(100% - 100px);
    padding-right: 100px
}

.c-texty_input__container[data-buttons="3"] .c-texty_input:not(.c-texty_input--double_decker) .ql-placeholder {
    padding-right: 100px
}

.c-texty_input__container[data-buttons="3"] .c-texty_input:not(.c-texty_input--double_decker) .ql-buttons {
    width: 100px
}

.c-texty_input__container[data-buttons="4"] .c-texty_input:not(.c-texty_input--double_decker) ~ .c-texty_buttons {
    width: 133px
}

.c-texty_input__container[data-buttons="4"] .c-texty_input:not(.c-texty_input--double_decker) .ql-editor {
    width: calc(100% - 133px);
    padding-right: 133px
}

.c-texty_input__container[data-buttons="4"] .c-texty_input:not(.c-texty_input--double_decker) .ql-placeholder {
    padding-right: 133px
}

.c-texty_input__container[data-buttons="4"] .c-texty_input:not(.c-texty_input--double_decker) .c-texty_buttons, .c-texty_input__container[data-buttons="4"] .c-texty_input:not(.c-texty_input--double_decker) .ql-buttons {
    width: 133px
}

.c-texty_input__container[data-buttons="5"] .c-texty_input:not(.c-texty_input--double_decker) ~ .c-texty_buttons {
    width: 166px
}

.c-texty_input__container[data-buttons="5"] .c-texty_input:not(.c-texty_input--double_decker) .ql-editor {
    width: calc(100% - 166px);
    padding-right: 166px
}

.c-texty_input__container[data-buttons="5"] .c-texty_input:not(.c-texty_input--double_decker) .ql-placeholder {
    padding-right: 166px
}

.c-texty_input__container[data-buttons="5"] .c-texty_input:not(.c-texty_input--double_decker) .ql-buttons {
    width: 166px
}

.c-texty_input__container[data-buttons="6"] .c-texty_input:not(.c-texty_input--double_decker) ~ .c-texty_buttons {
    width: 199px
}

.c-texty_input__container[data-buttons="6"] .c-texty_input:not(.c-texty_input--double_decker) .ql-editor {
    width: calc(100% - 199px);
    padding-right: 199px
}

.c-texty_input__container[data-buttons="6"] .c-texty_input:not(.c-texty_input--double_decker) .ql-placeholder {
    padding-right: 199px
}

.c-texty_input__container[data-buttons="6"] .c-texty_input:not(.c-texty_input--double_decker) .ql-buttons {
    width: 199px
}

.c-texty_input__container .c-texty_buttons {
    bottom: 4px;
    height: 32px;
    position: absolute;
    right: 4px;
    z-index: 200
}

.c-texty_input__container--sticky_composer_no_height .p-texty_sticky_formatting_bar {
    height: 0 !important
}

.c-texty_input__container--with_transition .c-texty_input {
    transition: padding-bottom .2s
}

.c-texty_input__container--with_transition .p-texty_sticky_formatting_bar {
    transition: height .2s;
    overflow: hidden
}

.c-texty_input__container--sticky_composer .c-texty_input {
    padding-bottom: 48px !important
}

.c-texty_input__container--sticky_composer .c-texty_input .ql-editor {
    width: calc(100% - 9px);
    padding-right: 9px
}

.c-texty_input__container--sticky_composer .c-texty_input .ql-placeholder {
    width: auto !important
}

.c-texty_input__container--sticky_composer .c-texty_input .ql-buttons, .c-texty_input__container--sticky_composer .c-texty_input ~ .c-texty_buttons {
    transition: background-color .2s;
    background: transparent
}

.c-texty_input__container--sticky_composer .c-texty_input .ql-warning {
    bottom: 48px
}

.c-texty_input__container--sticky_composer .c-texty_input.focus .c-texty_input__button_composer--active, .c-texty_input__container--sticky_composer .c-texty_input.focus ~ .c-texty_buttons .c-texty_input__button_composer--active {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-texty_input__container--sticky_composer .c-texty_input.focus .c-texty_input__button_composer--active:hover, .c-texty_input__container--sticky_composer .c-texty_input.focus ~ .c-texty_buttons .c-texty_input__button_composer--active:hover {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .2)
}

.c-texty_input__container--sticky_composer .c-texty_input.focus ~ .p-texty_sticky_formatting_bar {
    height: 41px;
    border-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-texty_input__container--sticky_composer .c-texty_input.focus .ql-bp-texty_sticky_formatting_baruttons, .c-texty_input__container--sticky_composer .c-texty_input.focus ~ .c-texty_buttons, .c-texty_input__container--sticky_composer .c-texty_input.focus ~ .p-texty_sticky_formatting_bar {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-texty_input__container--sticky_composer .c-texty_input.focus .ql-bp-texty_sticky_formatting_baruttons .p-composer__button--sticky.c-icon_button, .c-texty_input__container--sticky_composer .c-texty_input.focus ~ .c-texty_buttons .p-composer__button--sticky.c-icon_button, .c-texty_input__container--sticky_composer .c-texty_input.focus ~ .p-texty_sticky_formatting_bar .p-composer__button--sticky.c-icon_button {
    pointer-events: all;
    opacity: 1
}

.c-texty_input__container--sticky_composer .c-texty_input.focus .c-texty_input__button_badge {
    border-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-texty_input {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    padding: 8px 2px 8px 8px;
    position: relative
}

[lang] .c-texty_input {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .c-texty_input {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .c-texty_input {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .c-texty_input {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .c-texty_input {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.c-texty_input.c-texty_input--double_decker, .c-texty_input__container--expanded .c-texty_input {
    padding-bottom: 48px !important
}

.c-texty_input.c-texty_input--double_decker.focus:after, .c-texty_input__container--expanded .c-texty_input.focus:after {
    position: absolute;
    bottom: 40px;
    left: 0;
    display: block;
    height: 1px;
    width: 100%;
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    content: ""
}

.c-texty_input.c-texty_input--double_decker .ql-editor, .c-texty_input__container--expanded .c-texty_input .ql-editor {
    width: auto !important
}

.c-texty_input.c-texty_input--double_decker .ql-editor {
    padding-right: 9px !important
}

.c-texty_input .sk-client-theme--dark ::-moz-selection {
    background-color: #9a9c9e;
    color: #fff
}

.c-texty_input .sk-client-theme--dark ::selection {
    background-color: #9a9c9e;
    color: #fff
}

.c-texty_input.focus {
    border-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-texty_input.focus .c-texty_input__button_composer, .c-texty_input.focus ~ .c-texty_buttons .c-texty_input__button_composer {
    opacity: 1
}

.c-texty_input.focus .c-texty_input__button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-texty_input.focus .c-texty_input__button--send {
    color: #fff
}

.c-texty_input.texty_emoji_only .ql-editor img.emoji {
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.c-texty_input .ql-editor, .c-texty_input .ql-placeholder {
    padding: 0
}

[lang] .c-texty_input .ql-editor, [lang] .c-texty_input .ql-placeholder {
    font-size: 15px
}

[lang=ja-JP] .c-texty_input .ql-editor, [lang=ja-JP] .c-texty_input .ql-placeholder {
    font-size: 14px
}

[lang] .c-texty_input .ql-editor, [lang] .c-texty_input .ql-placeholder {
    line-height: 1.46668
}

[lang=ja-JP] .c-texty_input .ql-editor, [lang=ja-JP] .c-texty_input .ql-placeholder {
    line-height: 1.56668;
    line-height: 1.633667
}

.c-texty_input .ql-editor {
    font-variant-ligatures: none;
    overflow: auto;
    width: 100%;
    box-sizing: content-box;
    -webkit-tab-size: 8;
    -moz-tab-size: 8;
    tab-size: 8;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.c-texty_input .ql-editor .ql-code-block, .c-texty_input .ql-editor blockquote, .c-texty_input .ql-editor h1, .c-texty_input .ql-editor h2, .c-texty_input .ql-editor h3, .c-texty_input .ql-editor h4, .c-texty_input .ql-editor h5, .c-texty_input .ql-editor h6, .c-texty_input .ql-editor ol, .c-texty_input .ql-editor p, .c-texty_input .ql-editor pre, .c-texty_input .ql-editor ul {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.c-texty_input .ql-editor h1 code, .c-texty_input .ql-editor h2 code, .c-texty_input .ql-editor h3 code, .c-texty_input .ql-editor h4 code, .c-texty_input .ql-editor h5 code, .c-texty_input .ql-editor h6 code {
    font-size: inherit
}

.c-texty_input .ql-editor blockquote, .c-texty_input .ql-editor pre {
    margin-top: 4px;
    margin-bottom: 4px
}

.c-texty_input .ql-editor pre {
    padding: 8px
}

.c-texty_input .ql-editor blockquote {
    padding-left: 16px
}

.sk-client-theme--dark .c-texty_input .ql-editor blockquote:before {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-texty_input .ql-editor blockquote + blockquote {
    margin-top: -6px;
    padding-top: 3px
}

.c-texty_input .ql-editor .ql-code-block {
    position: relative;
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 14px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
    font-size: 12px;
    line-height: 1.50001;
    font-variant-ligatures: none;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    -webkit-tab-size: 4;
    -moz-tab-size: 4;
    tab-size: 4
}

.c-texty_input .ql-editor .ql-code-block code {
    padding: 0;
    border: none;
    background: none;
    color: inherit
}

.c-texty_input .ql-editor > .ql-code-block:first-child, .c-texty_input .ql-editor > :not(.ql-code-block) + .ql-code-block {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.c-texty_input .ql-editor .ql-code-block:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -18px;
    left: -1px;
    width: 100%;
    height: 8px;
    margin-bottom: 9px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.c-texty_input .ql-editor .ql-code-block + .ql-code-block {
    margin-top: -14px
}

.c-texty_input .ql-editor li, .c-texty_input .ql-editor ol, .c-texty_input .ql-editor ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-texty_input .ql-editor ol > li, .c-texty_input .ql-editor ul:not([data-checked]) > li {
    margin-left: 26px
}

.c-texty_input .ql-editor ol > li[class*=ql-indent-]:not(.ql-direction-rtl), .c-texty_input .ql-editor ul > li[class*=ql-indent-]:not(.ql-direction-rtl) {
    padding-left: 0
}

.c-texty_input .ql-editor ol > li:before, .c-texty_input .ql-editor ul > li:before {
    display: inline-block;
    white-space: nowrap;
    margin-left: -24px;
    margin-right: 0;
    text-align: center;
    width: 24px;
    line-height: normal;
    position: relative;
    left: -3px
}

.c-texty_input .ql-editor ul > li:before {
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    content: "\E506";
    font-size: 15px;
    line-height: 1;
    vertical-align: baseline
}

.c-texty_input .ql-editor ol > li:before {
    counter-increment: list-0;
    content: counter(list-0, decimal) ". "
}

.c-texty_input .ql-editor ol > li.ql-indent-1, .c-texty_input .ql-editor ul > li.ql-indent-1 {
    margin-left: 56px;
    padding-left: 0
}

.c-texty_input .ql-editor ol > li.ql-indent-2, .c-texty_input .ql-editor ul > li.ql-indent-2 {
    margin-left: 84px
}

.c-texty_input .ql-editor ol > li.ql-indent-3, .c-texty_input .ql-editor ul > li.ql-indent-3 {
    margin-left: 112px
}

.c-texty_input .ql-editor ol > li.ql-indent-4, .c-texty_input .ql-editor ul > li.ql-indent-4 {
    margin-left: 140px
}

.c-texty_input .ql-editor ol > li.ql-indent-5, .c-texty_input .ql-editor ul > li.ql-indent-5 {
    margin-left: 168px
}

.c-texty_input .ql-editor ol > li.ql-indent-6, .c-texty_input .ql-editor ul > li.ql-indent-6 {
    margin-left: 196px
}

.c-texty_input .ql-editor ol > li.ql-indent-7, .c-texty_input .ql-editor ul > li.ql-indent-7 {
    margin-left: 224px
}

.c-texty_input .ql-editor ol > li.ql-indent-8, .c-texty_input .ql-editor ul > li.ql-indent-8 {
    margin-left: 252px
}

.c-texty_input .ql-editor ul > li.ql-indent-3:before, .c-texty_input .ql-editor ul > li.ql-indent-6:before, .c-texty_input .ql-editor ul > li.ql-indent-9:before {
    content: "\E506"
}

.c-texty_input .ql-editor ul > li.ql-indent-1:before, .c-texty_input .ql-editor ul > li.ql-indent-4:before, .c-texty_input .ql-editor ul > li.ql-indent-7:before {
    content: "\E507"
}

.c-texty_input .ql-editor ul > li.ql-indent-2:before, .c-texty_input .ql-editor ul > li.ql-indent-5:before, .c-texty_input .ql-editor ul > li.ql-indent-8:before {
    content: "\E509"
}

.c-texty_input .ql-editor ol > li.ql-indent-1:before {
    counter-increment: list-1 0;
    content: counter(list-1, lower-alpha) ". "
}

.c-texty_input .ql-editor ol > li.ql-indent-2:before {
    counter-increment: list-2 0;
    content: counter(list-2, lower-roman) ". ";
    text-align: right
}

.c-texty_input .ql-editor ol > li.ql-indent-3:before {
    counter-increment: list-3 0;
    content: counter(list-3, decimal) ". "
}

.c-texty_input .ql-editor ol > li.ql-indent-4:before {
    counter-increment: list-4 0;
    content: counter(list-4, lower-alpha) ". "
}

.c-texty_input .ql-editor ol > li.ql-indent-5:before {
    counter-increment: list-5 0;
    content: counter(list-5, lower-roman) ". ";
    text-align: right
}

.c-texty_input .ql-editor ol > li.ql-indent-6:before {
    counter-increment: list-6 0;
    content: counter(list-6, decimal) ". "
}

.c-texty_input .ql-editor ol > li.ql-indent-7:before {
    counter-increment: list-7 0;
    content: counter(list-7, lower-alpha) ". "
}

.c-texty_input .ql-editor ol > li.ql-indent-8:before {
    counter-increment: list-8 0;
    content: counter(list-8, lower-roman) ". ";
    text-align: right
}

.c-texty_input .ql-editor ul[data-checked=false] > li:before, .c-texty_input .ql-editor ul[data-checked=true] > li:before {
    display: none
}

.c-texty_input .ql-editor ul[data-checked=false] li:not([class*=ql-indent-]), .c-texty_input .ql-editor ul[data-checked=true] li:not([class*=ql-indent-]) {
    margin-left: 3px
}

.c-texty_input .ql-editor ul[data-checked=false] li.ql-indent-1, .c-texty_input .ql-editor ul[data-checked=true] li.ql-indent-1 {
    margin-left: 25px
}

.c-texty_input .ql-editor ul[data-checked=false] li.ql-indent-2, .c-texty_input .ql-editor ul[data-checked=true] li.ql-indent-2 {
    margin-left: 50px
}

.c-texty_input .ql-editor ul[data-checked=false] li.ql-indent-3, .c-texty_input .ql-editor ul[data-checked=true] li.ql-indent-3 {
    margin-left: 75px
}

.c-texty_input .ql-editor ul[data-checked=false] li.ql-indent-4, .c-texty_input .ql-editor ul[data-checked=true] li.ql-indent-4 {
    margin-left: 100px
}

.c-texty_input .ql-editor ul[data-checked=false] li.ql-indent-5, .c-texty_input .ql-editor ul[data-checked=true] li.ql-indent-5 {
    margin-left: 125px
}

.c-texty_input .ql-editor ul[data-checked=false] li.ql-indent-6, .c-texty_input .ql-editor ul[data-checked=true] li.ql-indent-6 {
    margin-left: 150px
}

.c-texty_input .ql-editor ul[data-checked=false] li.ql-indent-7, .c-texty_input .ql-editor ul[data-checked=true] li.ql-indent-7 {
    margin-left: 175px
}

.c-texty_input .ql-editor ul[data-checked=false] li.ql-indent-8, .c-texty_input .ql-editor ul[data-checked=true] li.ql-indent-8 {
    margin-left: 200px
}

.c-texty_input .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox, .c-texty_input .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox {
    margin-right: 2px
}

.c-texty_input .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:before, .c-texty_input .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:before {
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .35);
    cursor: pointer;
    pointer-events: all
}

.c-texty_input .ql-editor ul[data-checked=true] > li {
    text-decoration: line-through;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-texty_input .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:before, .c-texty_input .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:before {
    margin-right: 6px
}

.c-texty_input .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:focus, .c-texty_input .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:focus {
    outline: none
}

.c-texty_input .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:focus:before, .c-texty_input .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:focus:before {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
    box-shadow: 0 0 0 5px var(--saf-0);
    border-radius: 4px;
    border: 0;
    width: 14px;
    height: 14px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    line-height: .9;
    margin-right: 7px
}

.c-texty_input .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:before {
    content: "\E323";
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-texty_input .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:before {
    content: "\E322"
}

.c-texty_input .ql-placeholder {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    display: none;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    font-style: normal;
    left: 8px;
    max-height: 100%;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 8px
}

.c-texty_input .ql-placeholder ::-moz-selection {
    background: transparent
}

.c-texty_input .ql-placeholder ::selection {
    background: transparent
}

.c-texty_input .ql-blank:before {
    display: none
}

.c-texty_input .ql-blank ~ .ql-placeholder {
    display: block
}

.c-texty_input .ql-blank code {
    border: none;
    padding: 0;
    background-color: transparent
}

.c-texty_input .ql-buttons {
    bottom: 4px;
    height: 32px;
    position: absolute;
    right: 4px
}

.c-texty_input .ql-editor img.emoji {
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: bottom
}

.c-texty_input .ql-editor img.emoji[data-has-skin-tone] {
    cursor: pointer
}

.c-texty_input__placeholder {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-texty_input__placeholder_icon--public {
    margin-left: -4px;
    margin-right: -4px
}

.c-texty_input__placeholder_icon--private {
    font-size: 14px
}

.c-texty_input__warning {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    background: #e01e5a;
    border-radius: 2px;
    bottom: 8px;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    cursor: default;
    padding: 0 6px;
    position: absolute;
    right: 8px;
    z-index: 200
}

.c-texty_input__button {
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s, background-color .2s, color .2s
}

.c-texty_input__button .c-icon:before {
    font-size: 16px
}

.c-texty_input__button ~ .c-texty_input__button {
    right: 33px
}

.c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button {
    right: 66px
}

.c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button {
    right: 99px
}

.c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button {
    right: 131px
}

.c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button {
    right: 164px
}

.c-texty_input__button_badge {
    position: absolute;
    top: 6px;
    right: 6px;
    border-radius: 6px;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 2px solid var(--saf-0);
    background: #e01e5a;
    width: 10px;
    height: 10px
}

.c-texty_input__button:hover + .c-texty_input__button_badge, .sk-client-theme--dark .c-texty_input__button:hover + .c-texty_input__button_badge {
    border-color: #efefef !important
}

.c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button_badge {
    right: 39px
}

.c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button ~ .c-texty_input__button_badge {
    right: 72px
}

.sk-client-theme--dark .c-texty_input code {
    color: #e8912d
}

.c-icon_button.c-texty_input__button:hover {
    box-shadow: none
}

.c-icon_button.c-texty_input__button--send {
    background: #007a5a;
    color: #fff
}

.c-icon_button.c-texty_input__button--send:hover {
    color: #fff;
    background: #148567
}

.c-icon_button.c-texty_input__button--schedule_send.c-texty_input__button--disabled, .c-icon_button.c-texty_input__button--send.c-texty_input__button--disabled {
    background: unset;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    opacity: .2;
    pointer-events: none
}

.c-texty_input__button_composer {
    opacity: .2
}

.c-texty_input__expand_button {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    position: absolute;
    z-index: 200
}

.c-texty_input__expand_button--floating {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    opacity: 0;
    right: -20px;
    transition: opacity 80ms linear;
    top: 11px;
    width: 20px
}

.c-texty_input__container--expandable:hover .c-texty_input__expand_button--floating, .c-texty_input__expand_button--floating:focus, .c-texty_input__expand_button--floating:hover {
    opacity: 1
}

.c-texty_input__expand_button--inset {
    right: 5px;
    top: 5px
}

.c-texty_input__container--expandable .c-texty_input .ql-editor {
    padding-right: 36px !important
}

.c-icon_button.c-texty_input__button--emoji:hover .c-icon {
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
    border-radius: 50%;
    width: 12px;
    height: 12px
}

.sk-client-theme--dark .c-icon_button.c-texty_input__button--emoji:hover .c-icon {
    color: #1d1c1d
}

.c-texty_input__container--multi_line .ql-editor {
    height: auto
}

.c-texty_input__container--multi_line .c-texty_input[data-min-lines="3"] .ql-editor, .c-texty_input__container--multi_line .c-texty_input[data-min-lines] .ql-editor {
    min-height: 66px
}

.c-texty_input__container--multi_line .c-texty_input[data-min-lines="2"] .ql-editor {
    min-height: 44px
}

.c-texty_input__container--multi_line .c-texty_input[data-min-lines="1"] .ql-editor {
    min-height: 22px
}

.c-texty_input__container--multi_line .c-texty_input[data-max-lines="8"] .ql-editor, .c-texty_input__container--multi_line .c-texty_input[data-max-lines] .ql-editor {
    max-height: 176px
}

.c-texty_input__container--multi_line .c-texty_input[data-max-lines="7"] .ql-editor {
    max-height: 154px
}

.c-texty_input__container--multi_line .c-texty_input[data-max-lines="6"] .ql-editor {
    max-height: 132px
}

.c-texty_input__container--multi_line .c-texty_input[data-max-lines="5"] .ql-editor {
    max-height: 110px
}

.c-texty_input__container--multi_line .c-texty_input[data-max-lines="4"] .ql-editor {
    max-height: 88px
}

.c-texty_input__container--multi_line .c-texty_input[data-max-lines="3"] .ql-editor {
    max-height: 66px
}

.c-texty_input__container--multi_line .c-texty_input[data-max-lines="2"] .ql-editor {
    max-height: 44px
}

.c-texty_input__container--multi_line .c-texty_input[data-max-lines="1"] .ql-editor {
    max-height: 22px
}

.c-texty_input__container--single_line .ql-editor, .c-texty_input__container--single_line .ql-placeholder {
    overflow: hidden;
    white-space: pre
}

.c-texty_input__container--single_line .ql-editor {
    height: 22px;
    max-height: 22px;
    min-height: 22px
}

.c-texty_input__container--large .c-texty_input {
    padding: 12px;
    height: 44px
}

.c-texty_input__container--large .c-texty_input .ql-editor {
    font-size: 18px;
    line-height: 1.33333333;
    bottom: 2px;
    position: relative
}

.c-texty_input__container--large .c-texty_input .ql-placeholder {
    top: 9px;
    left: 12px;
    font-size: 18px;
    line-height: 1.33333333
}

.c-texty_input .c-texty_workflow_token {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    overflow: initial;
    text-align: initial;
    vertical-align: initial;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.c-texty_input .c-texty_workflow_token:active, .c-texty_input .c-texty_workflow_token:focus, .c-texty_input .c-texty_workflow_token:hover {
    outline: none
}

.c-texty_input .c-texty_workflow_token .c-texty_workflow_token__content {
    padding: 0 2px 1px 2px;
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .1);
    border-radius: 3px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-texty_input .c-texty_workflow_token .c-texty_workflow_token__content:hover {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .2);
    text-decoration: none;
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1)
}

.c-texty_input .c-texty_workflow_token .c-texty_workflow_token__property {
    border-left: solid 1px rgba(var(--sk_highlight_accent, 29, 155, 209), .2);
    padding-left: 4px;
    margin-left: 4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-texty_input .c-texty_workflow_token .c-texty_workflow_token__customize_dropdown {
    padding-left: 0;
    top: 2px;
    width: 15px
}

.c-texty_input .c-texty_workflow_token.is-missing .c-texty_workflow_token__content {
    color: #e01e5a;
    background: rgba(224, 30, 90, .1)
}

.c-texty_input .c-texty_workflow_token.is-missing .c-texty_workflow_token__content:hover {
    background: rgba(224, 30, 90, .1)
}

.c-texty_input .c-texty_workflow_token.is-not-clickable:hover {
    cursor: text
}

.c-texty_input .c-texty_workflow_token.is-not-clickable .c-texty_workflow_token__content:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .1)
}

.c-texty_input .c-texty_workflow_token.is-not-clickable .c-texty_workflow_token__customize_dropdown {
    display: none
}

.c-texty_input__container--use_focus_ring .c-texty_input.focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-texty_input__container--use_focus_ring .c-texty_input.focus:-moz-placeholder, .c-texty_input__container--use_focus_ring .c-texty_input.focus:-ms-input-placeholder, .c-texty_input__container--use_focus_ring .c-texty_input.focus::-moz-placeholder, .c-texty_input__container--use_focus_ring .c-texty_input.focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-texty_input__container--use_focus_ring .c-texty_input.focus ~ .p-texty_sticky_formatting_bar {
    border-color: transparent
}

.c-texty_input__container--use_focus_ring.c-texty_input__container--invalid .c-texty_input.focus {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3);
    border-radius: 4px
}

.c-texty_input__container--use_focus_ring.c-texty_input__container--invalid .c-texty_input.focus ~ .p-texty_sticky_formatting_bar {
    border-color: transparent
}

.c-texty_input_unstyled__container {
    align-self: stretch;
    display: flex;
    flex: 1;
    min-width: 0
}

.c-texty_input_unstyled__container .ql-editor, .c-texty_input_unstyled__container .ql-placeholder {
    flex: 1;
    height: unset
}

.c-texty_input_unstyled__container .ql-editor {
    -webkit-tab-size: 8;
    -moz-tab-size: 8;
    tab-size: 8;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-variant-ligatures: none
}

.c-texty_input_unstyled__container .ql-editor .ql-code-block, .c-texty_input_unstyled__container .ql-editor blockquote, .c-texty_input_unstyled__container .ql-editor h1, .c-texty_input_unstyled__container .ql-editor h2, .c-texty_input_unstyled__container .ql-editor h3, .c-texty_input_unstyled__container .ql-editor h4, .c-texty_input_unstyled__container .ql-editor h5, .c-texty_input_unstyled__container .ql-editor h6, .c-texty_input_unstyled__container .ql-editor ol, .c-texty_input_unstyled__container .ql-editor p, .c-texty_input_unstyled__container .ql-editor pre, .c-texty_input_unstyled__container .ql-editor ul {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.c-texty_input_unstyled__container .ql-editor h1 code, .c-texty_input_unstyled__container .ql-editor h2 code, .c-texty_input_unstyled__container .ql-editor h3 code, .c-texty_input_unstyled__container .ql-editor h4 code, .c-texty_input_unstyled__container .ql-editor h5 code, .c-texty_input_unstyled__container .ql-editor h6 code {
    font-size: inherit
}

.c-texty_input_unstyled__container .ql-editor blockquote, .c-texty_input_unstyled__container .ql-editor pre {
    margin-top: 4px;
    margin-bottom: 4px
}

.c-texty_input_unstyled__container .ql-editor pre {
    padding: 8px
}

.c-texty_input_unstyled__container .ql-editor blockquote {
    padding-left: 16px
}

.sk-client-theme--dark .c-texty_input_unstyled__container .ql-editor blockquote:before {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-texty_input_unstyled__container .ql-editor blockquote + blockquote {
    margin-top: -6px;
    padding-top: 3px
}

.c-texty_input_unstyled__container .ql-editor .ql-code-block {
    position: relative;
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 14px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    font-family: Monaco, Menlo, Consolas, Courier New, monospace !important;
    font-size: 12px;
    line-height: 1.50001;
    font-variant-ligatures: none;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    -webkit-tab-size: 4;
    -moz-tab-size: 4;
    tab-size: 4
}

.c-texty_input_unstyled__container .ql-editor .ql-code-block code {
    padding: 0;
    border: none;
    background: none;
    color: inherit
}

.c-texty_input_unstyled__container .ql-editor > .ql-code-block:first-child, .c-texty_input_unstyled__container .ql-editor > :not(.ql-code-block) + .ql-code-block {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.c-texty_input_unstyled__container .ql-editor .ql-code-block:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -18px;
    left: -1px;
    width: 100%;
    height: 8px;
    margin-bottom: 9px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 10px;
    width: calc(100% + 2px)
}

.c-texty_input_unstyled__container .ql-editor .ql-code-block + .ql-code-block {
    margin-top: -14px
}

.c-texty_input_unstyled__container .ql-editor li, .c-texty_input_unstyled__container .ql-editor ol, .c-texty_input_unstyled__container .ql-editor ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-texty_input_unstyled__container .ql-editor ol > li, .c-texty_input_unstyled__container .ql-editor ul:not([data-checked]) > li {
    margin-left: 26px
}

.c-texty_input_unstyled__container .ql-editor ol > li[class*=ql-indent-]:not(.ql-direction-rtl), .c-texty_input_unstyled__container .ql-editor ul > li[class*=ql-indent-]:not(.ql-direction-rtl) {
    padding-left: 0
}

.c-texty_input_unstyled__container .ql-editor ol > li:before, .c-texty_input_unstyled__container .ql-editor ul > li:before {
    display: inline-block;
    white-space: nowrap;
    margin-left: -24px;
    margin-right: 0;
    text-align: center;
    width: 24px;
    line-height: normal;
    position: relative;
    left: -3px
}

.c-texty_input_unstyled__container .ql-editor ul > li:before {
    display: inline-block;
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    content: "\E506";
    font-size: 15px;
    line-height: 1;
    vertical-align: baseline
}

.c-texty_input_unstyled__container .ql-editor ol > li:before {
    counter-increment: list-0;
    content: counter(list-0, decimal) ". "
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-1, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-1 {
    margin-left: 56px;
    padding-left: 0
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-2, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-2 {
    margin-left: 84px
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-3, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-3 {
    margin-left: 112px
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-4, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-4 {
    margin-left: 140px
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-5, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-5 {
    margin-left: 168px
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-6, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-6 {
    margin-left: 196px
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-7, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-7 {
    margin-left: 224px
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-8, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-8 {
    margin-left: 252px
}

.c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-3:before, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-6:before, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-9:before {
    content: "\E506"
}

.c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-1:before, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-4:before, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-7:before {
    content: "\E507"
}

.c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-2:before, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-5:before, .c-texty_input_unstyled__container .ql-editor ul > li.ql-indent-8:before {
    content: "\E509"
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-1:before {
    counter-increment: list-1 0;
    content: counter(list-1, lower-alpha) ". "
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-2:before {
    counter-increment: list-2 0;
    content: counter(list-2, lower-roman) ". ";
    text-align: right
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-3:before {
    counter-increment: list-3 0;
    content: counter(list-3, decimal) ". "
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-4:before {
    counter-increment: list-4 0;
    content: counter(list-4, lower-alpha) ". "
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-5:before {
    counter-increment: list-5 0;
    content: counter(list-5, lower-roman) ". ";
    text-align: right
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-6:before {
    counter-increment: list-6 0;
    content: counter(list-6, decimal) ". "
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-7:before {
    counter-increment: list-7 0;
    content: counter(list-7, lower-alpha) ". "
}

.c-texty_input_unstyled__container .ql-editor ol > li.ql-indent-8:before {
    counter-increment: list-8 0;
    content: counter(list-8, lower-roman) ". ";
    text-align: right
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] > li:before, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] > li:before {
    display: none
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li:not([class*=ql-indent-]), .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li:not([class*=ql-indent-]) {
    margin-left: 3px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li.ql-indent-1, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li.ql-indent-1 {
    margin-left: 25px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li.ql-indent-2, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li.ql-indent-2 {
    margin-left: 50px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li.ql-indent-3, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li.ql-indent-3 {
    margin-left: 75px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li.ql-indent-4, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li.ql-indent-4 {
    margin-left: 100px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li.ql-indent-5, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li.ql-indent-5 {
    margin-left: 125px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li.ql-indent-6, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li.ql-indent-6 {
    margin-left: 150px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li.ql-indent-7, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li.ql-indent-7 {
    margin-left: 175px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] li.ql-indent-8, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] li.ql-indent-8 {
    margin-left: 200px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox {
    margin-right: 2px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:before, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:before {
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .35);
    cursor: pointer;
    pointer-events: all
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=true] > li {
    text-decoration: line-through;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:before, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:before {
    margin-right: 6px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:focus, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:focus {
    outline: none
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:focus:before, .c-texty_input_unstyled__container .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:focus:before {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 0.3);
    box-shadow: 0 0 0 5px var(--saf-0);
    border-radius: 4px;
    border: 0;
    width: 14px;
    height: 14px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    line-height: .9;
    margin-right: 7px
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=true] > li > .slack-list-item-checkbox:before {
    content: "\E323";
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-texty_input_unstyled__container .ql-editor ul[data-checked=false] > li > .slack-list-item-checkbox:before {
    content: "\E322"
}

.c-texty_input_unstyled__container .ql-placeholder {
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    display: none;
    font-style: normal;
    opacity: .5;
    pointer-events: none;
    position: absolute
}

.c-texty_input_unstyled__container .ql-placeholder ::-moz-selection {
    background: transparent
}

.c-texty_input_unstyled__container .ql-placeholder ::selection {
    background: transparent
}

.c-texty_input_unstyled__container .ql-blank ~ .ql-placeholder {
    display: block
}

[lang] .c-texty_input_unstyled__container--size_medium .ql-editor, [lang] .c-texty_input_unstyled__container--size_medium .ql-placeholder {
    font-size: 15px
}

[lang=ja-JP] .c-texty_input_unstyled__container--size_medium .ql-editor, [lang=ja-JP] .c-texty_input_unstyled__container--size_medium .ql-placeholder {
    font-size: 14px
}

[lang] .c-texty_input_unstyled__container--size_medium .ql-editor, [lang] .c-texty_input_unstyled__container--size_medium .ql-placeholder {
    line-height: 1.46668
}

[lang=ja-JP] .c-texty_input_unstyled__container--size_medium .ql-editor, [lang=ja-JP] .c-texty_input_unstyled__container--size_medium .ql-placeholder {
    line-height: 1.56668;
    line-height: 1.633667
}

.c-texty_input_unstyled__container--size_medium.c-texty_input_unstyled__container--single_line .ql-editor {
    height: 38px;
    max-height: 38px;
    min-height: 38px
}

[lang] .c-texty_input_unstyled__container--size_large .ql-editor, [lang] .c-texty_input_unstyled__container--size_large .ql-placeholder {
    font-size: 18px
}

[lang=ja-JP] .c-texty_input_unstyled__container--size_large .ql-editor, [lang=ja-JP] .c-texty_input_unstyled__container--size_large .ql-placeholder {
    font-size: 17px
}

[lang] .c-texty_input_unstyled__container--size_large .ql-editor, [lang] .c-texty_input_unstyled__container--size_large .ql-placeholder {
    line-height: 1.33334
}

[lang=ja-JP] .c-texty_input_unstyled__container--size_large .ql-editor, [lang=ja-JP] .c-texty_input_unstyled__container--size_large .ql-placeholder {
    line-height: 1.43334
}

.c-texty_input_unstyled__container--size_large.c-texty_input_unstyled__container--single_line .ql-editor {
    height: 42px;
    max-height: 42px;
    min-height: 42px
}

.c-texty_input_unstyled__container--single_line .ql-editor, .c-texty_input_unstyled__container--single_line .ql-placeholder {
    overflow: hidden;
    white-space: pre
}

.c-texty_input_unstyled {
    display: flex;
    flex-grow: 1;
    min-width: 0
}

[lang] .c-texty_input_unstyled {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .c-texty_input_unstyled {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .c-texty_input_unstyled {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .c-texty_input_unstyled {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .c-texty_input_unstyled {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-texty_input_unstyled .ql-editor::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .c-texty_input_unstyled .ql-editor:hover::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.c-texty_input_unstyled .emoji {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    vertical-align: bottom;
    width: 22px
}

.c-texty_input_unstyled .emoji[data-has-skin-tone] {
    cursor: pointer
}

.c-texty_input_unstyled.texty_emoji_only img.emoji {
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.c-texty_input_unstyled .c-texty_workflow_token {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    overflow: initial;
    text-align: initial;
    vertical-align: initial;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.c-texty_input_unstyled .c-texty_workflow_token:active, .c-texty_input_unstyled .c-texty_workflow_token:focus, .c-texty_input_unstyled .c-texty_workflow_token:hover {
    outline: none
}

.c-texty_input_unstyled .c-texty_workflow_token .c-texty_workflow_token__content {
    padding: 0 2px 1px 2px;
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .1);
    border-radius: 3px;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-texty_input_unstyled .c-texty_workflow_token .c-texty_workflow_token__content:hover {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .2);
    text-decoration: none;
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1)
}

.c-texty_input_unstyled .c-texty_workflow_token .c-texty_workflow_token__property {
    border-left: solid 1px rgba(var(--sk_highlight_accent, 29, 155, 209), .2);
    padding-left: 4px;
    margin-left: 4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-texty_input_unstyled .c-texty_workflow_token .c-texty_workflow_token__customize_dropdown {
    padding-left: 0;
    top: 2px;
    width: 15px
}

.c-texty_input_unstyled .c-texty_workflow_token.is-missing .c-texty_workflow_token__content {
    color: #e01e5a;
    background: rgba(224, 30, 90, .1)
}

.c-texty_input_unstyled .c-texty_workflow_token.is-missing .c-texty_workflow_token__content:hover {
    background: rgba(224, 30, 90, .1)
}

.c-texty_input_unstyled .c-texty_workflow_token.is-not-clickable:hover {
    cursor: text
}

.c-texty_input_unstyled .c-texty_workflow_token.is-not-clickable .c-texty_workflow_token__content:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .1)
}

.c-texty_input_unstyled .c-texty_workflow_token.is-not-clickable .c-texty_workflow_token__customize_dropdown {
    display: none
}

.c-texty_input_unstyled__warning {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    align-self: center;
    background: #e01e5a;
    border-radius: 2px;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    cursor: default;
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 4px;
    padding: 0 6px
}

.c-command_list_entity .c-command_entity__description, .c-command_list_entity .c-command_list_entity__secondary {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-command_list_entity--active .c-command_entity__description, .c-command_list_entity--active .c-command_list_entity__secondary {
    color: #fff
}

.p-shortcuts_menu_v2_item__icon {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    flex-shrink: 0
}

.p-shortcuts_menu_v2_item__icon:before {
    font-size: 20px
}

.p-shortcuts_menu_v2_item {
    color: inherit !important;
    background: transparent !important;
    padding: 3px
}

.p-shortcuts_menu_v2_item__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-shortcuts_menu_v2_item__text--secondary {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-shortcuts_menu_v2_item__text--secondary .c-icon:before {
    font-size: 16px
}

.p-shortcuts_menu_v2_item--active .p-shortcuts_menu_v2_item__text--secondary, .p-shortcuts_menu_v2_item--active .p-shortcuts_menu_v2_item__text--secondary .c-icon:before {
    color: #fff
}

.p-shortcuts_menu_v2_heading {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    align-items: center;
    box-sizing: border-box;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    display: flex;
    width: 100%
}

.p-shortcuts_menu_v2_heading__icon {
    margin-right: 8px;
    border-radius: 3px;
    height: 16px;
    width: 16px
}

.p-shortcuts_menu_v2_heading__icon:before {
    font-size: 16px
}

.p-shortcuts_menu_v2_heading__icon--app {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0)
}

.p-shortcuts_menu_v2_app_icon {
    border-radius: 4px
}

.p-shortcuts_menu_v2_app_icon--small {
    height: 20px;
    width: 20px
}

.p-shortcuts_menu_v2_app_icon--medium {
    height: 36px;
    width: 36px
}

.p-shortcuts_menu_education {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    box-sizing: border-box;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-shortcuts_menu_education__content {
    padding-top: 12px;
    padding-right: 116px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-position: right 24px top;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://a.slack-edge.com/bv1-9/shortcuts-education-light-0d55242.png)
}

.p-shortcuts_menu_education__content--dark {
    background-image: url(https://a.slack-edge.com/bv1-9/shortcuts-education-dark-a7b8922.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-shortcuts_menu_education__content {
        background-image: url(https://a.slack-edge.com/bv1-9/shortcuts-education-light@2x-49a8aaa.png)
    }

    .p-shortcuts_menu_education__content--dark {
        background-image: url(https://a.slack-edge.com/bv1-9/shortcuts-education-dark@2x-71b82a5.png)
    }
}

.p-shortcuts_menu_education__wrapper {
    pointer-events: none;
    cursor: auto
}

.p-shortcuts_menu_education__suggested_search_item {
    pointer-events: all;
    color: inherit;
    padding-left: 2px;
    padding-right: 2px
}

.p-shortcuts_menu_education__suggested_search_item--isActive {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    --saf-0: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 4px rgba(29, 155, 209, .1);
    border-radius: 4px
}

.p-shortcuts_menu_v2_search_input {
    margin: 0;
    padding-left: 36px
}

.p-shortcuts_menu_v2_search_input_wrapper {
    align-items: center;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    display: flex;
    width: 100%;
    z-index: 1013
}

.p-shortcuts_menu_v2_search_input_wrapper i {
    font-size: 20px;
    margin-left: 8px;
    padding: 0
}

.p-shortcuts_menu_v2_search_input_wrapper > div {
    width: 100%;
    padding: 16px
}

.p-shortcuts_menu_v2_search_input_wrapper--end {
    order: 1;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border-bottom: 0
}

.p-shortcuts_menu_v2_search_input__add {
    min-width: 0;
    flex-shrink: 0;
    margin-right: 12px
}

.p-shortcuts_menu_pushed_view_header {
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 900;
    height: 68px
}

.p-channel_name_input__label_title {
    display: inline-block;
    margin-right: 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_name_input__label_title strong {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-channel_name_input__label_error {
    display: inline-block;
    font-weight: 700;
    color: #e8912d
}

.p-channel_name_input__input {
    margin-top: 8px;
    margin-bottom: 20px
}

.p-channel_name_input__invites_input {
    margin-top: 8px
}

.p-channel_name_input__input_subtext {
    padding-top: 4px;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-channel_name_input__input_subtext, .p-channel_name_input__prefix_description {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-select_options_list__option--active .p-channel_name_input__prefix_description {
    color: #fff
}

.p-channel_name_input__select_input_wrapper {
    padding: 0
}

.p-channel_name_input__select_input_wrapper .c-input_text--with_error:focus {
    box-shadow: 0 0 0 1px #e01e5a, 0 0 0 5px rgba(224, 30, 90, .3)
}

.p-channel_name_input__select_input_wrapper .c-select_input__spinner {
    display: none
}

.p-channel_name_input__select_input_container {
    min-width: 100%
}

.p-channel_name_input__select_input_container .c-input_character_count {
    height: 100%
}

.c-mpim_conversion_modal_header__title .c-sk-modal_title_bar__text {
    width: 100%
}

.c-mpim_conversion_modal_header__title .c-sk-modal_title_bar__text h3 {
    position: relative;
    left: -4px
}

.p-mpim_add_people_dialog__channel_name_input .c-input_text_icon__icon, .p-wip_mpim_conversion_modal__channel_name_input .c-input_text_icon__icon {
    padding: 0;
    margin-left: 12px
}

input[type=text].c-input_text.p-channel_name_input--input {
    margin-bottom: 0
}

input[type=text].c-input_text.p-channel_name_input--input_with_warning {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-channel_name_input--input_note {
    margin-top: 4px;
    display: flex;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_name_input--alert {
    margin-top: -5px;
    padding: 6px 10px 12px 10px;
    border: 1px solid #de4e2b;
    border-radius: 0 0 5px 5px;
    background-color: rgba(242, 199, 68, .2)
}

.p-channel_name_input--alert:first-child {
    padding-top: 12px
}

.p-channel_name_input--alert:last-child {
    padding-bottom: 6px
}

.p-channel_name_input--validating {
    position: absolute;
    top: 6px;
    right: 10px
}

.p-dm_browser_modal__body {
    padding-bottom: 0
}

.p-dm_browser_modal__body .c-fullscreen_modal__body__content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    bottom: 1px;
    position: relative
}

.p-dm_browser_modal__subtitle {
    font-size: 18px;
    margin-bottom: 24px
}

.p-dm_browser_modal__alerts:not(:empty) {
    margin-bottom: 24px
}

.p-dm_browser_modal__alert {
    margin-bottom: 0
}

.p-dm_browser_modal__alert + .p-dm_browser_modal__alert {
    margin-top: 8px
}

.p-dm_browser_modal__controls {
    display: flex;
    margin-bottom: 0
}

.p-dm_browser_modal__controls_meta {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-top: 4px
}

.p-dm_browser_modal__tip {
    margin-bottom: 24px
}

.p-dm_browser_modal__multi_select_input {
    flex: 1;
    margin-right: 16px
}

.p-dm_browser_modal__list {
    flex: 1
}

.p-dm_browser_modal__list_heading {
    padding-bottom: 4px
}

.p-dm_browser_modal__list_heading, .p-dm_browser_modal__recent_heading {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    padding-left: 12px
}

.p-dm_browser_modal__recent_heading {
    padding-bottom: 8px
}

.p-dm_browser_modal__option {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-dm_browser_modal__option:hover {
    cursor: pointer
}

.p-dm_browser_modal__option:active, .p-dm_browser_modal__option:focus {
    outline: none
}

.p-dm_browser_modal__list_row--active {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-dm_browser_modal__list_row--disabled {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.p-dm_browser_modal__list_row_meta {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    text-align: right;
    width: 100px
}

.p-dm_browser_modal__list_row_badge {
    background: #e01e5a
}

.p-dm_browser_modal__list_row_badge:not(:first-child) {
    margin-top: 4px
}

.p-dm_browser_modal__centered_content {
    font-size: 18px;
    margin: 8px auto 0 auto;
    max-width: 80%;
    text-align: center
}

.p-dm_browser_modal__max_reached {
    max-width: 100%
}

.p-dm_browser_dialog {
    max-height: 700px;
    height: 75vh
}

.p-dm_browser_dialog__contents {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 28px
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-corner {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-dm_browser_dialog__contents .c-select_options_list__virtual_list--slack_scrollbar:hover::-webkit-scrollbar-track {
    border-left: 4px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-right: 4px solid rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 6px/4px
}

.p-dm_browser_dialog__subtext {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-dm_browser_dialog__sender {
    font-weight: 700
}

.p-dm_browser_dialog__sender:empty {
    display: none
}

.p-dm_browser_dialog__sender:after {
    content: ": "
}

.p-dm_browser_dialog__row--im {
    min-height: 46px
}

.p-dm_browser_dialog__row--mpim {
    min-height: 70px
}

.p-dm_browser_dialog__secondary {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    white-space: nowrap;
    text-align: right
}

.p-dm_browser_dialog__footer {
    justify-content: flex-end;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    padding: 8px;
    text-align: right
}

.p-dm_browser_dialog__footer_tip {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-dm_browser_dialog__footer_key.c-keyboard_key--slim {
    margin-left: 1.6px;
    margin-right: 1.6px
}

.p-dnd_button {
    opacity: .6
}

.p-dnd_button:active, .p-dnd_button:focus, .p-dnd_button:hover {
    opacity: 1
}

.p-dnd_menu {
    border-radius: 0 0 6px 6px
}

.p-dnd_menu_question_button {
    position: absolute;
    top: 15px;
    right: 15px;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-dnd_menu__schedule_header, .p-dnd_menu__snooze_header {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    max-width: 300px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.p-dnd_menu__schedule_header:before, .p-dnd_menu__snooze_header:before {
    content: "";
    position: absolute;
    top: 0;
    width: 300px;
    height: 101px;
    background-repeat: no-repeat
}

.p-dnd_menu__snooze_header {
    background-image: linear-gradient(#2d4b9b, #226cc3)
}

.p-dnd_menu__snooze_header:before {
    background-image: url(https://a.slack-edge.com/bv1-9/dnd_snooze-a095040.svg)
}

.p-dnd_menu__schedule_header {
    background-image: linear-gradient(#1d2537, #372137)
}

.p-dnd_menu__schedule_header:before {
    background-image: url(https://a.slack-edge.com/bv1-9/dnd_schedule-3d260e1.svg)
}

.p-dnd_menu__header_status {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: #fff;
    margin: 48px 24px 16px 24px
}

.p-dnd_menu__new_pill {
    position: relative;
    top: -1px;
    vertical-align: middle;
    align-items: center;
    font-family: Slack-Lato, appleLogo, sans-serif;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    background-color: #e8f5fa;
    box-shadow: inset 0 0 0 1px rgba(29, 155, 209, .1);
    border-radius: 4px;
    padding: 2px 4px;
    margin-left: 4px;
    line-height: 1.2
}

.c-menu_item__li--highlighted .p-dnd_menu__new_pill, .sk-client-theme--dark .p-dnd_menu__new_pill {
    color: hsla(0, 0%, 100%, .92);
    background-color: hsla(0, 0%, 100%, .08);
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .08)
}

.p-dnd_dialog__date_picker_trigger {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    display: block;
    width: 100%;
    font-weight: 400;
    margin-top: 2px
}

.p-dnd_dialog__date_picker_trigger:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.p-dnd_dialog__date_picker_trigger:focus:-moz-placeholder, .p-dnd_dialog__date_picker_trigger:focus:-ms-input-placeholder, .p-dnd_dialog__date_picker_trigger:focus::-moz-placeholder, .p-dnd_dialog__date_picker_trigger:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.p-dnd_dialog__date_picker_trigger[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.p-dnd_header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: #fff;
    margin: -8px 0 8px 0
}

.p-dnd_header__snooze_background {
    background-image: linear-gradient(#28323f, #324458)
}

.p-dnd_header__schedule_background {
    background-image: linear-gradient(#2b2438, #382239)
}

.p-dnd_header__status {
    margin: 12px 24px
}

.p-dnd_header__sub_text {
    color: hsla(0, 0%, 100%, .52)
}

.p-pill {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    max-width: 250px;
    padding: 6px 16px;
    border-radius: 1000px;
    text-align: center;
    word-wrap: break-word
}

.c-date_time_picker {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 -8px
}

.c-date_time_picker > * {
    padding: 0 8px
}

.c-date_time_picker__date_picker_container {
    flex: 1 1 60%;
    min-width: 300px
}

.c-date_time_picker__time_picker_container {
    flex: 1 1 40%;
    min-width: 200px
}

.c-date_time_picker__date_picker_label, .c-date_time_picker__time_picker_label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-date-time_picker__date_picker_button {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 4px 12px;
    height: 36px;
    display: flex;
    width: 100%;
    align-items: center;
    font-weight: 400;
    margin-bottom: 8px
}

.c-date-time_picker__date_picker_button:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.c-date-time_picker__date_picker_button:focus:-moz-placeholder, .c-date-time_picker__date_picker_button:focus:-ms-input-placeholder, .c-date-time_picker__date_picker_button:focus::-moz-placeholder, .c-date-time_picker__date_picker_button:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.c-date-time_picker__date_picker_button[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

.c-date-time_picker__calendar_icon, .c-date-time_picker__caret_icon {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-date_time_picker__date {
    flex-grow: 1;
    padding: 0 8px
}

.p-custom_status_modal {
    overflow: visible
}

.p-custom_status_modal__content .c-sk-modal_content__inner {
    padding: 5px 0
}

.p-custom_status_modal__input_container {
    position: relative
}

.p-custom_status_modal__input_container.p-custom_status_modal__input_container--feature_amazon_a11y_custom_status_emoji .c-basic_container__body {
    overflow: unset
}

.p-custom_status_modal__input_container .c-texty_input__container--with_warning .c-texty_input {
    padding-right: 70px
}

.p-custom_status_modal__input_container .c-texty_input__warning {
    bottom: 12px;
    right: 36px
}

.p-custom_status_modal__input_action {
    align-items: center;
    align-self: stretch;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 40px
}

.p-custom_status_modal__input_hint {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    margin: 8px 0 0 12px
}

.p-custom_status_modal__expiration_default .c-select_button__placeholder {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-custom_status_modal--pause_notifications .p-custom_status_modal__expiration_default .c-select_button {
    padding-left: 0
}

.p-custom_status_modal__expiration_custom {
    margin: 12px 0 0 0
}

.p-custom_status_modal__expiration_custom .c-date_time_picker__date_picker_container, .p-custom_status_modal__expiration_custom .c-date_time_picker__time_picker_container {
    min-width: auto;
    padding: 0
}

.p-custom_status_modal__expiration_custom .c-date_time_picker__time_picker_container {
    padding-left: 12px
}

.p-custom_status_modal__expiration_custom .c-date-time_picker__date_picker_button {
    margin-bottom: 0
}

.p-custom_status_modal--pause_notifications .p-custom_status_modal__expiration_custom {
    margin: 12px 0 20px 0
}

.p-custom_status_modal__pause_notifications {
    margin-top: 4px
}

.p-custom_status_modal__pause_notifications .c-label__text {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-weight: 700
}

.p-custom_status_modal__presets {
    margin: 0;
    min-inline-size: auto
}

.p-custom_status_modal__preset_title {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .7);
    font-weight: 700;
    padding: 24px 0 4px 36px
}

.p-custom_status_modal__preset_container {
    align-items: center;
    display: flex;
    height: 28px;
    padding: 0 36px
}

.p-custom_status_modal__preset_container.p-custom_status_modal__preset_container--active, .p-custom_status_modal__preset_container:focus-within, .p-custom_status_modal__preset_container:hover {
    background: #1264a3;
    color: #fff
}

.p-custom_status_modal__preset_container.p-custom_status_modal__preset_container--active .p-custom_status_modal__preset_duration, .p-custom_status_modal__preset_container:focus-within .p-custom_status_modal__preset_duration, .p-custom_status_modal__preset_container:hover .p-custom_status_modal__preset_duration {
    color: #fff
}

.p-custom_status_modal__preset_container.p-custom_status_modal__preset_container--active .p-custom_status_modal__preset_control, .p-custom_status_modal__preset_container:focus-within .p-custom_status_modal__preset_control, .p-custom_status_modal__preset_container:hover .p-custom_status_modal__preset_control {
    position: unset;
    overflow: unset;
    clip: unset;
    height: unset;
    width: unset;
    margin: unset;
    padding: unset;
    border: unset;
    -webkit-user-select: unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
    user-select: unset
}

.p-custom_status_modal__preset {
    align-items: center;
    display: flex;
    flex: 1;
    min-width: 0
}

.p-custom_status_modal__preset:focus {
    border-radius: 0;
    box-shadow: none
}

.p-custom_status_modal__preset_control {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    height: 20px;
    width: 20px
}

.p-custom_status_modal__preset_emoji {
    flex-shrink: 0;
    margin-right: 10px
}

.p-custom_status_modal__preset_text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    margin-right: 4px
}

.p-custom_status_modal__preset_duration {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    flex-shrink: 0
}

.p-custom_status_modal__preset_duration:before {
    content: "\2014";
    display: inline-block;
    margin-right: 4px
}

.p-custom_status_modal__edit_presets {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    flex: 1;
    margin-right: 16px
}

.p-custom_status_modal__recent_statuses {
    margin-top: 0
}

.p-custom_status_modal__keyboard_hint_container {
    bottom: -50px;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%
}

.p-custom_status_modal__keyboard_hint {
    max-width: 100%
}

.p-custom_status_modal_calendar__status_sync_image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    margin-top: 20px;
    width: 100%
}

.p-custom_status_modal_calendar__footer {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin-right: 8px
}

.p-custom_status_modal_calendar__footer, .p-custom_status_modal_calendar__footer:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-custom_status_modal_calendar__modal_divider {
    margin-bottom: 20px
}

.p-download_progress__outer {
    order: 2;
    width: calc(100% - 24px);
    height: 6px;
    border-radius: 3px;
    background: #ddd;
    margin: 0 0 12px 60px;
    opacity: 1
}

.p-download_progress__inner {
    height: 6px;
    border-radius: 3px;
    background: #1d9bd1;
    transition-duration: .15s;
    transition-property: width
}

.p-download_toast_item--completed .p-download_progress__outer {
    transition-duration: .3s;
    transition-property: height, opacity, margin;
    height: 0;
    opacity: 0;
    margin: 0 0 0 60px
}

.p-downloads_modal__title {
    justify-content: space-between;
    position: relative
}

.p-downloads_modal__title__clear:after {
    content: "";
    height: 25px;
    width: 1px;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    position: absolute;
    right: -12px
}

.p-downloads_modal__content {
    height: 424px;
    padding-bottom: 20px;
    margin-top: -5px
}

.p-downloads_modal__content--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0
}

.p-downloads_modal__list_container {
    margin: 5px 13px 0 13px
}

.p-downloads_modal__content_empty_message {
    text-align: center;
    width: 300px
}

.p-downloads_modal__content_empty_message__heading {
    margin-bottom: 12px
}

.p-downloads_modal__content .p-download_progress__outer {
    order: unset;
    width: calc(100% - 48px);
    margin: 8px 0 4px 48px
}

.p-downloads_modal__content .p-download_controls__actions {
    margin: 0 0 0 48px;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-downloads_modal__content .p-download_controls__button {
    margin-right: 12px
}

.p-downloads_modal__content .p-download_controls__button:hover {
    text-decoration: underline
}

.p-downloads_modal__content .c-pillow_file--active_download .c-pillow_file__slide, .p-downloads_modal__content .c-pillow_file_container--active_download {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-channel_topic_dialog .c-dialog__header {
    padding-bottom: 11px
}

.p-channel_topic_dialog .c-dialog__body {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-channel_topic_dialog .c-dialog__footer {
    padding-top: 15px
}

.p-channel_purpose_dialog .c-dialog__header {
    padding-bottom: 11px
}

.p-channel_purpose_dialog .c-dialog__body {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-channel_purpose_dialog .c-dialog__footer {
    padding-top: 15px
}

.p-file_upload_dialog {
    overflow-y: auto
}

.p-file_upload_dialog .c-dialog__body {
    padding: 0;
    overflow-y: visible
}

.p-file_upload_dialog__section {
    margin: 0 24px
}

.p-file_upload_dialog__section .p-share_dialog__alert {
    margin-bottom: 0
}

.p-file_upload_dialog__section + .p-file_upload_dialog__section {
    margin-top: 12px
}

.p-file_upload_dialog__section.p-file_upload_dialog__section--broadcast {
    margin-top: 8px
}

.p-file_upload_dialog__section input.c-input_text {
    margin-bottom: 0
}

.p-file_upload_dialog__preview {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    overflow: hidden;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-file_upload_dialog__preview_image {
    max-height: 225px;
    max-width: 100%;
    vertical-align: middle
}

.p-file_upload_dialog__section_file_name {
    margin-left: 19px;
    margin-right: 19px
}

.p-file-upload_dialog__preview_file_name, .p-file_upload_dialog__file_name_input {
    padding-left: 5px;
    padding-right: 5px
}

.p-file-upload_dialog__preview_file_name {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    overflow: hidden;
    display: flex;
    transition: opacity .09s ease-out, height .1s ease .1s, margin-top .1s ease .1s, padding .1s ease .1s;
    margin-top: -12px;
    height: 25px;
    padding-top: 4px;
    padding-bottom: 4px;
    opacity: 1
}

.p-file-upload_dialog__preview_file_name--hide {
    margin-top: 0;
    height: 0;
    padding: 0;
    opacity: 0
}

.p-file-upload_dialog__preview_file_name_text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-file-upload_dialog__preview_file_name_edit {
    margin-left: 2px;
    padding: 0 2px
}

.p-file_upload_dialog__file_name_input {
    overflow: hidden;
    transition: height .1s ease .1s, opacity .2s ease-in .2s;
    height: 71px;
    opacity: 1
}

.p-file_upload_dialog__file_name_input--hide {
    height: 0;
    opacity: 0
}

.p-file_upload_dialog__section:last-child {
    margin-bottom: 4px
}

.p-file_upload_dialog .c-dialog__footer {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    justify-content: flex-end
}

.p-file_upload_dialog .c-dialog__footer .c-dialog__footer_text {
    flex: auto;
    min-width: 1px
}

.p-file_upload_dialog--multiple .c-dialog__footer .c-dialog__footer_text {
    flex: 0;
    min-width: auto
}

.c-dialog__footer .p-file_upload_dialog__footer_share_inputs {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-file_upload_dialog__footer_share_inputs .c-input_select {
    margin-bottom: 0
}

.p-file_upload_dialog .c-label--inline {
    display: inline-flex
}

.p-file_upload_dialog__section--retention_duration {
    font-size: 13px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-file_upload_dialog__thread_label {
    line-height: 18px;
    font-weight: 700;
    font-size: 15px
}

.p-file_upload_dialog__thread_label .p-thread_participant_list {
    font-weight: 400;
    font-size: 12px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-file_upload_dialog__broadcast_label {
    font-size: 13px;
    font-weight: 400
}

.p-file_upload_dialog__broadcast_channel_name {
    font-weight: 700
}

input.c-input_checkbox.p-file_upload_dialog__broadcast_checkbox {
    margin-right: 8px
}

.p-create_gdoc_dialog__broadcast_section {
    margin-top: 8px
}

.p-create_gdoc_dialog .c-dialog__body {
    padding-bottom: 8px
}

.p-create_gdoc_dialog .c-dialog__footer {
    padding-top: 12px
}

.p-create_gdoc_dialog .c-dialog__footer .c-dialog__footer_text {
    flex: auto;
    min-width: 1px
}

.c-dialog__footer .p-create_gdoc_dialog__footer_share_inputs {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-create_gdoc_dialog__footer_share_inputs .c-input_select {
    margin-bottom: 0
}

.p-email_link_menu__title {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 8px
}

.p-calls_upgrade_content__link:active, .p-calls_upgrade_content__link:focus, .p-calls_upgrade_content__link:hover {
    text-decoration: none
}

.p-calls_upgrade_content__link:active .p-calls_upgrade_content__link__text, .p-calls_upgrade_content__link:focus .p-calls_upgrade_content__link__text, .p-calls_upgrade_content__link:hover .p-calls_upgrade_content__link__text {
    text-decoration: underline
}

.p-calls_upgrade_modal__title {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900
}

.p-snippet_editor--loading {
    padding: 32px 0
}

.p-snippet_dialog {
    width: 44rem;
    max-height: 750px
}

.p-snippet_dialog__broadcast_section {
    margin-top: 8px
}

.p-snippet_dialog .c-dialog__body {
    padding-bottom: 8px
}

.p-snippet_dialog .c-dialog__footer {
    padding-top: 12px
}

.p-snippet_dialog .c-dialog__footer .c-dialog__footer_text {
    flex: auto;
    min-width: 1px
}

.c-dialog__footer .p-snippet_dialog__footer_share_inputs {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-snippet_dialog__footer_share_inputs .c-input_select {
    margin-bottom: 0
}

.p-apps_browser__app_limit_meter__color_meter {
    display: flex;
    align-items: center
}

.p-apps_browser__app_limit_meter__color_meter li {
    margin: 0
}

.p-apps_browser__app_limit_meter__color_meter li.hidden {
    display: none
}

.p-apps_browser__app_limit_meter__color_meter li:after, .p-apps_browser__app_limit_meter__color_meter li:before {
    box-sizing: content-box
}

.p-apps_browser__app_limit_meter__app_icon {
    width: 24px;
    height: 24px
}

.p-apps_browser_container {
    display: flex;
    overflow: hidden
}

.p-apps_browser_modal .c-fullscreen_modal__body {
    padding-bottom: 0;
    flex-basis: 100%
}

.p-apps_browser_modal .c-fullscreen_modal__body__content, .p-apps_browser_modal .p-apps_browser_container {
    height: 100%
}

.p-apps_browser_links {
    position: absolute;
    top: 32px;
    left: 48px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-apps_browser_links__link {
    margin-right: 24px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-apps_browser_links__link:active, .p-apps_browser_links__link:hover, .p-apps_browser_links__link:link, .p-apps_browser_links__link:visited {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    cursor: pointer
}

.p-apps_browser_links__link:focus, .p-apps_browser_links__link:hover {
    text-decoration: underline
}

.p-apps_browser_links__link_icon {
    margin-right: 4px
}

.p-apps_browser {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    margin: 0 0 16px 0;
    overflow: hidden
}

.p-apps_browser__filter_container {
    margin-bottom: 20px;
    padding: 10px
}

.p-apps_browser__filter_header {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.p-apps_browser__filter_header h2 {
    font-size: 34px;
    line-height: 41px;
    font-weight: 900;
    flex-grow: 1;
    margin: 0
}

.p-apps_browser__search_box {
    display: flex
}

.p-apps_browser__apps_list {
    transform: translateZ(0);
    overflow-y: auto;
    min-height: 200px;
    position: relative
}

.supports_custom_scrollbar .p-apps_browser__apps_list {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .p-apps_browser__apps_list::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-apps_browser__apps_list::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-apps_browser__apps_list::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-apps_browser__apps_list::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-apps_browser__apps_list::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-apps_browser__apps_list::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .p-apps_browser__apps_list:hover {
    border-right: .25rem solid transparent
}

.supports_custom_scrollbar .p-apps_browser__apps_list:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-apps_browser__apps_list:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-apps_browser__apps_list:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-apps_browser__apps_list:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-apps_browser__apps_list:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-apps_browser__apps_list:hover::-webkit-scrollbar-corner {
    background: transparent
}

.p-apps_browser__apps_list--loading:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.p-apps_browser__apps_list--loading:before, .p-apps_browser__list_container--loading:before {
    background-image: url(https://a.slack-edge.com/bv1-9/loading_hash_animation_@2x-5ed2431.gif);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.p-apps_browser__list_container--loading:before {
    display: block;
    height: 100%;
    width: 100%
}

.p-apps_browser__apps_list--loading--dark:before, .p-apps_browser__list_container--loading--dark:before {
    background-image: url(https://a.slack-edge.com/bv1-9/loading_hash_animation_@2x_dark-09714c7.gif)
}

.p-apps_browser__list_container--loading * {
    opacity: 0
}

.p-apps_browser__spinner {
    display: none;
    fill: #fff
}

.p-apps_browser__list_container {
    flex: 1;
    min-height: 0;
    overflow: hidden
}

.p-apps_browser__list_container .c-virtual_list--scrollbar .c-virtual_list__scroll_container {
    transform: translateY(1px)
}

.p-apps_browser__apps_list--paginating .p-apps_browser__spinner {
    display: block
}

.p-apps_browser__category_section {
    padding: 10px
}

.p-apps_browser__category_section:not(:last-of-type) {
    margin-bottom: 25px
}

.p-apps_browser__category_section--hidden, .p-apps_browser__category_section--tutorial .p-apps_browser__category_header {
    display: none
}

.p-apps_browser__category_section--tutorial .p-apps_browser__app--selected {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-apps_browser__category_header {
    font-size: .8rem;
    line-height: 1.2rem;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    padding-bottom: .5rem
}

.p-apps_browser__category_header--sticky {
    top: 0;
    position: -webkit-sticky;
    position: sticky
}

.p-apps_browser__app {
    display: flex;
    align-items: center;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-top-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    cursor: pointer
}

.p-apps_browser__app .p-apps_browser__enter_button {
    opacity: 0;
    position: absolute
}

.p-apps_browser__app.p-apps_browser__app--tutorial {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    padding: 12px
}

.p-apps_browser__app--selected, .p-apps_browser__app.p-apps_browser__app--tutorial {
    border-radius: 6px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0)
}

.p-apps_browser__app--selected {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-apps_browser__app--selected .p-apps_browser__enter_button {
    opacity: 1;
    position: static
}

.p-apps_browser__app--selected + .p-apps_browser__app {
    border-top-color: transparent
}

.p-apps_browser__enter_button {
    position: absolute;
    flex: 0 0 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin: auto;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-apps_browser__app_icon {
    flex: 0 0 auto;
    border-radius: .2rem;
    width: 36px;
    height: 36px;
    margin-right: 10px
}

.p-apps_browser__app_info {
    flex: 1 1 0;
    font-size: 15px;
    overflow: hidden;
    line-height: 1.3rem;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin-right: 12px
}

.p-apps_browser__app_name {
    font-weight: 700
}

.p-apps_browser__app_description, .p-apps_browser__app_name {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-apps_browser__app_description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-apps_browser__no_results {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px
}

.p-apps_browser__app_limit_meter__container {
    display: block;
    padding: 0 .625rem .625rem .625rem;
    margin-bottom: 1.25rem
}

@media screen and (max-width: 718px) {
    .p-apps_browser__app_limit_meter__container {
        display: none
    }
}

.p-apps_browser__app_limit_meter {
    padding: 1rem;
    max-width: 640px;
    border: 1px solid #e8e8e8;
    border-radius: .25rem;
    font-size: 1rem
}

.p-apps_browser__app_limit_meter.is_ff_and_mac {
    max-width: 621px
}

@supports (-ms-ime-align:auto) {
    .p-apps_browser__app_limit_meter {
        max-width: 624px
    }
}

.p-apps_browser__app_limit_meter b {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-apps_browser__app_limit_meter p {
    font-size: .9375rem
}

.p-apps_browser__app_limit_meter__heading {
    line-height: 1.32em
}

.p-apps_browser__app_limit_meter__paragraph {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    line-height: 1.5em;
    margin-bottom: 1.35rem
}

.p-apps_browser__app_limit_meter__apps_container {
    margin-bottom: .15rem
}

.p-apps_browser__app_limit_meter__apps {
    height: 24px;
    width: 24px;
    vertical-align: top;
    margin-left: 2.4rem
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .p-apps_browser__app_limit_meter__apps {
        margin-left: 6.5%
    }
}

@supports (-ms-ime-align:auto) {
    .p-apps_browser__app_limit_meter__apps {
        margin-left: 2.4rem
    }
}

.p-apps_browser__app_limit_meter__apps.is_ff_and_win {
    margin-left: 2.35rem
}

.p-apps_browser__app_limit_meter__apps.is_ff_and_mac {
    margin-left: 2.4rem
}

.p-apps_browser__app_limit_meter__apps:first-child {
    margin-left: 0
}

.p-apps_browser__app_limit_meter__apps img {
    border-radius: .2rem
}

.p-apps_browser__app_limit_meter__blank_app_box {
    background-color: #f9f9f9;
    border: 1.5px dashed #c7cacd;
    border-radius: 4px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .p-apps_browser__app_limit_meter__blank_app_box {
        height: 20px;
        width: 20px
    }
}

.p-apps_browser__app_limit_meter__color_meter {
    height: 20px;
    padding: 0 0 0 .9rem;
    margin: 0;
    list-style-type: none;
    font-size: 0;
    max-width: 595px
}

.p-apps_browser__app_limit_meter__color_meter.is_ff_and_win {
    max-width: 99%
}

.p-apps_browser__app_limit_meter__color_meter li {
    width: 10.9%;
    background-color: #e8e8e8;
    display: inline-block;
    height: 1px;
    position: relative;
    border-radius: 4px
}

.p-apps_browser__app_limit_meter__color_meter li.meter_first_green {
    background-color: #29a979
}

.p-apps_browser__app_limit_meter__color_meter li.meter_second_green {
    background-color: #52b062
}

.p-apps_browser__app_limit_meter__color_meter li.meter_third_green {
    background-color: #8cba41
}

.p-apps_browser__app_limit_meter__color_meter li.meter_fourth_green {
    background-color: #bec225
}

.p-apps_browser__app_limit_meter__color_meter li.meter_yellow {
    background-color: #fc0
}

.p-apps_browser__app_limit_meter__color_meter li.meter_orange {
    background-color: #f58632
}

.p-apps_browser__app_limit_meter__color_meter li.meter_red {
    background-color: #f33d5f
}

.p-apps_browser__app_limit_meter__color_meter li.first, .p-apps_browser__app_limit_meter__color_meter li:first-child {
    width: 9.85%
}

.p-apps_browser__app_limit_meter__color_meter li.first:before, .p-apps_browser__app_limit_meter__color_meter li:first-child:before {
    position: absolute;
    left: -6px;
    top: -3.5px;
    width: 4px;
    height: 4px;
    content: "";
    display: block;
    background-color: #29a979;
    border-radius: 4px;
    border: 2px solid #fff
}

.p-apps_browser__app_limit_meter__color_meter li:nth-child(7), .p-apps_browser__app_limit_meter__color_meter li:nth-child(10) {
    width: 10.77%
}

.p-apps_browser__app_limit_meter__color_meter li:nth-child(7) {
    width: 11%
}

.p-apps_browser__app_limit_meter__color_meter li:after {
    position: absolute;
    right: -6px;
    top: -2px;
    width: 3px;
    height: 3px;
    content: "";
    display: block;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 3px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    z-index: 1
}

.p-apps_browser__app_limit_meter__color_meter li.on:after {
    background-color: inherit;
    border: 2px solid #fff;
    border-radius: 4px;
    width: 4px;
    height: 4px;
    right: -8px;
    top: -3.5px
}

.p-apps_browser__app_limit_meter__color_meter li.off:before {
    position: absolute;
    right: -8.5px;
    top: -5px;
    width: 10.5px;
    height: 10.5px;
    content: "";
    display: block;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 10.5px;
    z-index: 1
}

.p-shortcuts_menu_v2 {
    align-items: center;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 6px;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 30px);
    max-width: calc(100vw - 30px);
    margin: 0;
    overflow: hidden;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .12)
}

.p-shortcuts_menu_v2 .c-select_options_list {
    outline: 0
}

.p-shortcuts_menu_v2.p-shortcuts_menu_v2--end .c-select_options_list__virtual_list {
    padding: 8px 0 !important
}

.p-shortcuts_menu_v2 .c-select_options_list__wrapper {
    border-radius: 0;
    box-shadow: none
}

.p-shortcuts_menu_v2 .c-select_options_list__option {
    padding: 0 24px
}

.p-shortcuts_menu_v2 .c-select_options_list__option.p-shortcuts_menu_education__wrapper {
    padding-left: 0;
    padding-right: 0
}

.p-shortcuts_menu_v2 .c-select_options_list__divider {
    padding: 0
}

.p-shortcuts_menu_v2 .c-select_options_list__option:not(.c-select_options_list__option--active) .p-shortcuts_menu_v2_item__app_container_subtext, .p-shortcuts_menu_v2 .c-select_options_list__option:not(.c-select_options_list__option--active) .p-shortcuts_menu_v2_item__app_name {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-shortcuts_menu_v2__action_icon {
    height: 20px;
    width: 20px;
    margin-right: 8px
}

.p-shortcuts_menu_v2--educationComponent:not(.p-shortcuts_menu_v2--educationComponent-secondary) .c-select_options_list__virtual_list {
    padding-top: 0 !important
}

.p-shortcuts_menu_v2--educationComponent:not(.p-shortcuts_menu_v2--educationComponent-secondary) .p-shortcuts_menu_education {
    padding-bottom: 8px
}

.p-shortcuts_menu_v2--educationComponent-secondary .p-shortcuts_menu_education__wrapper {
    margin-top: -8px
}

.p-shortcuts_menu_v2__empty_wrapper {
    text-align: center;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex
}

.p-shortcuts_menu_v2__empty {
    width: 100%;
    word-wrap: break-word
}

.p-shortcuts_menu_v2__select_options_list_wrapper {
    flex: 1;
    width: 100%
}

.c-icon.p-shortcuts_menu_v2__external_link_icon {
    height: auto;
    width: auto
}

.c-icon.p-shortcuts_menu_v2__external_link_icon:before {
    font-size: 16px
}

.p-shortcuts_menu_v2 .c-command_list_entity .c-command_entity__description, .p-shortcuts_menu_v2_item__app_container_subtext {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-shortcuts_menu_v2 .c-mrkdwn__highlight {
    background: inherit;
    color: inherit;
    font-weight: 700
}

.p-shortcuts_menu_trigger_button_left_column {
    bottom: 0;
    position: absolute;
    display: flex;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px
}

.p-shortcuts_menu_trigger_button_container {
    z-index: 200;
    margin: 8px 0 8px 4px;
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    display: flex;
    align-self: flex-end;
    transition: border-color 80ms linear;
    height: 24px
}

.p-shortcuts_menu_trigger_button_container--disabled {
    pointer-events: none
}

.p-shortcuts_menu_trigger_button_container:hover {
    border-color: transparent
}

.p-shortcuts_menu_trigger_button {
    margin: -4px 0 -4px 0;
    border-radius: 2px;
    transition: background 80ms linear, color 80ms linear;
    height: 32px;
    width: 32px;
    z-index: 200
}

.p-shortcuts_menu_trigger_button .c-icon:before {
    font-size: 16px
}

.p-shortcuts_menu_trigger_button:not(.p-shortcuts_menu_trigger_button--only_workflows):active, .p-shortcuts_menu_trigger_button:not(.p-shortcuts_menu_trigger_button--only_workflows):hover {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
    color: #fff !important
}

.p-shortcuts_menu_trigger_button.p-shortcuts_menu_trigger_button--only_workflows:active, .p-shortcuts_menu_trigger_button.p-shortcuts_menu_trigger_button--only_workflows:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1) !important
}

.p-shortcuts_menu_trigger_button.p-shortcuts_menu_trigger_button--only_workflows:active .c-icon:before, .p-shortcuts_menu_trigger_button.p-shortcuts_menu_trigger_button--only_workflows:hover .c-icon:before {
    content: "\E586" !important
}

.p-shortcuts_menu_trigger_button--dark:not(.p-shortcuts_menu_trigger_button--only_workflows).p-shortcuts_menu_trigger_button:active, .p-shortcuts_menu_trigger_button--dark:not(.p-shortcuts_menu_trigger_button--only_workflows).p-shortcuts_menu_trigger_button:hover {
    background: #1264a3 !important
}

.p-shortcuts_menu_trigger_button--highlighted:not(.p-shortcuts_menu_trigger_button--only_workflows) {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1) !important
}

.c-wysiwyg_container {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px
}

.c-wysiwyg_container .c-wysiwyg_container__button--expand_outside:focus, .c-wysiwyg_container:focus-within .c-wysiwyg_container__button--expand_outside, .c-wysiwyg_container:hover .c-wysiwyg_container__button--expand_outside {
    opacity: 1
}

.c-wysiwyg_container .c-basic_container__body {
    display: grid;
    grid-template-columns:auto minmax(0, 1fr) auto;
    grid-template-rows:auto minmax(0, 100%) auto auto;
    grid-template-areas:"context context context" "input input input" "attachments attachments attachments" "prefix single_decker_input suffix"
}

.c-wysiwyg_container .c-basic_container__body .c-texty_input_unstyled__container {
    grid-area: input
}

.c-wysiwyg_container .c-basic_container__body .c-wysiwyg_container__prefix {
    grid-area: prefix
}

.c-wysiwyg_container .c-basic_container__body .c-wysiwyg_container__suffix {
    grid-area: suffix
}

.c-wysiwyg_container .c-basic_container__body .c-wysiwyg_container__attachments {
    grid-area: attachments
}

.c-wysiwyg_container .c-basic_container__body .c-wysiwyg_container__context {
    grid-area: context
}

.c-wysiwyg_container .c-basic_container__body .c-wysiwyg_container__footer {
    grid-column-start: 1;
    grid-column-end: -1;
    grid-row-start: -1
}

.c-wysiwyg_container:not(.c-wysiwyg_container--double_decker):not(.c-wysiwyg_container--with_footer) .c-basic_container__body .c-texty_input_unstyled__container {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: -1
}

.c-wysiwyg_container.p-message_input__input_container_unstyled--with_subject_expanded .c-basic_container__body {
    grid-template-rows:auto minmax(0, 100%) auto auto;
    grid-template-areas:"subject subject subject" "input input input" "attachments attachments attachments" "prefix single_decker_input suffix"
}

.c-wysiwyg_container.p-message_input__input_container_unstyled--with_subject_expanded .c-texty_input_unstyled__subject {
    grid-area: subject;
    border-bottom: 1px solid rgba(var(--sk_foreground_mid, 29, 28, 29), .3);
    padding-right: 36px;
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.c-wysiwyg_container.p-message_input__input_container_unstyled--with_subject_expanded .c-texty_input_unstyled__subject .c-texty_input_unstyled__warning {
    position: unset
}

.c-wysiwyg_container.p-message_input__input_container_unstyled--with_subject_expanded .c-wysiwyg_container__footer {
    grid-row-start: -1
}

.c-wysiwyg_container__footer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid transparent;
    display: flex;
    justify-content: space-between;
    transition: background 80ms, border-color 80ms
}

.c-wysiwyg_container:focus-within .c-wysiwyg_container__footer {
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-wysiwyg_container__formatting {
    flex: 1;
    opacity: .2;
    transition: opacity 80ms
}

.c-wysiwyg_container__formatting, .c-wysiwyg_container__prefix, .c-wysiwyg_container__suffix {
    padding: 4px
}

.c-wysiwyg_container__prefix, .c-wysiwyg_container__suffix {
    align-items: flex-end;
    display: flex;
    flex-shrink: 0
}

.c-wysiwyg_container:focus-within .c-wysiwyg_container__formatting, .c-wysiwyg_container:focus-within .c-wysiwyg_container__suffix {
    opacity: 1
}

.c-wysiwyg_container__prefix {
    padding-right: 7px
}

.c-wysiwyg_container__button {
    border-radius: 2px;
    transition: background 80ms, border-color 80ms, color 80ms
}

.c-wysiwyg_container__button .c-icon:before {
    font-size: 16px
}

.c-wysiwyg_container__button--emoji_highlighted .c-icon {
    background: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1);
    border-radius: 50%;
    width: 12px;
    height: 12px
}

.sk-client-theme--dark .c-wysiwyg_container__button--emoji_highlighted .c-icon {
    color: #1d1c1d
}

.c-wysiwyg_container__button--with_badge {
    position: relative
}

.c-wysiwyg_container__button--with_badge:hover .c-icon:after {
    border-color: #efefef
}

.c-wysiwyg_container__button--with_badge .c-icon:after {
    content: "\A0";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    border-radius: 6px;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 2px solid var(--saf-0);
    background: #e01e5a;
    width: 10px;
    height: 10px
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--send, .c-wysiwyg_container__button.c-wysiwyg_container__button--send_options {
    background: #007a5a;
    color: #fff
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--send:hover, .c-wysiwyg_container__button.c-wysiwyg_container__button--send_options:hover {
    background: #148567;
    color: #fff
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--send[disabled], .c-wysiwyg_container__button.c-wysiwyg_container__button--send_options[disabled] {
    background: unset;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    opacity: .2;
    pointer-events: none
}

.c-wysiwyg_container__send_button--with_options {
    margin-left: 12px
}

.c-wysiwyg_container__send_button--with_options .c-wysiwyg_container__button.c-wysiwyg_container__button--send[disabled], .c-wysiwyg_container__send_button--with_options .c-wysiwyg_container__button.c-wysiwyg_container__button--send_options[disabled] {
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .13);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .5);
    opacity: 1
}

.c-wysiwyg_container__send_button--with_options .c-wysiwyg_container__button.c-wysiwyg_container__button--send {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), .3)
}

.c-wysiwyg_container__send_button--with_options .c-wysiwyg_container__button.c-wysiwyg_container__button--send[disabled] {
    border-right: 1px solid rgba(var(--sk_primary_foreground, 29, 28, 29), .13)
}

.c-wysiwyg_container__send_button--with_options .c-wysiwyg_container__button.c-wysiwyg_container__button--send_options {
    border-radius: 0 4px 4px 0;
    width: 20px
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--schedule_send[disabled] {
    background: unset;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    opacity: .2;
    pointer-events: none
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--day1 {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: #fff;
    opacity: 1
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--day1:hover {
    color: #fff;
    background: #2570aa
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--day1[disabled] {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: #fff;
    opacity: 1
}

.c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--composer {
    opacity: .2;
    background: transparent
}

.c-wysiwyg_container:focus-within .c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--composer {
    opacity: 1
}

.c-wysiwyg_container:focus-within .c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--composer.c-wysiwyg_container__button--active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts {
    position: relative
}

.c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts:active, .c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts:focus, .c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts:hover {
    background: #1264a3;
    color: #fff
}

.c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts:active:after, .c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts:focus:after, .c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts:hover:after {
    content: unset
}

.c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts:after {
    border-right: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    bottom: 4px;
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    top: 4px
}

.c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts_highlighted {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-wysiwyg_container__button.c-icon_button.c-wysiwyg_container__button--shortcuts_highlighted :hover {
    color: #fff
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--expand {
    margin: 3px 4px 0 0;
    position: absolute;
    right: 0;
    top: 0
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--subject_line {
    margin: 3px 4px 0 0;
    position: absolute;
    right: 36px;
    top: 0
}

.c-wysiwyg_container.p-message_input__input_container_unstyled--with_subject_expanded .c-wysiwyg_container__button.c-wysiwyg_container__button--expand {
    top: 39px
}

.c-wysiwyg_container.p-message_input__input_container_unstyled--with_subject_expanded .c-wysiwyg_container__button.c-wysiwyg_container__button--subject_line {
    right: 0
}

.c-wysiwyg_container__button.c-wysiwyg_container__button--expand_outside {
    opacity: 0;
    position: absolute;
    right: -18px;
    top: 8px;
    transition: color 80ms, opacity .16s
}

.c-wysiwyg_container__button--active {
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-wysiwyg_container--theme_light:focus-within .c-wysiwyg_container__footer--with_formatting {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-wysiwyg_container--theme_light_bordered {
    border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-wysiwyg_container--theme_light_bordered:focus-within {
    border-color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-wysiwyg_container--theme_dark {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-wysiwyg_container--theme_dark code {
    color: #e8912d
}

.c-wysiwyg_container--theme_dark .c-wysiwyg_container__button--with_badge .c-icon:after {
    border-color: #232529
}

.c-wysiwyg_container--theme_dark .c-wysiwyg_container__button--with_badge:hover .c-icon:after {
    border-color: #2b2d30
}

.c-wysiwyg_container--theme_dark_bordered {
    border-color: #565856
}

.c-wysiwyg_container--theme_dark_bordered:focus-within {
    border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-wysiwyg_container--disabled .c-wysiwyg_container__footer {
    opacity: .3
}

.c-wysiwyg_container--disabled .c-wysiwyg_container__formatting {
    opacity: 1
}

.c-wysiwyg_container--disabled .c-wysiwyg_container__button--active {
    background-color: unset
}

.c-wysiwyg_container--day1 {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-width: 2px;
    background: linear-gradient(0deg, rgba(var(--sk_highlight_accent, 29, 155, 209), .05), rgba(var(--sk_highlight_accent, 29, 155, 209), .05)), rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-wysiwyg_container--day1:focus-within {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-wysiwyg_container--day1.c-wysiwyg_container--theme_dark {
    background: linear-gradient(0deg, rgba(var(--sk_highlight_accent, 29, 155, 209), .05), rgba(var(--sk_highlight_accent, 29, 155, 209), .05)), rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.c-wysiwyg_container--day1-prog-disc {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border-width: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.c-wysiwyg_container.p-message_input__input_container_unstyled--with_subject_enabled .ql-editor {
    padding-right: 72px
}

.c-wysiwyg_container--with_footer .c-texty_input_unstyled__warning {
    bottom: 8px;
    position: absolute;
    right: 4px
}

.c-wysiwyg_container:not(.c-wysiwyg_container--with_footer) .c-texty_input_unstyled__warning {
    bottom: 44px;
    position: absolute;
    right: 4px
}

.c-wysiwyg_container:not(.c-wysiwyg_container--with_footer) .c-wysiwyg_container__button--expand {
    position: absolute;
    right: 0;
    top: 0
}

.c-wysiwyg_container--with_floating_toolbar {
    position: relative
}

.c-wysiwyg_container--opening_footer.c-wysiwyg_container--double_decker .c-wysiwyg_container__formatting, .c-wysiwyg_container--opening_footer:not(.c-wysiwyg_container--double_decker) .c-wysiwyg_container__footer {
    animation: fadeIn .2s forwards
}

.c-wysiwyg_container--closing_footer.c-wysiwyg_container--double_decker .c-wysiwyg_container__formatting, .c-wysiwyg_container--closing_footer:not(.c-wysiwyg_container--double_decker) .c-wysiwyg_container__footer {
    animation: fadeOut .2s forwards
}

.c-wysiwyg_container--opening_inline:not(.c-wysiwyg_container--double_decker) .c-wysiwyg_container__prefix, .c-wysiwyg_container--opening_inline:not(.c-wysiwyg_container--double_decker) .c-wysiwyg_container__suffix {
    animation: fadeIn .2s forwards
}

.c-wysiwyg_container--closing_inline:not(.c-wysiwyg_container--double_decker) .c-wysiwyg_container__prefix, .c-wysiwyg_container--closing_inline:not(.c-wysiwyg_container--double_decker) .c-wysiwyg_container__suffix {
    animation: fadeOut .2s forwards
}

@keyframes fadeIn {
    0% {
        opacity: .1
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: .1
    }
}

.p-share_dialog_message_input {
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    transition: border 80ms ease-out, box-shadow 80ms ease-out;
    margin-top: 1px;
    margin-bottom: 1px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-share_dialog_message_input:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    border-color: transparent;
    -webkit-appearance: none
}

.p-share_dialog_message_input:focus:-moz-placeholder, .p-share_dialog_message_input:focus:-ms-input-placeholder, .p-share_dialog_message_input:focus::-moz-placeholder, .p-share_dialog_message_input:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.p-share_dialog_message_input[disabled] {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0)
}

[lang] .p-share_dialog_message_input {
    font-size: 15px
}

[lang=ja-JP] .p-share_dialog_message_input {
    font-size: 14px
}

[lang] .p-share_dialog_message_input {
    line-height: 1.2
}

[lang=ja-JP] .p-share_dialog_message_input {
    line-height: 1.3
}

.p-share_dialog_message_input.ql-disabled {
    opacity: .6;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    cursor: default
}

.p-share_dialog_message_input.ql-disabled * {
    cursor: default
}

.p-share_dialog_message_input__context_bar {
    z-index: 0;
    padding-right: 20px
}

.p-share_dialog_message_input__context_bar .p-context_bar__icon_container {
    justify-content: flex-start;
    width: auto
}

.p-share_dialog__section {
    margin-top: 16px;
    margin-bottom: 16px
}

.p-share_dialog__section:first-child {
    margin-top: 0
}

.p-share_dialog__section:last-child {
    margin-bottom: 0
}

.p-share_dialog__section_bottom_padding {
    padding-bottom: 4px
}

.p-share_dialog__section_label {
    margin-bottom: 8px;
    font-weight: 700
}

.p-share_dialog__create_gdoc_share_with {
    margin-bottom: 4px
}

.p-share_dialog__create_gdoc_share_with .c-label--inline {
    display: inline-flex
}

.p-share_dialog__section .c-input_select, .p-share_dialog__section input.c-input_text, .p-share_dialog__section input[type=text].c-input_text {
    margin: 0
}

.p-share_dialog__section .c-message_attachment__footer {
    display: none
}

.p-share_dialog__alert {
    margin-bottom: 16px
}

.p-share_dialog__warning_message {
    display: block
}

.p-share_dialog__warning_message + .p-share_dialog__warning_message {
    margin-top: 8px
}

.p-share_dialog_channel_picker__option .c-select_options_list__option_label {
    white-space: normal;
    text-overflow: clip
}

.p-share_dialog_channel_picker .c-input_select__selected_value {
    display: block
}

.p-share_dialog__modal .c-dialog__footer--has_both {
    justify-content: flex-end
}

.p-share_dialog__modal .c-dialog_speed_bump__body_text {
    margin-bottom: 1rem
}

.p-share_dialog__modal .c-sk-modal_footer--speedbump {
    flex-direction: column;
    align-items: stretch
}

.p-share_dialog__modal_overlay {
    z-index: 1012
}

.p-share_dialog__copy_link {
    position: absolute;
    left: 28px
}

.p-share_dialog__copy_link_text {
    transition-duration: 80ms
}

.p-share_dialog__copy_link_text:hover {
    text-decoration: underline
}

.p-share_dialog__modal_overlay--popover:before {
    background: transparent
}

.p-share_dialog__modal--popover {
    padding-top: 20px
}

.p-share_dialog__modal--popover .p-share_dialog__section:last-child {
    margin-bottom: 6px
}

.p-share_dialog__modal--popover .c-sk-modal_footer {
    height: 72px;
    padding-top: 12px
}

@media screen and (min-width: 1180px) {
    .p-share_dialog__modal--popover {
        margin-top: -330px;
        margin-right: -510px
    }
}

@media screen and (max-width: 1179px) {
    .p-share_dialog__modal--popover {
        position: absolute;
        right: 50px;
        margin-top: -330px
    }
}

@media screen and (max-width: 1179px) and (max-height: 780px) {
    .p-share_dialog__modal--popover {
        top: 85px;
        margin-top: 0
    }
}

@media screen and (min-width: 1180px) and (max-height: 780px) {
    .p-share_dialog__modal--popover {
        position: absolute;
        margin-top: 0;
        margin-right: 0;
        top: 85px
    }
}

.c-file_container {
    position: relative;
    min-width: 230px;
    max-width: 600px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    padding: 15px
}

.c-file_container .c-file__actions {
    position: absolute;
    top: 19px;
    right: 15px
}

.c-file_container .c-file__actions--snippet {
    top: 10px;
    right: 10px
}

.c-file_container .c-file__actions--email {
    top: 15px
}

.c-file_container:hover {
    border-color: rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06)
}

.c-file_container:focus-within .c-file__actions, .c-file_container:hover .c-file__actions {
    opacity: 1
}

.c-file_container--full_width {
    max-width: none
}

.c-file_container--broader_radius {
    border-radius: 8px
}

.c-file_container--has_thumb {
    max-width: 430px
}

.c-file_container--has_thumb .c-file__actions:before {
    content: "";
    position: absolute;
    top: -19px;
    left: -20px;
    bottom: -10px;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 20px);
    right: 0
}

.c-file__thumb {
    width: 400px;
    height: 200px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    margin-top: 12px
}

.c-file__thumb--landscape {
    background-position: 50%
}

.c-file__media {
    margin-top: 12px
}

.c-file__media--video {
    height: 320px;
    background: #000;
    display: block;
    width: 100%
}

.c-file__actions {
    opacity: 0;
    transition: opacity .1s
}

.c-file__actions__hover {
    opacity: 1
}

.c-file__actions--image {
    position: absolute;
    top: 10px;
    right: 10px
}

.c-file__actions--overflow {
    left: 10px;
    right: auto;
    white-space: nowrap;
    padding: 6px 6px 6px 0;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .1);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), .9)
}

.c-file__actions--overflow__new-file-actions {
    right: auto
}

.c-file__actions--short {
    display: none
}

.c-file__action_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    padding: 0 .6rem;
    margin-left: 6px;
    box-shadow: none;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), .9);
    vertical-align: top;
    border-radius: 4px;
    position: relative
}

.c-file__action_button, .c-file__action_button:link, .c-file__action_button:visited {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-file__action_button .c-deprecated-icon:before {
    line-height: 30px
}

.c-file__action_button:after {
    content: "";
    position: absolute;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.c-file__action_button:active, .c-file__action_button:focus, .c-file__action_button:hover {
    text-decoration: none;
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1)
}

.c-file__action_button:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15)
}

.c-file__action_button--icon {
    width: 32px
}

.c-file__action_button--dark, .c-file__action_button--dark:active, .c-file__action_button--dark:hover {
    background-color: rgba(97, 96, 97, .9);
    color: #fff
}

.c-file__action_button--dark:after {
    border-color: rgba(97, 96, 97, .9)
}

.c-file__highlight {
    background-color: rgba(242, 199, 68, .2)
}

.c-file__actions .c-file__finder_button {
    margin-right: 4px
}

.c-pillow_file_container {
    position: relative;
    min-width: 200px;
    max-width: 600px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    overflow: hidden;
    transition-duration: .1s;
    transition-property: border-color, box-shadow
}

.c-pillow_file_container .c-file__actions {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px
}

.c-pillow_file_container .c-file__actions__hover {
    opacity: 1
}

.c-pillow_file_container.c-pillow_file_container--focus-within, .c-pillow_file_container:hover {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06)
}

.c-pillow_file_container.c-pillow_file_container--focus-within .c-file__actions, .c-pillow_file_container:hover .c-file__actions {
    opacity: 1
}

.c-pillow_file_container.c-pillow_file_container--focus-within .c-pillow_file__expandable_pill, .c-pillow_file_container:hover .c-pillow_file__expandable_pill {
    transform: translateY(0);
    opacity: 1
}

.c-pillow_file_container--download {
    overflow: visible
}

.c-pillow_file_container--full_width {
    border: none;
    border-radius: 0;
    transition-property: background
}

.c-pillow_file_container--full_width:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    box-shadow: none
}

.c-pillow_file_container--full_width.c-pillow_file_container--focus-within {
    box-shadow: none
}

.c-pillow_file_container--full_width .c-file__actions {
    top: 16px;
    right: 16px
}

.c-pillow_file_container--active_download {
    border: none;
    background-color: #1d1c1d;
    border-radius: 6px
}

.c-pillow_file_container--active_download:hover {
    background: none
}

.c-pillow_file_container--active_download .c-pillow_file__description, .c-pillow_file_container--active_download .c-pillow_file__title {
    color: #fff
}

.c-downloads_modal__list_item .c-pillow_file__description {
    padding-right: 80px
}

.c-pillow_file {
    padding: 12px;
    display: flex;
    flex-direction: column
}

.c-pillow_file--full_width {
    padding: 16px;
    padding-left: 12px
}

.c-pillow_file--full_width .c-pillow_file__header:link {
    margin: -16px;
    padding: 16px
}

.c-pillow_file--active_download {
    padding: 12px
}

.c-pillow_file--active_download .c-pillow_file__header:link {
    margin: -12px;
    padding: 12px
}

.c-pillow_file_meta_icon {
    display: none;
    opacity: 0
}

.c-pillow_file__header {
    display: flex;
    outline: none
}

.c-pillow_file__header:link {
    margin: -12px;
    padding: 12px
}

.c-pillow_file__header, .c-pillow_file__header:link:focus, .c-pillow_file__header:link:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    text-decoration: none
}

.c-pillow_file_container--download .c-pillow_file__header:link:focus {
    z-index: 2
}

.c-pillow_file__header.c-link--focus-visible {
    margin: -8px;
    padding: 8px
}

.c-pillow_file__header--hidden, .c-pillow_file__header--tombstone {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    align-items: center
}

.c-pillow_file__header--fsfv {
    cursor: nesw-resize;
    cursor: zoom-in
}

.c-pillow_file__swap {
    position: relative;
    vertical-align: top;
    white-space: nowrap
}

.c-pillow_file__swap, .c-pillow_file__swap .c-pillow_file__slide {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.c-pillow_file__swap .c-pillow_file__slide {
    position: absolute;
    left: 0;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-pillow_file_container--download .c-pillow_file__slide {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-pillow_file--active_download .c-pillow_file__slide {
    background: #1d1c1d
}

.c-pillow_file__slide {
    position: absolute;
    opacity: 0;
    transform: translateY(-5px);
    transition: all .1s ease-out .1s
}

.c-pillow_file_container:hover .c-pillow_file__slide {
    opacity: 1;
    transform: translateY(0)
}

.c-pillow_file__icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin-right: 12px;
    align-self: flex-start;
    position: relative
}

.c-pillow_file__icon.c-icon--filetype:before {
    font-size: 46px;
    line-height: 36px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.c-pillow_file__icon--slide:after {
    font-family: Slack v2;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    transform: translateY(-5px);
    transition: all .1s ease-out .1s;
    content: "\E289";
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    padding: 3px;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 3px solid var(--saf-0);
    border-radius: 100%;
    box-sizing: content-box;
    line-height: 10px;
    text-indent: -5px;
    color: #fff
}

.c-pillow_file_container:hover .c-pillow_file__icon--slide:after {
    opacity: 1;
    transform: translateY(0)
}

.c-pillow_file__icon--external:after, .c-pillow_file__icon--remote:after, .c-pillow_file__icon--window:after {
    content: "\E311";
    border-radius: 6px
}

.c-pillow_file__icon--view:after {
    content: "\E146";
    border-radius: 6px
}

.c-pillow_file__icon--detail:after {
    content: "\E008"
}

.c-pillow_file__icon--hidden, .c-pillow_file__icon--not_found, .c-pillow_file__icon--tombstone, .c-pillow_file__icon--unknown {
    border-radius: 3px;
    background: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-pillow_file__thumb_36 {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    background-size: cover;
    background-position: 50%
}

.c-pillow_file__tiny_thumb_overflow_wrapper, .c-pillow_file__tiny_thumb_wrapper {
    overflow: hidden;
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin-right: 12px;
    display: flex;
    align-self: flex-start;
    border-radius: 4px
}

.c-pillow_file__tiny_thumb_overflow_wrapper {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.c-pillow_file__tiny_thumb_wrapper {
    background-image: none;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.c-pillow_file__hidden_img {
    display: none;
    visibility: hidden
}

.c-pillow_file__description {
    font-size: 13px;
    line-height: 1.2;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    overflow: hidden;
    width: 100%;
    margin-top: -1px
}

.c-pillow_file__title {
    font-size: 16px;
    font-weight: 700;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    padding: 4px 0;
    margin: -4px 0;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.c-pillow_file__meta {
    line-height: 1
}

.c-pillow_file__meta__entry {
    margin-top: 4px
}

.c-pillow_file__user {
    font-weight: 700
}

.c-pillow_file__user-channel-files {
    font-weight: 500
}

.c-pillow_file__preview {
    width: 400px;
    height: 200px;
    max-width: 100%;
    margin-top: 12px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

.c-pillow_file__preview--remote {
    background-size: contain
}

.c-pillow_file__video {
    display: block;
    width: 100%;
    height: 320px;
    background: #000
}

.c-pillow_file__video_container {
    margin-top: 12px
}

.c-pillow_file__video:focus, .c-pillow_file__video_container:focus {
    outline: none;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.c-pillow_file__video--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.c-pillow_file__video--placeholder-poster {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #000
}

.c-pillow_file__video__placeholder_button {
    padding: 20px 19px 20px 21px;
    border-radius: 48px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1)
}

.c-pillow_file__video__placeholder_icon {
    font-size: 32px;
    width: 32px;
    height: 32px
}

.c-pillow_file__audio {
    margin-top: 12px;
    width: 100%
}

.sk-client-theme--dark .c-pillow_file__audio {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.c-pillow_file__content {
    position: relative
}

.c-pillow_file__content--collapsed {
    cursor: pointer
}

.c-pillow_file__content--collapsed:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(var(--sk_primary_background, 255, 255, 255), 1), rgba(var(--sk_primary_background, 255, 255, 255), 0) 40px)
}

.c-pillow_file__expandable_pill {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    transition: all .1s ease-out;
    z-index: 1
}

.c-pillow_file__expandable_pill--expand {
    top: 0;
    height: 100%;
    align-items: center;
    transform: translateY(-12px)
}

.c-pillow_file__expandable_pill--expand .c-pillow_file__expandable_pill__button {
    padding: 0 12px 0 8px
}

.c-pillow_file__expandable_pill--collapse {
    bottom: 12px;
    transform: translateY(12px)
}

.c-pillow_file__expandable_pill--collapse .c-pillow_file__expandable_pill__button {
    padding: 0 8px 0 12px
}

.c-pillow_file__expandable_pill--expanding .c-pillow_file__expandable_pill__button {
    padding: 0;
    width: 24px;
    text-align: center
}

.c-pillow_file__expandable_pill__button {
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    background: #616061;
    pointer-events: auto;
    color: #fff;
    border-radius: 12px
}

.c-pillow_file__expandable_pill__button.c-button--focus-visible {
    border-radius: 12px
}

.p-pending_file .c-pillow_file__description {
    padding: 5px;
    margin: -5px
}

.p-pending_file .c-pillow_file__title {
    display: block;
    white-space: nowrap
}

.p-pending_file .c-pillow_file__meta {
    margin-top: 4px
}

.p-pending_file--compact {
    min-width: 0
}

.p-pending_file--compact .c-pillow_file {
    padding: 0;
    height: 100%;
    align-items: center;
    justify-content: center
}

.p-pending_file--compact .c-pillow_file__icon {
    margin-right: 0;
    align-self: auto
}

.p-pending_file--compact .c-pillow_file__icon:before {
    font-size: 36px
}

.p-pending_image_file {
    display: flex;
    justify-content: center;
    align-items: center
}

.p-pending_image_file.p-pending_image_file__thumbnail_container {
    height: 62px;
    width: 62px;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.p-pending_image_file__thumbnail {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-position: 50% 50%;
    background-size: cover
}

.p-pending_image_file__img {
    max-height: 225px
}

.p-pending_image_file__img, .p-pending_image_file__thumbnail {
    opacity: 1;
    transition: opacity .15s linear
}

.p-pending_image_file__loading_spinner {
    position: absolute;
    opacity: 0;
    transition: opacity .1s linear
}

.p-pending_image_file__btn:focus .p-pending_image_file__img {
    border-radius: 4px
}

.p-pending_image_file__loading .p-pending_image_file__loading_spinner {
    opacity: 1
}

.p-pending_image_file__loading .p-pending_image_file__img, .p-pending_image_file__loading .p-pending_image_file__thumbnail {
    opacity: 0
}

.p-pending_image_file__loading .p-pending_image_file__img {
    height: 225px
}

.p-draft_image_file {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 62px;
    width: 62px;
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    border-radius: 4px
}

.p-draft_image_file__thumbnail {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-position: 50% 50%;
    background-size: cover
}

.p-draft_image_file__img {
    max-height: 225px
}

.p-draft_image_file__img, .p-draft_image_file__thumbnail {
    opacity: 1;
    transition: opacity .15s linear
}

.p-draft_image_file__btn:focus .p-draft_image_file__img {
    border-radius: 4px
}

.p-story_draft_file {
    height: 62px;
    width: 62px;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-story_draft_file__thumbnail {
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-story_draft_file__play_icon {
    color: #fff
}

.p-story_pending_file {
    height: 62px;
    width: 62px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 4px
}

.p-story_pending_file__video {
    height: 100%;
    position: absolute
}

.p-story_pending_file__play_icon {
    color: #fff
}

.p-multi_file_upload__container {
    min-width: 100%
}

.p-composer_page .multi_file_upload__container {
    margin-top: -24px
}

.p-multi_file_upload__container .p-gallery_scroller__content {
    display: inline-flex;
    min-width: auto
}

.p-file_upload_dialog__section .p-multi_file_upload__container .p-gallery_scroller__wrapper {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px
}

.p-file_upload_dialog__section .p-multi_file_upload__container .p-gallery_scroller__wrapper .p-multi_file_upload__file_gallery {
    padding: 12px
}

.p-multi_file_upload__container--empty {
    display: none
}

.p-multi_file_upload__file_gallery {
    display: flex;
    padding: 24px 0;
    min-width: 100%
}

.p-multi_file_upload__file_container {
    position: relative;
    line-height: 0
}

.p-multi_file_upload__file_container:not(:last-child) {
    margin-right: 12px
}

.p-pending_file {
    border-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-multi_file_upload__container .p-pending_file .c-pillow_file__header {
    align-items: center
}

.p-multi_file_upload__container .p-pending_file .c-pillow_file__audio_player, .p-multi_file_upload__container .p-pending_file .c-pillow_file__header {
    width: 184px
}

.p-multi_file_upload__container .c-pillow_file__description {
    overflow: hidden
}

.p-multi_file_upload__image_file {
    flex-shrink: 0;
    box-sizing: content-box;
    border-radius: 4px
}

.p-multi_file_upload__file_preview_btn.focus-ring .p-pending_image_file__img {
    border-radius: 4px
}

.p-multi_file_upload__image_file__thumbnail {
    border-radius: 4px;
    background-repeat: no-repeat;
    transition-duration: .1s;
    transition-property: opacity, box-shadow
}

.p-multi_file_upload__image_file__thumbnail:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition-duration: .1s;
    transition-property: box-shadow;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.p-multi_file_upload__image_file__thumbnail:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06)
}

.p-multi_file_upload__image_file__thumbnail:hover:after {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

.p-multi_file_upload__add_file_btn_container {
    margin: 4px 0;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-multi_file_upload__add_file_btn {
    color: #1264a3;
    margin-right: 4px
}

.p-multi_file_upload__file_count {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-multi_file_upload__container--large .p-gallery_scroller__content {
    display: block
}

.p-multi_file_upload__container--large .p-gallery_scroller__wrapper, .p-multi_file_upload__container--large .p-multi_file_upload__file_gallery {
    overflow: visible
}

.p-multi_file_upload__container--large .p-multi_file_upload__file_gallery {
    padding: 0;
    min-height: 120px;
    justify-content: center;
    align-items: center
}

.p-multi_file_upload__container--large .p-pending_image_file {
    height: auto;
    width: auto;
    border: none
}

.p-multi_file_upload__container--large .p-pending_image_file__img {
    max-height: 225px;
    max-width: 100%
}

.p-multi_file_upload__container--medium .p-pending_file, .p-multi_file_upload__container--medium .p-pending_image_file {
    height: 62px;
    width: 62px;
    min-width: 62px
}

.p-multi_file_upload__container--small .p-multi_file_upload__file_gallery {
    margin: 8px
}

.p-multi_file_upload__container--small .p-multi_file_upload__file_container:not(:last-child) {
    margin-right: 8px
}

.p-multi_file_upload__container--small .p-pending_file, .p-multi_file_upload__container--small .p-pending_image_file {
    height: 44px;
    width: 44px
}

.p-multi_file_upload__remove_btn {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -7px;
    top: -7px;
    z-index: 1;
    opacity: 0
}

.p-multi_file_upload__remove_btn_circle, .p-multi_file_upload__remove_btn_times {
    position: absolute;
    top: 0
}

.p-multi_file_upload__remove_btn_circle {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-multi_file_upload__remove_btn_times {
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-multi_file_upload__file_container:hover .p-multi_file_upload__remove_btn, .p-multi_file_upload__remove_btn:focus {
    opacity: 1
}

.p-multi_file_upload__file_container:hover .p-multi_file_upload__remove_btn:hover .p-multi_file_upload__remove_btn_circle, .p-multi_file_upload__remove_btn:focus:hover .p-multi_file_upload__remove_btn_circle {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-multi_file_upload__file_status_btn {
    border-radius: 50%;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1
}

.p-multi_file_upload__file_status_btn--remove {
    opacity: 0
}

.p-multi_file_upload__file_container--focused .p-multi_file_upload__file_status_btn--remove, .p-multi_file_upload__file_container:hover .p-multi_file_upload__file_status_btn--remove, .p-multi_file_upload__file_status_btn--remove:focus {
    opacity: 1
}

.p-multi_file_upload__file_status_icon--error {
    color: #e01e5a
}

.p-multi_file_upload__file_status_icon--remove {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-multi_file_upload__file_status_icon--remove:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

@keyframes messagePaneDragOverlayOverlayTransition {
    0% {
        background: rgba(var(--sk_primary_background, 255, 255, 255), 0);
        opacity: 0
    }
    to {
        background: rgba(var(--sk_primary_background, 255, 255, 255), .95);
        opacity: 1
    }
}

.p-message_pane_drag_overlay {
    z-index: 200;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--sk_primary_background, 255, 255, 255), .95);
    animation: messagePaneDragOverlayOverlayTransition .12s;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-message_pane_drag_overlay__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    padding: 0 16px
}

.p-message_pane_drag_overlay__title {
    font-size: 28px;
    line-height: 1.2143;
    font-weight: 900;
    margin-top: 16px;
    margin-bottom: 8px
}

.p-message_pane_drag_overlay__subtitle {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    max-width: 100%;
    word-wrap: break-word
}

.p-message_pane_drag_overlay__anim {
    width: 171px;
    height: 171px;
    position: relative
}

@keyframes circleAnim {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.p-message_pane_drag_overlay__anim_circle {
    position: absolute;
    background-color: rgba(0, 0, 0, .01);
    border-radius: 100%;
    width: 100%;
    height: 100%;
    animation: circleAnim .12s ease-in-out forwards
}

.p-message_pane_drag_overlay__anim_readonly {
    width: 100%;
    height: 100%
}

.p-message_pane_drag_overlay__anim_readonly:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 50px
}

@keyframes card3Anim {
    0% {
        transform: scale(.5) rotate(5deg) translateY(0)
    }
    to {
        transform: scale(1) rotate(0deg) translateY(-30px)
    }
}

.p-message_pane_drag_overlay__anim_card_03 {
    background-image: url(https://a.slack-edge.com/bv1-9/dragdrop_sprites@2x-7dbff43.png);
    background-size: 100px 358px;
    background-repeat: no-repeat;
    background-position: 0 -189px;
    width: 92px;
    height: 77px;
    left: 35px;
    top: 50px;
    position: absolute;
    animation: card3Anim .12s ease-in-out forwards
}

@keyframes card2Anim {
    0% {
        transform: scale(.5) rotate(15deg) translateX(0)
    }
    to {
        transform: scale(1) rotate(0deg) translateX(-20px)
    }
}

.p-message_pane_drag_overlay__anim_card_02 {
    background-image: url(https://a.slack-edge.com/bv1-9/dragdrop_sprites@2x-7dbff43.png);
    background-size: 100px 358px;
    background-repeat: no-repeat;
    background-position: 0 -273px;
    width: 92px;
    height: 77px;
    left: 25px;
    top: 55px;
    position: absolute;
    animation: card2Anim .12s ease-in-out forwards
}

@keyframes card1Anim {
    0% {
        transform: scale(.5) rotate(-10deg) translateX(0)
    }
    to {
        transform: scale(1) rotate(0deg) translateX(30px)
    }
}

.p-message_pane_drag_overlay__anim_card_01 {
    background-position: 0 0;
    width: 100px;
    height: 89px;
    left: 35px;
    top: 62px;
    position: absolute;
    animation: card1Anim .12s ease-in-out forwards
}

.p-message_pane_drag_overlay--night .p-message_pane_drag_overlay__anim_card_01, .p-message_pane_drag_overlay__anim_card_01 {
    background-image: url(https://a.slack-edge.com/bv1-9/dragdrop_sprites@2x-7dbff43.png);
    background-size: 100px 358px;
    background-repeat: no-repeat
}

.p-message_pane_drag_overlay--night .p-message_pane_drag_overlay__anim_card_01 {
    background-position: 0 -96px
}

.p-message_pane_drag_overlay__block_files_esc {
    background-image: url(https://a.slack-edge.com/bv1-9/emptystate-blockedfiles@1x-3a2e22b.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 135px;
    height: 89px;
    left: 18px;
    top: 48px;
    position: absolute
}

@keyframes threadTextAnim {
    0% {
        opacity: 0;
        transform: scale(.85) translateY(0)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(10px)
    }
}

@keyframes threadCard1Anim {
    0% {
        opacity: 0;
        transform: scale(.5) rotate(0deg) translateY(0)
    }
    to {
        opacity: 1;
        transform: scale(1) rotate(0deg) translateY(10px)
    }
}

.p-thread_drag_overlay {
    z-index: 200;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--sk_primary_background, 255, 255, 255), .95);
    animation: threadDragOverlayFadeIn .1s;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-thread_drag_overlay__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 50px
}

.p-thread_drag_overlay__anim {
    position: relative;
    width: 110px;
    height: 155px
}

.p-thread_drag_overlay__anim--locked, .p-thread_drag_overlay__anim--readonly {
    position: relative;
    width: 171px;
    height: 171px
}

@keyframes threadCircleAnim {
    0% {
        opacity: 0;
        transform: scale(.5)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.p-thread_drag_overlay__anim_circle {
    position: absolute;
    background-color: rgba(0, 0, 0, .01);
    border-radius: 100%;
    width: 100%;
    height: 100%;
    animation: threadCircleAnim .12s ease-in-out forwards
}

.p-thread_drag_overlay__anim_readonly {
    width: 100%;
    height: 100%
}

.p-thread_drag_overlay__anim_readonly:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 50px
}

.p-thread_drag_overlay__anim_locked {
    width: 100%;
    height: 100%
}

.p-thread_drag_overlay__anim_locked:before {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 50px
}

.p-thread_drag_overlay__anim_text_01 {
    background-position: 0 0;
    height: 23px;
    top: 3px;
    animation: threadTextAnim .12s ease-in-out forwards
}

.p-thread_drag_overlay__anim_card_01, .p-thread_drag_overlay__anim_text_01 {
    background-image: url(https://a.slack-edge.com/bv1-9/dragdrop_threads_sprites@2x-42266bd.png);
    background-size: 110px 203px;
    background-repeat: no-repeat;
    width: 110px;
    position: absolute
}

.p-thread_drag_overlay__anim_card_01 {
    background-position: 0 -50px;
    height: 77px;
    top: 30px;
    left: 10px;
    animation: threadCard1Anim .12s ease-in-out forwards
}

.p-thread_drag_overlay__anim_text_02 {
    background-image: url(https://a.slack-edge.com/bv1-9/dragdrop_threads_sprites@2x-42266bd.png);
    background-size: 110px 203px;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 110px;
    height: 23px;
    top: 112px;
    position: absolute;
    animation: threadTextAnim .12s ease-in-out forwards
}

.p-thread_drag_overlay--night .p-thread_drag_overlay__anim_card_01 {
    background-position: 0 -125px
}

.p-thread_drag_overlay__title {
    font-size: 28px;
    line-height: 1.2143;
    font-weight: 900;
    margin-top: 8px;
    margin-bottom: 8px
}

.p-thread_drag_overlay__subtitle {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-edit_profile_photo_drag_overlay {
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e8f5fa;
    border-radius: 6px;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 4px solid var(--saf-0);
    animation: threadDragOverlayFadeIn .1s;
    display: flex;
    justify-content: center;
    align-items: center
}

.sk-client-theme--dark .p-edit_profile_photo_drag_overlay {
    background: #1d1c1d
}

.p-edit_profile_photo_drag_overlay__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    padding: 0 16px
}

.p-edit_profile_photo_drag_overlay__title {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    margin-top: 16px;
    margin-bottom: 8px
}

.p-wp_card_drag_overlay {
    display: flex;
    position: absolute;
    z-index: 200;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e8f5fa;
    border-radius: 6px;
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    border: 4px solid var(--saf-0);
    justify-content: center;
    align-items: center
}

.sk-client-theme--dark .p-wp_card_drag_overlay {
    background: #1d1c1d
}

.p-wp_card_drag_overlay__info {
    display: flex
}

.p-wp_card_drag_overlay__image {
    flex: 1 0 0
}

.p-wp_card_drag_overlay__title {
    flex: 1 0 0;
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    margin: auto 8px
}

.p-file_drag_drop__container {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative
}

.p-file_drag_drop__container__channel-files {
    min-height: 0
}

.p-edit_profile--wide {
    max-width: 700px
}

.p-edit_profile__title {
    align-items: center;
    display: flex
}

.p-edit_profile__title_progress {
    margin-left: 8px
}

.p-edit_profile__columns {
    display: flex
}

.p-edit_profile__column_primary {
    flex: 1;
    margin-right: 32px
}

.p-edit_profile__column_secondary {
    width: 192px
}

.p-edit_profile__column_secondary_control {
    margin-top: 8px;
    text-align: center;
    width: 100%
}

.p-edit_profile__drag_and_drop {
    border-radius: 6px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 4px dashed var(--saf-0);
    height: 470px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.p-edit_profile__drag_and_drop_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px
}

.p-edit_profile__footer_text {
    flex: 1
}

.p-edit_profile__photo {
    border-radius: 4px;
    height: 192px;
    overflow: hidden;
    width: 192px
}

.p-edit_profile__centered {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.p-edit_profile__centered_primary {
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    width: 460px
}

.p-edit_profile__centered_primary--background {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    height: 460px
}

.p-edit_profile__centered_content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 200px
}

.p-edit_profile__centered_content--wide {
    width: 320px
}

.p-edit_profile__centered_title {
    margin-bottom: 8px
}

.p-edit_profile__centered_photo {
    max-height: 100%;
    max-width: 100%
}

.p-edit_profile__cropper {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1) !important
}

.p-edit_profile__upload_preview {
    margin-top: 24px;
    width: 100%
}

.p-edit_profile__upload_preview_label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin-bottom: 16px
}

.p-edit_profile__upload_preview_photo {
    border-radius: 3px
}

.p-edit_profile__error_alert {
    margin-bottom: 16px;
    width: 100%
}

.p-edit_profile__date_button {
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    font-weight: 400;
    justify-content: left;
    width: 100%
}

.p-edit_profile__rules {
    font-size: 13px;
    line-height: 1.38461538;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin-bottom: 20px
}

.p-shared_invite_creator_welcome_modal {
    padding: 12px 12px 16px
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__team_icons {
    padding-top: 21px;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__team_icons--icon {
    display: inline-block;
    margin: 0 6px
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__team_icons--dot {
    margin: 2px;
    display: inline-block;
    height: 3px;
    width: 3px;
    background-color: #ddd;
    border-radius: 50%
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__header {
    padding: 24px 4px 8px;
    font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    letter-spacing: -.75px
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__header--pending {
    font-size: 22px;
    padding: 20px 64px 8px
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__header--channel_icon {
    transform: translateY(1px);
    margin-right: -3px;
    font-size: 25px
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__header--channel {
    background: rgba(29, 155, 209, .1);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    display: inline-block;
    padding: 4px 6px 0 0;
    border-radius: 4px;
    word-break: break-all;
    margin-left: 1.6px
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__body {
    text-align: center;
    font-family: Slack-Lato, appleLogo, sans-serif;
    padding: 8px 1.6px 12px
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__body--pending {
    color: rgba(29, 28, 29, .7);
    padding: 8px 28px 12px
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__footer {
    display: flex;
    justify-content: center;
    padding: 8px 28px 12px;
    height: auto
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__ok_button {
    color: #fff;
    background-color: #611f69;
    border: none
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__ok_button:active, .p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__ok_button:hover {
    background-color: rgba(97, 31, 105, .9);
    border: none
}

.p-shared_invite_creator_welcome_modal .p-shared_invite_creator_welcome_modal__ok_button[disabled] {
    background-color: rgba(97, 31, 105, .5);
    color: #fff
}

.p-shared_invite_creator_welcome_modal__header--error {
    padding: 24px 28px 36px 28px;
    font-family: Slack-Lato, appleLogo, sans-serif;
    font-weight: 900;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -.75px
}

.p-shared_invite_creator_welcome_modal__content--error {
    margin: 0 28px;
    font-family: Slack-Lato, appleLogo, sans-serif
}

.p-shared_invite_creator_welcome_modal .p-setup_tada_sparkles {
    flex-shrink: 0;
    padding-top: 8px;
    margin-bottom: auto
}

.p-parsec_command_modal_item {
    cursor: pointer;
    margin-top: 12px
}

.c-search_debug_modal__output {
    max-height: 500px;
    overflow: auto
}

.c-file_entity__icon {
    margin-right: 8px
}

.c-file_entity__text {
    font-weight: 700;
    margin-right: 8px
}

.c-file_entity__img_icon {
    background-size: cover
}

.c-base_list_entity--highlight-dark .c-file_entity__icon:before {
    color: #fff
}

.c-base_list_entity--dim .c-file_entity__icon:before {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-link_entity__title, .c-link_entity__url {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-link_entity__title {
    font-weight: 700
}

.c-link_entity__url {
    opacity: .7
}

.c-link_entity__medium_fallback_icon {
    font-size: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-link_entity__img_icon {
    background-size: cover
}

.c-broadcast_entity__label {
    font-weight: 700;
    margin-right: 8px
}

.p-setup_prog_disc_menu_explainer {
    background-color: rgba(29, 155, 209, .1);
    padding: 8px 20px
}

.p-setup_prog_disc_menu_explainer--attachments {
    margin-top: -10px;
    margin-bottom: 8px
}

.c-term_entity__label {
    font-weight: 700;
    margin-right: 8px
}

.c-texty_autocomplete {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08);
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    line-height: 1.4rem;
    max-height: 220px;
    max-width: 540px;
    min-width: 420px;
    overflow: hidden
}

.c-texty_autocomplete__help {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 20px
}

.c-texty_autocomplete__help_item {
    margin-right: 16px
}

.c-texty_autocomplete__help_item .c-icon--cloud-offline {
    margin-right: 8px
}

.c-texty_autocomplete__help_item--narrow .c-icon {
    width: 10px
}

.c-texty_autocomplete__body {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 0
}

.c-texty_autocomplete__results {
    list-style-type: none;
    margin: 0
}

.c-texty_autocomplete__result {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 32px;
    margin: 0
}

.c-texty_autocomplete__result .c-team_icon {
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0)
}

.c-texty_autocomplete__result .c-base_list_entity {
    height: 100%;
    padding: 0 16px
}

.c-texty_autocomplete__result .c-base_list_entity__secondary_content {
    font-size: unset;
    line-height: unset;
    text-align: unset
}

.c-texty_autocomplete__result .c-channel_entity__name {
    flex: 0 1 auto
}

.c-texty_autocomplete__result .c-channel_entity__team {
    flex: 1 1 16px;
    min-width: 16px
}

.c-texty_autocomplete__result_context {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    white-space: nowrap
}

.c-texty_autocomplete__result_title {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-texty_autocomplete__result_highlight {
    background: rgba(242, 199, 68, .4)
}

.sk-client-theme--dark .c-texty_autocomplete__result_highlight {
    background: rgba(232, 145, 45, .4);
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.c-texty_autocomplete__result--selected .c-base_list_entity--highlight-dark .c-texty_autocomplete__result_context {
    color: #fff
}

[lang=de-DE] .c-texty_autocomplete__result--broadcasted, [lang=es-ES] .c-texty_autocomplete__result--broadcasted, [lang=es-LA] .c-texty_autocomplete__result--broadcasted, [lang=fr-FR] .c-texty_autocomplete__result--broadcasted, [lang=it-IT] .c-texty_autocomplete__result--broadcasted {
    margin: 8px 0
}

.c-texty_autocomplete__result--medium {
    height: 60px
}

.c-texty_autocomplete--emoji .c-texty_autocomplete__result_emoji {
    flex-shrink: 0;
    margin-right: 8px
}

.c-texty_autocomplete--emoji .c-texty_autocomplete__result {
    padding: 0 16px
}

.c-texty_autocomplete--emoji .c-texty_autocomplete__result--selected {
    color: #fff;
    background-color: #1264a3
}

.c-texty_autocomplete--emoji .c-texty_autocomplete__result--selected .c-texty_autocomplete__result_highlight {
    background: #f2c744;
    color: #0b4c8c
}

.c-texty_autocomplete--commands {
    max-height: 370px
}

.c-texty_autocomplete--commands .c-texty_autocomplete__body {
    padding: 0
}

.c-texty_autocomplete--commands .c-texty_autocomplete__result {
    height: 60px;
    line-height: 1.4;
    padding: 0 16px
}

.c-texty_autocomplete--commands .c-texty_autocomplete__result:not(.c-texty_autocomplete__result--selected) .c-texty_autocomplete__result_description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected {
    color: #fff;
    background-color: #1264a3
}

.c-texty_autocomplete--commands .c-texty_autocomplete__result_description {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-texty_autocomplete--commands .c-texty_autocomplete__result_icon {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px
}

.c-texty_autocomplete--commands .c-texty_autocomplete__result--selected .c-texty_autocomplete__result_icon {
    background: rgba(var(--sk_primary_background, 255, 255, 255), .25)
}

.c-texty_autocomplete--commands .c-texty_autocomplete__fallback_icon {
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px
}

.c-texty_autocomplete--commands .c-texty_autocomplete__fallback_icon:before {
    font-size: 20px
}

.c-texty_autocomplete--commands .c-texty_autocomplete__result_section {
    flex: 1;
    margin-left: 12px;
    min-width: 0
}

.c-texty_autocomplete--commands .c-texty_autocomplete__group {
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 16px;
    white-space: nowrap
}

.c-texty_autocomplete--links {
    max-height: 370px
}

.p-create_channel_make_shared_cta_container {
    position: relative;
    right: 2px;
    bottom: 2px
}

.p-start_trial_modal_speedbump__container {
    background-color: #fcf4da;
    transition: transform 1ms
}

.sk-client-theme--dark .p-start_trial_modal_speedbump__container {
    background-color: #2e2a1a;
    border-top: 1px solid rgba(241, 176, 23, .3)
}

.p-start_trial_modal_speedbump__trial_icon {
    font-size: 30px;
    margin-top: 8px
}

.p-start_trial_modal_speedbump__heading {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    margin-left: 12px
}

.p-start_trial_modal_speedbump__description {
    margin-left: 42px;
    margin-bottom: 21px
}

.p-start_trial_modal_speedbump__heading_container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px
}

.p-start_trial_modal_speedbump__toast_icon {
    align-self: start
}

.p-channel_create_modal__label_title {
    display: inline-block;
    margin-right: 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_create_modal__label_title strong {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-channel_create_modal__label_error {
    display: inline-block;
    font-weight: 700;
    color: #e8912d
}

.p-channel_create_modal__input {
    margin-top: 8px;
    margin-bottom: 20px
}

.p-channel_create_modal__invites_input {
    margin-top: 8px
}

.p-channel_create_modal__input .c-input_text_icon__icon {
    margin-left: 8px
}

.p-channel_create_modal__input_subtext {
    padding-top: 4px;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_create_modal__invites {
    display: block;
    margin-bottom: 20px
}

.p-channel_create_modal__private_toggle_copy {
    width: 66%
}

.p-channel_create_modal__sub_section_copy_body {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_create_modal__private_toggle_section {
    display: flex;
    justify-content: space-between
}

.p-channel_create_modal__share {
    position: absolute;
    top: 20px;
    left: 40px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    padding: 4px;
    border-radius: 4px;
    z-index: 3
}

.p-channel_create_modal__share .c-icon--plus-circle {
    top: 2px
}

.p-channel_create_modal__share_disabled {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-channel_create_modal__footer_copy_container {
    display: flex;
    flex: 1;
    margin-right: 32px
}

.p-channel_create_modal__footer_copy {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin-right: 8px
}

.p-channel_create_modal__footer_copy, .p-channel_create_modal__footer_copy:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_create_modal__footer_info_icon {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    top: -1px
}

.p-channel_create_modal__footer_info_icon, .p-channel_create_modal__footer_info_icon:hover {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge .p-channel_create_modal__footer_copy, .p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge .p-channel_create_modal__footer_copy .c-label__text, .p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge .p-channel_create_modal__footer_copy__truncation_tooltip, .p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge .p-channel_create_modal__footer_copy_container {
    overflow: hidden
}

.p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge .p-channel_create_modal__footer_copy_container {
    padding: 2px 0;
    align-items: center
}

.p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge .p-channel_create_modal__footer_copy {
    min-width: 60px;
    align-self: flex-end
}

.p-channel_create_modal__footer.p-channel_create_modal__footer--paid_feature_badge .p-channel_create_modal__footer_copy__truncation_tooltip {
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-channel_create_modal__private_toggle_section .c-toggle__input {
    width: 54px
}

.p-channel_create_modal__private_toggle_section .c-toggle__input:focus {
    outline: none
}

.p-channel_create_modal__sub_section_copy_body {
    font-weight: 400
}

.p-channel_create_modal__body .c-fullscreen_modal__title {
    font-size: 28px;
    line-height: 1.2143;
    font-weight: 900
}

.p-channel_create_modal, .p-channel_create_modal__label_title, .p-channel_create_modal__share, .p-channel_create_modal__sub_section_copy_body, .p-channel_create_modal__sub_section_copy_title, .p-channel_name_input__label_title, .p-invite_users_input__label_title {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-channel_create_modal__sub_section_copy_title {
    margin-bottom: 0
}

.p-channel_create_modal__sub_section_two_column {
    display: flex;
    margin-bottom: 20px
}

.p-channel_create_modal__sub_section_two_column__expanded {
    flex-grow: 1
}

.p-channel_create_modal__promo_image {
    flex: 0 0 auto;
    margin-left: 20px
}

.p-channel_create_modal__footer_info_badge_container {
    margin-left: 10px
}

.p-team_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    margin: 0
}

.p-team_row--actionable {
    cursor: pointer
}

.p-team_row--actionable.p-team_row--active, .p-team_row--actionable:active, .p-team_row--actionable:focus, .p-team_row--actionable:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-team_row--actionable.p-team_row--active .p-team_row__disconnect_button, .p-team_row--actionable:active .p-team_row__disconnect_button, .p-team_row--actionable:focus .p-team_row__disconnect_button, .p-team_row--actionable:hover .p-team_row__disconnect_button {
    display: flex
}

.p-team_row--muted {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-team_row--muted .p-team_row__team_icon {
    opacity: .7
}

.p-team_row__team_info {
    display: flex;
    align-items: center
}

.p-team_row__team_icon {
    margin-right: 8px;
    flex: none
}

.p-team_row__additional_info {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    min-height: 18px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-team_row__disconnect_button {
    display: none;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-confirm_disconnect_dialog__title strong {
    font-weight: 900
}

.p-confirm_disconnect_dialog__non_admin_info {
    margin-bottom: 28px
}

.p-shared_channel_org_list__org_list_container {
    margin: 0 -16px 8px
}

.p-shared_channel_org_list__current_connections_header, .p-shared_channel_org_list__previous_connections_header {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-shared_channel_org_list__empty_state_container {
    display: flex;
    justify-content: center;
    margin: 32px 0
}

.p-channel_share_channel_by_email_modal__header {
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    padding: 12px 48px 12px 28px
}

.p-channel_share_channel_by_email_modal__copy {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    margin: 16px 36px 12px 0
}

.p-channel_share_channel_by_email_modal__message_input_container {
    margin-top: 8px
}

.p-channel_share_channel_by_email_modal__message_input_container .p-channel_share_channel_by_email_modal__message_input {
    height: 130px;
    resize: none
}

.p-channel_share_channel_by_email_modal__message_input_container .p-channel_share_channel_by_email_modal__message_input.email-error {
    height: 104px
}

.p-channel_share_channel_by_email_modal__message_input_container .p-channel_share_channel_by_email_modal__message_input.email-error.message-error {
    height: 86px
}

.p-channel_share_channel_by_email_modal__message_input_container .p-channel_share_channel_by_email_modal__message_input.message-error {
    height: 112px
}

.p-channel_share_channel_by_email_modal__multi_email_input {
    padding-bottom: 16px
}

.p-channel_share_channel_by_email_modal__multi_email_input.email-error {
    padding-bottom: 8px
}

.p-channel_share_channel_by_email_modal__content {
    height: 170px
}

.p-channel_share_channel_by_email_modal__content.email-error {
    height: 144px
}

.p-channel_share_channel_by_email_modal__copy_link_container {
    margin: 8px 28px 0 28px
}

.p-channel_share_channel_by_email_modal__copy_link {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-channel_share_channel_by_email_modal__copy_link:hover {
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none
}

.p-channel_share_channel_by_email_modal__success_content {
    padding-top: 56px;
    display: flex;
    flex-direction: column
}

.p-channel_share_channel_by_email_modal__success_content.centered {
    align-items: center
}

.p-channel_share_channel_by_email_modal__success_icon {
    color: #007a5a;
    background-color: rgba(0, 122, 90, .15);
    height: 60px;
    width: 60px;
    border-radius: 100%;
    margin-bottom: 20px
}

.p-channel_share_channel_by_email_modal__success_graphics {
    height: 51px;
    width: 84px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 84px 51px;
    background-image: url(https://a.slack-edge.com/bv1-9/invitation_sent-3387a3e.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-channel_share_channel_by_email_modal__success_graphics {
        background-image: url(https://a.slack-edge.com/bv1-9/invitation_sent@2x-2d63716.png)
    }
}

.p-channel_share_channel_by_email_modal__toast_icon {
    color: #f8f8f8
}

.p-channel_share_channel_by_email_modal__success_caption {
    font-size: 28px;
    line-height: 1.2143;
    font-weight: 900;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin: 20px 0
}

.p-channel_share_channel_by_email_modal__success_subtitle {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin-bottom: 12px
}

.p-channel_share_channel_by_email_modal__success_copy {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_share_channel_by_email_modal__success_copy.centered {
    margin: 0 12px;
    text-align: center
}

.p-channel_share_unhappy_path_modal__learn {
    margin-top: 8px;
    margin-left: 28px
}

.p-channel_share_unhappy_path_modal__color {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-channel_share_unhappy_path_modal__checkbox-section {
    display: flex;
    padding-bottom: 16px
}

.p-channel_share_unhappy_path_modal__checkbox-section__left {
    padding-top: 4px
}

.p-channel_share_unhappy_path_modal__inline-flex {
    display: inline-flex
}

.p-channel_share_unhappy_path_modal__learn--not_allowed, .p-channel_share_unhappy_path_modal__learn--not_allowed:active, .p-channel_share_unhappy_path_modal__learn--not_allowed:focus, .p-channel_share_unhappy_path_modal__learn--not_allowed:hover, .p-channel_share_unhappy_path_modal__learn--not_allowed:link, .p-channel_share_unhappy_path_modal__learn--not_allowed:visited {
    text-decoration: none
}

@font-face {
    font-family: appleLogo;
    src: local("Lucida Grande");
    unicode-range: U+f8ff
}

.channel_options_modal .c-fullscreen_modal__title {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 22px;
    line-height: 33px;
    text-align: center
}

.channel_options_modal .c-fullscreen_modal__body__content {
    width: 600px
}

.p-channel_options_section {
    margin-top: 10px
}

.channel_options_header {
    display: block;
    font-weight: 900;
    white-space: nowrap
}

.channel_options_header span {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.channel_options_header .ts_icon_lock:before, .channel_options_header .ts_icon_org_shared_channel:before, .channel_options_header .ts_icon_shared_channel:before, .channel_options_header .ts_icon_shared_channels:before {
    font-size: 22px;
    line-height: 33px
}

.channel_options_header .ts_icon_shared_channels {
    top: 5px
}

.channel_options_header .c-icon--align-hashmark {
    margin-left: -3px;
    margin-right: -3px
}

.channel_options_header__no_wrap span {
    white-space: nowrap
}

.channel_options_header__channel_container {
    display: flex;
    justify-content: center
}

.channel_options_header__channel_container .channel_options_header__title {
    flex-shrink: 9999;
    padding-left: 1.6px;
    padding-right: 1.6px
}

.channel_option_item {
    position: relative;
    width: 100%;
    min-height: 60px;
    padding: 20px 40px 24px 16px;
    border: 1px solid transparent;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    cursor: pointer
}

.channel_option_item .title {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    margin-bottom: 4px;
    font-weight: 900;
    line-height: 30px
}

.channel_option_item p {
    font-size: 15px;
    line-height: 22px
}

.channel_option_item .channel_option_open {
    display: none;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.75rem;
    line-height: 1rem
}

.channel_option_item .channel_option_open .ts_icon_arrow_large_right:before {
    font-size: 1.75rem
}

.channel_option_item:hover {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.channel_option_item:hover .channel_option_open {
    display: block
}

.channel_option_item--disabled {
    cursor: default
}

.channel_option_item--disabled .title {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.channel_option_item--disabled:hover {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.channel_option_item--disabled:hover .channel_option_open {
    display: none
}

.p-channel-options__retention_modal .c-fullscreen_modal__buttons {
    padding-top: 12px
}

.p-channel-options__custom_retention_container {
    margin-left: 26px
}

.p-channel_options--retention_duration {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    position: relative
}

.p-channel_options--retention_duration_add_on {
    background-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-left-width: 0;
    border-radius: 0 4px 4px 0;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border: 1px solid var(--saf-0);
    margin-left: -6px;
    padding: 8px 8px 8px 14px;
    z-index: -1
}

.p-channel_options--retention_duration_unit {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    width: 25%
}

.p-channel_options--posting_permissions_checkbox_subtext {
    margin-left: 22px
}

.p-channel_options--option_spinner {
    position: relative;
    text-align: center
}

.p-channel_options--option_spinner .c-infinite_spinner {
    margin-bottom: 50px
}

.p-channel_options--input_label {
    padding: 8px 0;
    font-weight: 700
}

.p-channel_options--radio_label {
    padding-bottom: 8px
}

.p-channel_options--channel_purpose {
    position: relative
}

.p-channel_options--channel_purpose .c-channel_purpose_input {
    margin-bottom: 4px
}

.p-channel_options--channel_purpose .c-input_textarea {
    padding: 4px 0 4px 3px
}

.p-channel-options--workspace_access_heading, .p-channel-options--workspace_access_line_item {
    position: relative
}

.p-channel-options--workspace_access_heading {
    margin-top: 32px;
    padding: 32px 0 8px 0;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding-left: 2rem
}

.p-channel-options--workspace_access_heading:first-of-type {
    margin-top: 0;
    padding-top: 16px;
    border-top: none
}

.p-channel-options--workspace_access_heading .ts_icon_org_shared_channel, .p-channel-options--workspace_access_heading .ts_icon_warning {
    position: absolute;
    margin-left: -2rem;
    margin-top: -.175rem
}

.p-channel-options--workspace_access_heading .ts_icon_org_shared_channel {
    color: #007a5a
}

.p-channel-options--workspace_access_heading .ts_icon_warning {
    color: #de4e2b
}

.p-channel-options--workspace_access_line_item {
    margin-left: 2.5rem
}

.p-channel-options--workspace_access_line_item:before {
    position: absolute;
    content: "\2022";
    left: -1rem
}

.p-channel_options--workspace_access_list {
    display: flex;
    align-items: center
}

.p-channel_options--workspace_access_list_item {
    margin-right: 8px
}

.p-channel_options__workspace_access_list_item_secondary_content {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    text-align: right
}

.p-channel-options--content_text {
    font-size: 15px;
    line-height: 22px
}

.p-channel-options--content_text--wrap {
    word-wrap: break-word
}

.p-channel_section_modal_input__input_wrap {
    position: relative
}

.p-channel_section_modal_input--for_team_site {
    display: flex;
    justify-content: space-between;
    margin: 8px 0
}

.p-channel_section_modal_input--for_team_site .p-channel_section_modal_input__input_wrap {
    flex: 0 1 80%;
    overflow: hidden
}

.p-channel_section_modal_input--for_team_site .p-channel_section_modal_input__actions {
    display: block;
    flex: 0 1 30%;
    padding-left: 12px;
    margin: 0
}

.p-channel_section_modal_input--for_team_site .p-channel_section_modal_input__duration_picker_select .c-input_select__selected_value--placeholder {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-channel_section_modal_input .c-input_character_count, .p-channel_section_modal_input__dialog .c-input_character_count {
    z-index: 0
}

.p-channel_section_modal_input .c-input_character_count:after, .p-channel_section_modal_input__dialog .c-input_character_count:after {
    right: 20px;
    background: transparent
}

.p-channel_section_modal_input__dialog .c-dialog__header {
    padding-bottom: 11px
}

.p-channel_section_modal_input__dialog .c-dialog__body {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-channel_section_modal_input__dialog .c-dialog__footer {
    padding-top: 15px
}

.p-channel_section_modal_input__dialog .c-dialog__body {
    padding-left: 0;
    padding-right: 0
}

.p-channel_section_modal_input--for_modern_user_menu .p-channel_section_modal_input__input_wrap, .p-channel_section_modal_input--for_team_menu .p-channel_section_modal_input__input_wrap {
    margin: 0 16px
}

.p-channel_section_modal_input__text_input {
    padding-left: 50px;
    padding-right: 33px;
    line-height: 1.46667
}

.p-channel_section_modal_input__text_input.c-input_text {
    margin: 0;
    font-weight: 700;
    text-overflow: ellipsis
}

.p-channel_section_modal_input__text_input.c-input_text.c-input_text--with_error {
    border-radius: 4px
}

.p-channel_section_modal_input__input_wrap .c-input_character_count.c-input_character_count--large.c-input_character_count--invalid .c-input_character_count__characters-remaining {
    position: absolute;
    right: 25px;
    top: 5px;
    font-size: 13px;
    background-color: transparent
}

.p-channel_section_modal_input__status_clear_icon_wrap {
    position: absolute;
    right: 4px;
    top: 7.9px
}

.p-channel_section_modal_input__clear_link.c-button--focus-visible {
    height: 20px;
    width: 21px;
    line-height: 0;
    border-radius: 10px
}

.p-channel_section_modal_input__clear_icon {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-left: 1px
}

.p-channel_section_modal_input__clear_icon:before {
    line-height: normal !important;
    font-size: 20px !important
}

.p-channel_section_modal_input__clear_icon:hover {
    opacity: 1
}

.p-channel_section_modal_input__emoji_picker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 4px 0 0 4px;
    background-clip: padding-box;
    border-right: 1px solid rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    z-index: 2
}

.p-channel_section_modal_input--for_view_profile .p-channel_section_modal_input__emoji {
    line-height: 35px
}

.p-channel_section_modal_input__empty_emoji {
    position: absolute;
    z-index: 1;
    right: 0;
    top: -2px;
    text-align: center;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    width: 100%;
    height: 37px;
    line-height: 35px;
    opacity: 1;
    transform: scale(1);
    transition: all 80ms ease-out
}

.p-channel_section_modal_input--for_view_profile .p-channel_section_modal_input__empty_emoji {
    top: 0
}

.p-channel_section_modal_input__emoji_circle_icon, .p-channel_section_modal_input__emoji_happy_icon, .p-channel_section_modal_input__emoji_smile_icon {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    transition: all 80ms ease-out
}

.p-channel_section_modal_input__emoji_circle_icon, .p-channel_section_modal_input__emoji_happy_icon {
    opacity: 0
}

.p-channel_section_modal_input__emoji_picker:hover .p-channel_section_modal_input__empty_emoji {
    transform: scale(1.25)
}

.p-channel_section_modal_input__emoji_picker:hover .p-channel_section_modal_input__emoji_circle_icon {
    opacity: 1;
    color: #f2c744
}

.p-channel_section_modal_input__emoji_picker:hover .p-channel_section_modal_input__emoji_smile_icon {
    opacity: 0
}

.p-channel_section_modal_input__emoji_picker:hover .p-channel_section_modal_input__emoji_happy_icon {
    opacity: 1;
    color: #1d1c1d
}

.p-channel_section_modal_input__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 28px;
    max-height: 28px;
    opacity: 1;
    margin-top: 6px;
    margin-bottom: 0;
    transition: opacity .15s ease, max-height .15s ease
}

.p-channel_section_modal_input__actions--with_expiry {
    justify-content: space-between
}

.p-channel_section_modal_input--for_modern_user_menu .p-channel_section_modal_input__actions, .p-channel_section_modal_input--for_team_menu .p-channel_section_modal_input__actions {
    padding: 0 16px
}

.p-channel_section_modal_input__actions--invisible {
    max-height: 0;
    opacity: 0;
    margin-top: 0
}

.p-channel_section_modal_input__label {
    white-space: pre-wrap
}

.p-channel_section_modal_input__duration_picker {
    font-size: 15px;
    height: 28px;
    display: flex;
    flex: 1;
    align-items: baseline
}

.c-dialog__footer .p-channel_section_modal_input__custom_expiration_picker_time_select, .c-dialog__footer .p-channel_section_modal_input__duration_picker_select, .p-channel_section_modal_input:not(.p-channel_section_modal_input--for_team_site) .p-channel_section_modal_input__duration_picker_select {
    border: none;
    justify-content: flex-start;
    padding-left: 0
}

.c-dialog__footer .p-channel_section_modal_input__custom_expiration_picker_time_select.c-input_select--active, .c-dialog__footer .p-channel_section_modal_input__custom_expiration_picker_time_select.c-input_select:focus, .c-dialog__footer .p-channel_section_modal_input__duration_picker_select.c-input_select--active, .c-dialog__footer .p-channel_section_modal_input__duration_picker_select.c-input_select:focus, .p-channel_section_modal_input:not(.p-channel_section_modal_input--for_team_site) .p-channel_section_modal_input__duration_picker_select.c-input_select--active, .p-channel_section_modal_input:not(.p-channel_section_modal_input--for_team_site) .p-channel_section_modal_input__duration_picker_select.c-input_select:focus {
    border: none;
    box-shadow: none;
    animation: none
}

.p-channel_section_modal_input__duration_picker--focus-visible {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px;
    padding-left: 12px;
    margin-left: -12px
}

.p-channel_section_modal_input__custom_expiration_picker_time_select {
    margin-bottom: 0
}

.p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__duration_picker_select .c-input_select__chevron, .p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input::placeholder, .p-channel_section_modal_input__duration_picker_select .c-input_select__selected_value--placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__duration_picker_select .c-input_select__selected_value {
    font-weight: 700
}

.p-channel_section_modal_input__custom_expiration_picker {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 15px;
    height: 28px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex: 1 0 auto
}

.p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input::-webkit-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input::-moz-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input:-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input::-ms-input-placeholder {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input__custom_expiration_picker .c-input_select__chevron, .p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input::placeholder, .p-channel_section_modal_input__custom_expiration_picker .c-input_select__selected_value--placeholder, .p-channel_section_modal_input__custom_expiration_picker .p-channel_section_modal_input__chevron_down {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-channel_section_modal_input--for_modern_user_menu .p-channel_section_modal_input__presets, .p-channel_section_modal_input--for_team_menu .p-channel_section_modal_input__presets {
    margin-top: 16px;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-channel_section_modal_input__presets_menu {
    position: absolute;
    top: 82px
}

.p-channel_section_modal_input__presets_section_header {
    padding: 0;
    margin: 10px 15px;
    font-size: .75rem;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    text-transform: none
}

.p-channel_section_modal_input__preset_option .p-channel_section_modal_input__emoji {
    line-height: 28px
}

.p-channel_section_modal_input__dialog {
    top: 20vh
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__input_wrap {
    margin: 0 24px
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__presets {
    margin-top: 24px
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input::-webkit-input-placeholder, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input::-webkit-input-placeholder {
    font-size: 15px;
    padding-left: 0
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input::-moz-placeholder, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input::-moz-placeholder {
    font-size: 15px;
    padding-left: 0
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input:-ms-input-placeholder, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input:-ms-input-placeholder {
    font-size: 15px;
    padding-left: 0
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input::-ms-input-placeholder, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input::-ms-input-placeholder {
    font-size: 15px;
    padding-left: 0
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__custom_expiration_picker .c-input_select__filter_input::placeholder, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__custom_expiration_picker .c-input_select__selected_value, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__custom_expiration_picker .c-input_select__selected_value--placeholder, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__duration_picker_select .c-input_select__filter_input::placeholder, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__duration_picker_select .c-input_select__selected_value, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__duration_picker_select .c-input_select__selected_value--placeholder {
    font-size: 15px;
    padding-left: 0
}

.p-channel_section_modal_input__dialog .c-input_character_count:after {
    top: 8px;
    right: 24px
}

.p-channel_section_modal_input__dialog .c-input_character_count:not([data-character-count=""]) .p-channel_section_modal_input__text_input {
    padding-right: 75px !important
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__text_input {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 10px 50px
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__text_input p {
    line-height: 1.46667;
    font-size: 1.25rem;
    font-weight: 700
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__status_clear_icon_wrap {
    right: 12.5px;
    top: 12.5px;
    z-index: 2
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__empty_emoji {
    top: 5px
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option_emoji {
    max-width: 28px;
    min-width: 28px;
    margin-right: 12px;
    line-height: normal;
    text-align: center
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option_text {
    overflow: hidden;
    text-overflow: ellipsis
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option_description, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option_duration {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-weight: 400
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:link, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:visited {
    padding: 0 32px;
    font-weight: 700;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none !important;
    border-radius: 0 !important
}

[lang] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option, [lang] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:link, [lang] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:visited {
    font-size: 15px
}

[lang=ja-JP] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option, [lang=ja-JP] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:link, [lang=ja-JP] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:visited {
    font-size: 14px
}

[lang] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option, [lang] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:link, [lang] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:visited {
    line-height: 28px
}

[lang=ja-JP] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option, [lang=ja-JP] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:link, [lang=ja-JP] .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:visited {
    line-height: 30.8px
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:focus, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:focus:link, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:focus:visited, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:hover, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:hover:link, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:hover:visited {
    background-color: #1264a3;
    color: #fff
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:focus .p-channel_section_modal_input__preset_option_description, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:focus .p-channel_section_modal_input__preset_option_duration, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:hover .p-channel_section_modal_input__preset_option_description, .p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:hover .p-channel_section_modal_input__preset_option_duration {
    color: #fff
}

.p-channel_section_modal_input__dialog .p-channel_section_modal_input__preset_option:last-of-type {
    margin-bottom: 4px
}

.p-channel_section_modal_input__shortcut_pill {
    position: absolute;
    left: 50%;
    bottom: -48px;
    transform: translateX(-50%);
    max-width: 100%;
    z-index: 1;
    white-space: nowrap
}

.p-channel_section_modal_input--modern .p-channel_section_modal_input__text_input {
    padding-left: 54px !important
}

.p-channel_section_modal_input--modern .p-channel_section_modal_input__emoji {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-mrkdwn__broadcast--mention, .c-mrkdwn__user_group--link, .c-mrkdwn__user_group--mention {
    padding: 0 2px 1px 2px;
    border-radius: 3px
}

code .c-mrkdwn__broadcast--mention, code .c-mrkdwn__user_group--link, code .c-mrkdwn__user_group--mention, pre .c-mrkdwn__broadcast--mention, pre .c-mrkdwn__user_group--link, pre .c-mrkdwn__user_group--mention {
    padding: 0
}

.c-mrkdwn__user_group--link {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .1);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-mrkdwn__user_group--link:hover {
    background: rgba(var(--sk_highlight_accent, 29, 155, 209), .2);
    color: rgba(var(--sk_highlight_hover, 11, 76, 140), 1);
    text-decoration: none
}

.c-mrkdwn__broadcast--link {
    font-weight: 700
}

.c-mrkdwn__highlight {
    background: rgba(242, 199, 68, .4)
}

.sk-client-theme--dark .c-mrkdwn__highlight {
    background: rgba(232, 145, 45, .4);
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.c-mrkdwn__highlight .c-member_slug--link, .c-mrkdwn__highlight .c-member_slug--mention, .c-mrkdwn__highlight .c-member_slug--mention:hover, .c-mrkdwn__highlight .c-mrkdwn__broadcast--mention, .c-mrkdwn__highlight .c-mrkdwn__broadcast--mention:hover, .c-mrkdwn__highlight .c-mrkdwn__mention, .c-mrkdwn__highlight .c-mrkdwn__mention:hover, .c-mrkdwn__highlight .c-mrkdwn__user_group--link, .c-mrkdwn__highlight .c-mrkdwn__user_group--mention, .c-mrkdwn__highlight .c-mrkdwn__user_group--mention:hover {
    background: none
}

.c-mrkdwn__broadcast--mention, .c-mrkdwn__broadcast--mention:hover, .c-mrkdwn__mention, .c-mrkdwn__mention:hover, .c-mrkdwn__user_group--mention, .c-mrkdwn__user_group--mention:hover {
    background: rgba(242, 199, 68, .4)
}

.sk-client-theme--dark .c-mrkdwn__broadcast--mention, .sk-client-theme--dark .c-mrkdwn__broadcast--mention:hover, .sk-client-theme--dark .c-mrkdwn__mention, .sk-client-theme--dark .c-mrkdwn__mention:hover, .sk-client-theme--dark .c-mrkdwn__user_group--mention, .sk-client-theme--dark .c-mrkdwn__user_group--mention:hover {
    background: rgba(232, 145, 45, .4);
    color: rgba(var(--sk_secondary_highlight, 242, 199, 68), 1)
}

.c-mrkdwn__team_command {
    font-weight: 700
}

.c-mrkdwn__team_command--named {
    display: inline-block;
    position: relative;
    margin: 8px 0
}

.c-mrkdwn__team_command--named:last-of-type {
    margin: 0 0 8px 0
}

.c-mrkdwn__team_command--named .c-mrkdwn__team_command__name {
    margin-left: 28px
}

.c-mrkdwn__team_command__icon {
    left: 0;
    position: absolute
}

.c-mrkdwn__hex {
    --saf-0: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    border: 1px solid var(--saf-0);
    border-radius: 3px;
    display: inline-block;
    height: 13px;
    margin: 0 0 -1px 2px;
    width: 13px
}

.c-mrkdwn__br {
    display: block;
    height: 8px
}

.c-mrkdwn__pre, .c-mrkdwn__quote {
    margin-top: 4px;
    margin-bottom: 4px
}

.c-mrkdwn__pre {
    padding: 8px
}

.c-mrkdwn__quote {
    padding-left: 16px
}

.sk-client-theme--dark .c-mrkdwn__quote:before {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-mrkdwn__code a, .c-mrkdwn__pre a {
    color: inherit
}

.c-mrkdwn__tab {
    white-space: pre-wrap
}

.sk-client-theme--dark .c-mrkdwn__code {
    color: #e8912d
}

.c-mrkdwn__identity_trigger {
    cursor: pointer
}

.p-degraded_list__loading {
    position: absolute;
    width: 100%;
    height: 96px;
    font-size: 10pt;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.p-degraded_list__loading--offline {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-flexpane_header {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    padding: 12px 16px
}

.p-flexpane--iap1 .p-flexpane_header {
    padding: 0 12px 0 16px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-flexpane_header__primary {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900;
    align-items: center;
    display: flex
}

.p-flexpane--iap1 .p-flexpane_header__primary {
    flex: 1;
    min-width: 0;
    height: 63px;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 1.46668
}

.p-flexpane--ia_details_popover .p-flexpane_header__primary {
    height: 53px
}

.p-flexpane_header__primary_content {
    align-items: center;
    display: flex;
    flex: 1;
    margin-right: auto;
    min-width: 0
}

.p-flexpane_header__secondary {
    margin-top: 8px
}

.p-flexpane--iap1 .p-flexpane_header__secondary {
    margin-top: 0;
    margin-bottom: 8px
}

.p-flexpane_header__control {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    cursor: pointer;
    margin-left: 4px
}

.p-flexpane_header__control:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-flexpane_header__control:active {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-flexpane_header__control--back {
    margin-left: 0;
    margin-right: 8px
}

.p-flexpane {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.p-flexpane--highlight {
    animation: p-flexpane--highlight 3s forwards
}

@keyframes p-flexpane--highlight {
    20% {
        background: rgba(242, 199, 68, .2)
    }
    60% {
        background: rgba(242, 199, 68, .2)
    }
}

.p-flexpane__title_container {
    min-width: 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-flexpane--ia_details_popover .p-flexpane__title_container {
    display: flex;
    align-items: baseline
}

.p-flexpane__subtitle {
    font-size: 13px;
    font-weight: 400
}

.p-flexpane--ia_details_popover .p-flexpane__subtitle {
    margin: 0 8px
}

.p-flexpane__body {
    flex: 1;
    position: relative;
    min-height: 0
}

.p-flexpane__footer {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    display: flex;
    justify-content: center;
    padding: 16px 0
}

.p-flexpane__floating_loader {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08);
    align-items: center;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 50%;
    display: flex;
    height: 34px;
    left: 50%;
    margin-left: -17px;
    position: absolute;
    top: 8px;
    width: 34px;
    z-index: 1
}

.p-flexpane__body--empty_loading {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    background-image: url(https://a.slack-edge.com/bv1-9/message_list_placeholders_light-4a40ff7.svg);
    background-position: 16px top;
    background-repeat: repeat-y;
    position: relative
}

.p-flexpane__body--empty_loading:after {
    background-image: linear-gradient(transparent, rgba(var(--sk_primary_background, 255, 255, 255), 1));
    bottom: 0;
    content: "";
    height: 200px;
    left: 0;
    position: absolute;
    width: 100%
}

.p-flexpane__body--dark.p-flexpane__body--empty_loading {
    background-image: url(https://a.slack-edge.com/bv1-9/message_list_placeholders_light--client-theme-dark-87d69ab.svg)
}

.p-flexpane__body--empty {
    align-items: center;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 24px;
    text-align: center
}

.p-comment_list__comments {
    display: none
}

.p-comment_list__comments .p-comment {
    margin-top: 4px
}

.p-comment_list--expanded .p-comment_list__comments {
    display: block
}

.p-comment_list__toggle_container {
    display: flex;
    justify-content: space-between;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-comment_list__toggle_count_button {
    display: flex;
    align-items: center
}

.p-comment_list__toggle_count {
    margin-left: 5px;
    margin-right: 4px
}

.p-comment_list__toggle_caret {
    margin-top: 1px
}

.p-comment__timestamp {
    margin-left: 4px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 12px
}

.p-comment__body {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400
}

.p-comment__actions {
    margin-left: 4px;
    font-size: 12px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    visibility: hidden
}

.p-comment:hover .p-comment__actions {
    visibility: visible
}

.p-flexpane_loading {
    position: absolute;
    top: 200px;
    width: 100%;
    text-align: center;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    font-size: 13px
}

.p-flexpane_loading__spinner {
    margin: 0 16px 8px 8px
}

.p-message_input_roadblock {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 15px;
    text-align: center;
    min-height: 42px;
    margin: 0 20px 24px;
    padding: 8px 8px 8px 6px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

[lang] .p-message_input_roadblock {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .p-message_input_roadblock {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .p-message_input_roadblock {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .p-message_input_roadblock {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .p-message_input_roadblock {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.p-message_input_roadblock--threads_flexpane {
    margin-top: 12px;
    margin-left: 16px;
    margin-right: 16px
}

.p-draft_unfurls {
    padding: 12px 0;
    display: flex;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-draft_unfurls__unfurl {
    margin-right: 12px;
    padding: 12px;
    width: 260px;
    flex-shrink: 0;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    position: relative
}

.p-draft_unfurls__unfurl:last-child {
    margin-right: 0
}

.p-draft_unfurls__unfurl--graphic {
    display: flex;
    padding: 0;
    width: 62px;
    height: 62px;
    border: none
}

.p-draft_unfurls__unfurl--graphic:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.p-draft_unfurls__unfurl--graphic .p-draft_unfurls__unfurl_thumbnail {
    width: 100%;
    border-radius: 4px;
    object-fit: cover
}

.p-draft_unfurls__unfurl_header {
    display: flex;
    align-items: center
}

.p-draft_unfurls__unfurl_icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 2px;
    flex-shrink: 0
}

.p-draft_unfurls__unfurl_header_text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-draft_unfurls__unfurl_name {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 900
}

.p-draft_unfurls__unfurl_text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-draft_unfurls__unfurl_title {
    font-weight: 700
}

.p-draft_unfurls__unfurl_subheader {
    font-size: 12px;
    line-height: 12px
}

.p-draft_unfurls__unfurl_subheader, .p-draft_unfurls__unfurl_title + .p-draft_unfurls__unfurl_description:not(:empty) {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding-left: 4px;
    margin-left: 4px;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-draft_unfurls__unfurl .p-draft_unfurls__remove_btn {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -10px;
    top: -10px;
    z-index: 1;
    opacity: 0
}

.p-draft_unfurls__remove_btn_circle, .p-draft_unfurls__remove_btn_times {
    position: absolute;
    top: 0
}

.p-draft_unfurls__remove_btn_circle {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-draft_unfurls__remove_btn_times {
    color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-draft_unfurls__remove_btn:focus, .p-draft_unfurls__unfurl:hover .p-draft_unfurls__remove_btn {
    opacity: 1
}

.p-draft_unfurls__remove_btn:focus:hover .p-draft_unfurls__remove_btn_circle, .p-draft_unfurls__unfurl:hover .p-draft_unfurls__remove_btn:hover .p-draft_unfurls__remove_btn_circle {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-file_list__select_wrapper .c-input_select_options_list_container {
    padding-top: 8px;
    padding-bottom: 16px
}

.p-file_list__option .c-icon, .p-file_list__select .c-icon {
    margin-right: 8px;
    top: 2px
}

.p-file_list__option {
    font-size: 15px;
    line-height: 1.8;
    padding: 0 12px
}

.p-file_list__option .c-icon {
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.c-input_select_options_list__option--selected.p-file_list__option .c-icon {
    color: rgba(var(--sk_highlight_accent, 29, 155, 209), 1)
}

.p-file_list__file_type_select .c-input_select__selected_value {
    display: block
}

.p-file_list__file_type_select .c-input_select__selected_value--placeholder {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-file_list__select_wrapper .c-input_select_options_list {
    padding: 0
}

.p-file_list__select_wrapper .c-input_select_options_list__option--active {
    border-radius: 0;
    border: none;
    background-color: #1264a3;
    box-shadow: none;
    color: #fff
}

.p-file_list__select_wrapper .c-input_select_options_list__option--active .c-icon {
    color: #fff
}

.p-omnipicker_dialog__list {
    margin-right: 3%;
    flex: 9 9 0;
    display: flex;
    flex-direction: column
}

.p-omnipicker_dialog__list_content {
    flex: 1;
    overflow: hidden;
    margin-top: 2%
}

.p-omnipicker_dialog__content {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    height: 100%
}

.p-omnipicker_dialog__menu {
    flex: 3 3 0;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    margin-right: -30px
}

.p-omnipicker_dialog__menu .c-menu {
    box-shadow: none;
    max-width: 65%;
    padding-left: 2%
}

.p-omnipicker_dialog__menu .c-menu .c-menu_item__button {
    padding-left: 3%
}

.p-omnipicker_dialog__menu .c-menu .c-menu_item__button--highlighted {
    background-color: rgba(29, 155, 209, .1);
    border: 1px solid rgba(29, 155, 209, .3);
    border-radius: 4px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-omnipicker_dialog__menu .c-menu .c-menu_item__button--highlighted .c-menu_item__icon {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-omnipicker_dialog__file.c-pillow_file_container--full_width {
    max-width: 100%;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-omnipicker_dialog__file--last.c-pillow_file_container--full_width {
    margin-bottom: 12px
}

.p-omnipicker_dialog__list--loading {
    margin: 12px 0 24px;
    text-align: center;
    font-size: 13px;
    font-style: italic;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-omnipicker_dialog__list--empty {
    margin-top: 24px;
    text-align: center;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-omnipicker_dialog {
    height: 75%
}

.p-omnipicker_dialog__header--selector {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 26px;
    flex: 9 9 0;
    margin-right: 4%;
    margin-left: 2%
}

.p-omnipicker_dialog__header--selector .p-file_list__select_wrapper {
    min-width: 27%
}

.p-omnipicker_dialog__header.c-sk-modal_header {
    display: flex;
    flex-direction: row
}

.p-omnipicker_dialog__header.c-sk-modal_header > .c-sk-modal_title_bar {
    flex: 3 3 0
}

.p-omnipicker_dialog__loading_spinner {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center
}

.c-menu_item__button__selected {
    background-color: #1264a3;
    border-radius: 4px;
    color: #fff;
    text-decoration: none
}

.c-menu_item__button__selected .c-menu_item__icon {
    color: #fff
}

.p-file_thumbnail__container {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.p-file_thumbnail__container--document, .p-file_thumbnail__container--image, .p-file_thumbnail__container--video {
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-file_thumbnail__image {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 1px var(--saf-0)
}

.p-file_thumbnail__video {
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-file_thumbnail__video_play {
    background: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    border-radius: 100%;
    height: 24px;
    width: 24px
}

.p-file_thumbnail__video_play:before {
    color: #fff;
    font-size: 12px
}

.p-file_thumbnail__video_play--md {
    height: 32px;
    width: 32px
}

.p-file_thumbnail__video_play--md:before {
    font-size: 16px
}

.p-file_thumbnail__video_play--lg {
    height: 64px;
    width: 64px
}

.p-file_thumbnail__video_play--lg:before {
    font-size: 32px
}

.p-file_thumbnail__video_play--xl {
    height: 96px;
    width: 96px
}

.p-file_thumbnail__video_play--xl:before {
    font-size: 48px
}

.p-file_thumbnail__document_container {
    overflow: hidden
}

.p-file_thumbnail__document_img {
    width: 100%;
    height: auto
}

.p-file_thumbnail__file_icon {
    height: auto
}

.p-file_thumbnail__broken_img {
    background-image: url(https://a.slack-edge.com/bv1-9/broken_image-871454d.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-file_thumbnail__broken_img {
        background-image: url(https://a.slack-edge.com/bv1-9/broken_image@2x-0765596.png)
    }
}

.p-file_thumbnail__tiny_thumb_wrapper {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.p-file_hover_preview__popover {
    pointer-events: none
}

.p-file_hover_preview__popover.p-file_hover_preview__popover--transition .c-popover__content {
    transition: top 80ms ease-in-out, left 80ms ease-in-out
}

.p-file_hover_preview__animation_container {
    animation: p-file_hover_preview--fadein .16s linear;
    transition: opacity .16s linear
}

.p-file_hover_preview__inner_container {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .12);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1012;
    width: 240px;
    max-height: calc(100vh - 30px);
    overflow: auto;
    padding: .1px 0;
    pointer-events: auto;
    display: block
}

[lang] .p-file_hover_preview__inner_container {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .p-file_hover_preview__inner_container {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .p-file_hover_preview__inner_container {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .p-file_hover_preview__inner_container {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .p-file_hover_preview__inner_container {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.p-file_hover_preview__inner_container--interactive {
    cursor: pointer;
    transition: box-shadow .16s ease-in-out
}

.p-file_hover_preview__inner_container--interactive:hover {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .3)
}

@keyframes p-file_hover_preview--fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.p-new_file_menu__gdoc_icon {
    color: #5d8fee
}

.p-new_file_menu__gsheet_icon {
    color: #50a26b
}

.p-new_file_menu__gpres_icon {
    color: #edbb44
}

.p-new_file_menu_source__icon-gradient {
    color: transparent;
    cursor: progress;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: placeHolderShimmer;
    border-color: transparent;
    background: #ddd
}

@keyframes placeHolderShimmer {
    0%, to {
        opacity: 1
    }
    50% {
        opacity: .4
    }
}

.p-new_file_menu_source__create_new_moved_notice {
    flex-direction: row-reverse
}

.p-new_file_menu_source__create_new_moved_notice .c-menu_item__icon {
    margin-left: 12px;
    margin-right: 0
}

.c-menu_item__browsefiles:hover, .c-menu_item__button--highlighted .c-menu_item__browsefiles {
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.c-menu_item__addrow {
    float: right
}

.c-missing_menu_item__button--loading {
    display: inline-block;
    width: 50%;
    height: .7rem;
    border-radius: 1.1rem
}

.p-new_file_menu_source__loading_icon {
    margin-top: 17%;
    height: 17px;
    width: 18px;
    border-radius: .3rem
}

.p-new_file_menu_source__widertooltip {
    max-width: 360px;
    font-weight: inherit;
    text-align: inherit;
    color: inherit
}

.p-new_file_menu_source_slack_connect_label__description {
    line-height: 14.4px
}

.p-new_file_menu_source_slack_connect_menu__item {
    white-space: normal
}

.p-recently_uploaded_files {
    line-height: 22px !important
}

.p-recently_uploaded_files .c-menu_item__label {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    top: 1px
}

.p-recently_uploaded_files .c-menu_item__icon {
    max-width: 36px;
    min-width: 36px;
    height: 36px
}

.p-recently_uploaded_files__menu .c-menu_item__header {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-recently_uploaded_files__menu .c-menu__items {
    padding: 10px 0
}

.p-recently_uploaded_files, .p-recently_uploaded_files__header {
    height: 48px
}

.p-recently_uploaded_files__view_all {
    padding-top: 10px;
    padding-bottom: 10px
}

.p-recently_uploaded_files__img {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    background-clip: padding-box;
    max-height: 36px;
    width: auto
}

.p-recently_uploaded_files__img img {
    width: auto;
    height: auto
}

.p-recently_uploaded_files__img img.p-file_thumbnail__document_img {
    width: 100%;
    height: auto
}

.p-recently_uploaded_files__header {
    display: flex;
    align-items: center
}

.p-recently_uploaded_files__file_name {
    display: block;
    font-weight: 700
}

.p-recently_uploaded_files__timestamp {
    display: block
}

.p-recently_uploaded_files__datestamp {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-recently_uploaded_files.c-menu_item__button--highlighted .p-recently_uploaded_files__datestamp {
    color: #fff
}

.p-file_share_info {
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    padding: 12px;
    display: flex;
    align-items: center
}

.p-file_share_info__meta {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    flex: 1 1 auto;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    overflow: hidden
}

* + .p-file_share_info__meta {
    margin-left: 12px
}

.p-file_share_info__channel, .p-file_share_info__file_name, .p-file_share_info__sharer {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.p-file_share_info__channel .p-deprecated_channel_name [data-qa-icon-type=mpim] {
    font-size: 20px;
    height: 20px;
    width: 20px;
    position: relative;
    top: 1px;
    margin-left: -2px;
    margin-right: -1px
}

.p-file_search_input__container {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 48px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-file_search_input {
    flex: 1 1 auto;
    margin: 0
}

.p-file_search_input, .p-file_search_input:focus {
    border: 0;
    box-shadow: none
}

.p-file_search_input__a11y_help_text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-file_search_list, .p-file_search_list__option {
    margin: 0;
    padding: 0;
    list-style: none
}

.p-file_search_thumb {
    height: 64px;
    width: 64px;
    border-radius: 4px;
    overflow: hidden;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0);
    background-position: 50%;
    background-repeat: no-repeat
}

.p-file_search_thumb--active {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 3px var(--saf-0)
}

.p-file_search_cloud_files__button {
    flex: 0 0 auto;
    height: 36px;
    width: 36px;
    min-width: 36px;
    padding: 0
}

.p-file_search_cloud_files__button, .p-file_search_cloud_files__button:active, .p-file_search_cloud_files__button:hover {
    background-size: 24px 24px;
    background-position: 50%;
    background-repeat: no-repeat
}

.p-file_search_cloud_files__box, .p-file_search_cloud_files__box:active, .p-file_search_cloud_files__box:hover {
    background-image: url(https://a.slack-edge.com/bv1-9/box_32-7ffc58f.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-file_search_cloud_files__box, .p-file_search_cloud_files__box:active, .p-file_search_cloud_files__box:hover {
        background-image: url(https://a.slack-edge.com/bv1-9/box_64-fd8e4a8.png)
    }
}

.p-file_search_cloud_files__dropbox, .p-file_search_cloud_files__dropbox:active, .p-file_search_cloud_files__dropbox:hover {
    background-image: url(https://a.slack-edge.com/bv1-9/dropbox_32-630bfae.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-file_search_cloud_files__dropbox, .p-file_search_cloud_files__dropbox:active, .p-file_search_cloud_files__dropbox:hover {
        background-image: url(https://a.slack-edge.com/bv1-9/dropbox_64-a5a1061.png)
    }
}

.p-file_search_cloud_files__gdrive, .p-file_search_cloud_files__gdrive:active, .p-file_search_cloud_files__gdrive:hover {
    background-image: url(https://a.slack-edge.com/bv1-9/gdrive_32-916c9bc.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-file_search_cloud_files__gdrive, .p-file_search_cloud_files__gdrive:active, .p-file_search_cloud_files__gdrive:hover {
        background-image: url(https://a.slack-edge.com/bv1-9/gdrive_64-8ed6586.png)
    }
}

.p-file_search_cloud_files__onedrive, .p-file_search_cloud_files__onedrive:active, .p-file_search_cloud_files__onedrive:hover {
    background-image: url(https://a.slack-edge.com/bv1-9/service_32-99ea373.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) {
    .p-file_search_cloud_files__onedrive, .p-file_search_cloud_files__onedrive:active, .p-file_search_cloud_files__onedrive:hover {
        background-image: url(https://a.slack-edge.com/bv1-9/service_64-ad43dc3.png)
    }
}

.p-file_search_footer {
    display: flex;
    padding: 12px 20px;
    border-top: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-file_search_footer__btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-color: rgba(29, 28, 29, .3)
}

.p-file_search_footer__btn:active, .p-file_search_footer__btn:hover {
    background-color: transparent;
    border-color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.sk-client-theme--dark .p-file_search_footer__btn {
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.sk-client-theme--dark .p-file_search_footer__btn:active, .sk-client-theme--dark .p-file_search_footer__btn:hover {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

* + .p-file_search_footer__btn {
    margin-left: 12px
}

.p-file_search_footer__upload_icon {
    margin-right: 8px
}

.p-file_search_menu {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .12);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1012;
    width: 484px;
    height: 450px;
    max-height: calc(100vh - 30px);
    overflow: hidden;
    padding: .1px 0;
    display: flex;
    flex-direction: column
}

[lang] .p-file_search_menu {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .p-file_search_menu {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .p-file_search_menu {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .p-file_search_menu {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .p-file_search_menu {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.p-file_search_menu__input_container {
    flex: 0 0 auto
}

.p-file_search_menu__options_container {
    flex: 1 1 auto;
    overflow: hidden
}

.p-file_search_menu__listbox {
    padding-top: 8px;
    padding-bottom: 8px
}

.p-file_search_menu__label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    opacity: .7;
    display: block;
    padding: 4px 20px;
    margin: 0
}

.p-file_search_menu__label--thumb {
    padding-left: 0;
    padding-bottom: 8px
}

.p-file_search_menu__label--hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-file_search_menu__thumb_files {
    padding: 0 20px 8px
}

.p-file_search_menu__thumb_option {
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    margin-right: 12px
}

.p-file_search_menu__thumb_option:last-child {
    margin-right: 0
}

.p-file_search_menu__file_list_entity {
    cursor: pointer;
    padding: 8px 20px
}

.p-file_search_menu__file_list_entity .c-base_entity__text-contents {
    align-items: baseline
}

.p-file_search_menu__file_list_entity .c-file_entity__text {
    font-weight: 400
}

.p-file_search_menu__file_list_entity .c-file_entity__detail {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    opacity: .7;
    flex: 0 0 auto;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-file_search_menu__file_list_entity--active .c-file_entity__detail {
    opacity: 1
}

.p-schedule_message__radiogroup {
    margin-bottom: 0
}

.p-schedule_message__radio_button {
    margin-bottom: 8px
}

.p-schedule_message__radio_button_text {
    font-weight: 700;
    display: inline-flex;
    align-items: baseline
}

.p-schedule_message__radio_button_emoji {
    align-self: center;
    margin-right: 4px
}

.p-schedule_message__radio_button_subtext {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-schedule_message__time_picker {
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0
}

.p-schedule_message__time_picker .c-date_time_picker__date_picker_container, .p-schedule_message__time_picker .c-date_time_picker__time_picker_container {
    min-width: auto;
    padding: 0
}

.p-schedule_message__time_picker .c-date_time_picker__time_picker_container {
    padding-left: 12px
}

.p-message_input__input_container_unstyled .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-message_input__input_container_unstyled .p-message_input__files .p-multi_file_upload__file_gallery {
    padding: 8px
}

.p-message_input__input_container_unstyled .p-message_input__attachments .p-gallery_scroller__wrapper, .p-message_input__input_container_unstyled .p-message_input__files .p-gallery_scroller__wrapper {
    background: unset;
    border-radius: unset;
    border: unset
}

.p-message_input__input_container_unstyled .p-message_input__attachments .p-gallery_scroller__content, .p-message_input__input_container_unstyled .p-message_input__files .p-gallery_scroller__content {
    align-items: center;
    display: inline-flex
}

.p-message_input__input_container_unstyled .p-message_input__attachments .p-multi_file_upload__container, .p-message_input__input_container_unstyled .p-message_input__files .p-multi_file_upload__container {
    min-width: unset
}

.p-message_input__input_container_unstyled .p-message_input__attachments .p-draft_unfurls, .p-message_input__input_container_unstyled .p-message_input__files .p-draft_unfurls {
    padding: 8px
}

.p-message_input__input_container_unstyled .p-message_input__attachments .p-composer_attachments__separator, .p-message_input__input_container_unstyled .p-message_input__files .p-composer_attachments__separator {
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    height: 62px
}

.p-message_input__input_container_unstyled:not(.c-wysiwyg_container--with_footer):not(.p-message_input__input_container_unstyled--with_attachments_grid) .ql-editor {
    padding-left: 0
}

.p-message_input__input_container_unstyled:not(.c-wysiwyg_container--with_footer):not(.p-message_input__input_container_unstyled--with_attachments_grid) .ql-placeholder {
    left: 0
}

.p-message_input__input_container_unstyled--day1 .c-texty_input_unstyled__container--size_medium .ql-placeholder {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.p-threads_footer__input_container {
    margin-top: 12px;
    margin-bottom: 24px;
    margin-left: 16px;
    margin-right: 16px;
    min-height: 82px
}

.p-threads_footer__input_container--sticky_composer {
    min-height: 130px
}

.p-threads_view .p-threads_footer__input_container {
    margin-top: 0;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
    min-height: auto
}

.p-threads_view .c-message_kit__thread_message .c-message_kit__gutter, .p-threads_view .c-message_kit__thread_message .c-message_kit__tombstone {
    padding-left: 12px;
    padding-right: 20px
}

.p-threads_view .c-message_kit__thread_message .c-message_kit__labels__label {
    padding-left: 12px
}

.p-threads_footer__input.p-message_input {
    display: flex;
    position: relative
}

.p-threads_footer__input.p-message_input .c-texty_input__container {
    flex: 1;
    min-width: 0
}

.p-threads_footer__input.p-message_input .p-message_input__attachments, .p-threads_footer__input.p-message_input .p-message_input__files {
    bottom: 40px;
    left: 1px;
    position: absolute;
    right: 1px
}

.p-threads_footer__input.p-message_input .p-message_input__attachments .p-gallery_scroller__wrapper, .p-threads_footer__input.p-message_input .p-message_input__files .p-gallery_scroller__wrapper {
    background: unset;
    border: unset;
    border-radius: unset
}

.p-threads_footer__input.p-message_input .p-message_input__attachments .p-multi_file_upload__file_gallery, .p-threads_footer__input.p-message_input .p-message_input__files .p-multi_file_upload__file_gallery {
    padding: 12px
}

.p-threads_footer__input.p-message_input.p-message_input--focus-visible .p-message_input_field.focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-threads_footer__input.p-message_input.p-message_input--attachments-visible .c-texty_input {
    padding-bottom: 122px !important
}

.p-threads_footer__input.p-message_input.p-message_input--attachments-visible .c-texty_input__warning {
    bottom: 122px !important
}

.p-threads_footer__input.p-message_input.p-message_input--attachments-visible .c-texty_input__container:not(.c-texty_input__container--expanded):not(.c-texty_input__container--no_actions) .p-message_input_field:not(.c-texty_input--double_decker) {
    padding-left: 12px
}

.p-threads_footer__input.p-message_input.p-message_input--attachments-visible .c-texty_input__container:not(.c-texty_input__container--expanded):not(.c-texty_input__container--no_actions) .p-message_input_field:not(.c-texty_input--double_decker) .ql-placeholder {
    left: 12px
}

.p-threads_footer__input.p-message_input.p-message_input--disabled .c-texty_input__button, .p-threads_footer__input.p-message_input.p-message_input--disabled .p-shortcuts_menu_trigger_button {
    opacity: .6;
    pointer-events: none
}

.p-threads_footer__input.p-message_input .p-message_input__attachments {
    padding: 0
}

.p-threads_footer__input.p-message_input .p-message_input__attachments .p-gallery_scroller__content {
    display: flex;
    align-items: center
}

.p-threads_footer__input.p-message_input .p-message_input__attachments .p-multi_file_upload__container {
    min-width: unset
}

.p-threads_footer__input.p-message_input .p-message_input__attachments .p-draft_unfurls {
    padding: 12px
}

.p-threads_footer__input.p-message_input .p-message_input__attachments .p-composer_attachments__separator {
    margin-left: 12px;
    height: 62px;
    border-left: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-threads_footer__input.p-message_input .p-message_input_field {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    min-height: 42px;
    min-width: 1px;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 4px;
    padding-right: 0;
    flex: 1
}

.p-threads_footer__input.p-message_input .p-message_input_field.focus {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    outline: none;
    outline-offset: 0
}

.p-threads_footer__input.p-message_input .p-message_input_field.texty_emoji_only {
    padding-bottom: 0
}

.p-threads_footer__input.p-message_input .p-message_input_field.texty_emoji_only .ql-editor {
    padding-top: 7px
}

.p-threads_footer__input.p-message_input .p-message_input_field.texty_emoji_only .ql-editor img.emoji {
    top: -3px
}

.p-threads_footer__input.p-message_input .p-message_input_field.ql-disabled {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1) !important;
    opacity: .6;
    pointer-events: none
}

.p-threads_footer__input.p-message_input .p-message_input_field.ql-disabled .ql-tooltip {
    visibility: hidden
}

.p-threads_footer__input.p-message_input .p-message_input_field.ql-disabled ~ .p-texty_sticky_formatting_bar {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1) !important
}

.p-threads_footer__input.p-message_input .p-message_input_field .ql-editor {
    margin-top: 4px;
    padding-bottom: 4px;
    padding-top: 5px
}

.p-threads_footer__input.p-message_input .p-message_input_field .ql-placeholder {
    left: 10px;
    top: 9px
}

.p-threads_footer__input.p-message_input .p-message_input_field .p-composer__body--sticky {
    padding-left: 43px
}

.p-threads_footer__input.p-message_input .p-message_input_field.focus {
    border-color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar-thumb {
    background: transparent;
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover {
    border-right: .25rem solid transparent;
    border-right: none
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar {
    position: absolute;
    -webkit-appearance: none;
    width: 8px
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar-track {
    background-clip: padding-box !important;
    border-radius: 4px;
    color: transparent
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--sk_primary_foreground, 29, 28, 29), .52);
    box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
    min-height: 36px
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar-corner {
    background: transparent
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar {
    width: 16px
}

.supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar-thumb, .supports_custom_scrollbar .p-threads_footer__input.p-message_input .p-message_input_field .ql-editor:hover::-webkit-scrollbar-track {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-radius: 6px/4px
}

.p-threads_footer__input.p-message_input .c-texty_input__warning {
    bottom: 48px
}

.p-threads_footer__input.p-message_input .c-texty_input__container:not(.c-texty_input__container--expanded):not(.c-texty_input__container--no_actions) .p-message_input_field:not(.c-texty_input--double_decker) {
    padding-left: 43px
}

.p-threads_footer__input.p-message_input .c-texty_input__container:not(.c-texty_input__container--expanded):not(.c-texty_input__container--no_actions) .p-message_input_field:not(.c-texty_input--double_decker) .ql-placeholder {
    left: 43px
}

.p-threads_footer__input.p-message_input .c-texty_input__container--no_actions .p-composer__body--sticky {
    padding-left: 4px
}

.p-threads_footer__input.p-message_input.p-message_input--dark .p-message_input_field {
    border-color: #565856;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-threads_footer__input.p-message_input.p-message_input--dark .p-message_input_field ~ .p-texty_sticky_formatting_bar {
    border-color: #565856
}

.p-threads_footer__input.p-message_input.p-message_input--dark .p-message_input_field.focus {
    border-color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-threads_footer__input.p-message_input.p-message_input--dark .p-message_input_field.focus ~ .p-texty_sticky_formatting_bar {
    border-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-threads_footer__input.p-message_input.p-message_input--dark ::-moz-selection {
    background-color: #9a9c9e
}

.p-threads_footer__input.p-message_input.p-message_input--dark ::selection {
    background-color: #9a9c9e
}

.p-threads_footer__input.p-message_input.p-message_input--dark ::-moz-selection {
    background-color: #9a9c9e
}

.p-threads_footer__input.p-message_input.p-message_input--day1:not(.p-message_input--disabled) .c-icon_button.c-texty_input__button--send {
    background: rgba(var(--sk_highlight, 18, 100, 163), 1);
    color: #fff;
    opacity: 1
}

.p-threads_footer__input.p-message_input.p-message_input--day1:not(.p-message_input--disabled) .c-icon_button.c-texty_input__button--send:hover {
    color: #fff;
    background: #2570aa
}

.p-threads_footer__input.p-message_input.p-message_input--day1:not(.p-message_input--disabled) .c-texty_input .ql-placeholder {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    -webkit-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.p-threads_footer__input.p-message_input.p-message_input--day1:not(.p-message_input--disabled) .p-message_input_field {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0);
    background: linear-gradient(0deg, rgba(var(--sk_highlight_accent, 29, 155, 209), .05), rgba(var(--sk_highlight_accent, 29, 155, 209), .05)), rgba(var(--sk_primary_background, 255, 255, 255), 1);
    z-index: 200
}

.p-threads_footer__input.p-message_input.p-message_input--day1:not(.p-message_input--disabled) .p-message_input_field ~ .p-texty_sticky_formatting_bar {
    border-color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-threads_footer__input.p-message_input.p-message_input--day1:not(.p-message_input--disabled).p-message_input--dark .p-message_input_field {
    background: linear-gradient(0deg, rgba(var(--sk_highlight_accent, 29, 155, 209), .05), rgba(var(--sk_highlight_accent, 29, 155, 209), .05)), rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-threads_footer__broadcast_controls {
    transition: opacity .15s ease-out;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    align-items: flex-end
}

.p-threads_footer__broadcast_controls.p-threads_footer__broadcast_controls--visible {
    opacity: 1;
    pointer-events: all
}

.p-threads_footer__broadcast_controls_inner {
    display: flex;
    width: 100%
}

.p-threads_footer__broadcast_label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    padding: 6px 5px;
    margin: 1.6px -5px -1px
}

.p-threads_footer__broadcast_channel {
    font-weight: 700
}

.p-threads_footer__info_tooltip {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 4px;
    margin-right: 4px;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.p-threads_footer__input_container.p-threads_footer__input_container--context_bar_showing {
    margin-top: 0
}

.p-threads_footer__input_container .p-threads_footer__context_bar {
    margin-top: 0;
    margin-right: 0;
    padding-right: 0;
    z-index: 1
}

.p-threads_footer_alert {
    margin: 16px 12px
}

.p-threads_footer_join_container {
    margin: 24px 0 16px;
    text-align: center
}

.p-threads_footer_join_label {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-threads_view__footer .p-threads_footer_alert, .p-threads_view__footer .p-threads_footer_join_container, .p-threads_view__footer .p-threads_footer_join_label {
    margin-top: 0
}

.p-unavailable_channel {
    padding: 48px 64px;
    border-radius: 8px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0);
    max-width: 528px;
    margin: 96px auto;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 18px 48px 0 rgba(0, 0, 0, .08)
}

.p-unavailable_channel_thread {
    border: none;
    box-shadow: none;
    padding: 48px 20px;
    margin: 0;
    text-align: center
}

.p-unavailable_channel_image {
    display: block;
    width: 100%;
    max-width: 392px;
    margin: 0 auto 16px
}

.p-unavailable_channel_image.p-unavailable_channel_image--reload {
    max-width: 260px
}

.p-unavailable_channel_title {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900;
    margin-bottom: 8px
}

.p-unavailable_channel_content {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-large_offline_indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.p-large_offline_indicator__headline {
    font-size: 28px;
    line-height: 1.2143;
    font-weight: 900
}

.p-inline_offline_indicator, .p-large_offline_indicator__caption {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-inline_offline_indicator {
    width: 100%;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-toggle_lock_thread_dialog__content {
    min-height: 60px
}

.p-toggle_lock_thread_dialog__footer {
    padding-top: 8px
}

.p-thread_flexpane_admin_tools .c-menu_item__description {
    margin-top: -4px;
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400
}

.p-threads_flexpane__header {
    line-height: 1.33334
}

.p-threads_flexpane__header .p-flexpane_header__children {
    display: flex;
    align-items: center
}

.p-threads_flexpane__header .p-threads_flexpane__header_back {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-threads_flexpane__header .p-threads_flexpane__header_back:hover {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-threads_flexpane__header_channel_name, .p-threads_flexpane__header_permalink:focus, .p-threads_flexpane__header_permalink:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-threads_flexpane__header_channel_name {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

.p-thread_separator {
    margin-bottom: -2px
}

.p-thread_separator .p-threads_flexpane__separator {
    display: flex;
    align-items: center;
    padding-left: 16px;
    margin-top: 4px;
    margin-bottom: 4px;
    width: calc(100% - 22px);
    position: relative
}

.p-thread_separator .p-threads_flexpane__separator_count {
    margin-right: 12px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-thread_separator .p-threads_flexpane__separator_line {
    flex: 1;
    margin: 1px 0 0 0;
    border-top-color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.p-thread_separator .p-threads_flexpane__separator_line__read, .p-thread_separator .p-threads_flexpane__separator_line__unread {
    border-top-color: #e01e5a
}

.p-thread_separator.p-thread_separator--ghost .p-threads_flexpane__separator_line__read {
    opacity: .5;
    transition: opacity .1s 3s
}

.p-thread_separator .p-threads_flexpane__read_divider__label, .p-thread_separator .p-threads_flexpane__unread_divider__label {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border: 1px solid transparent;
    border-radius: 4px;
    color: #e01e5a;
    cursor: default;
    font-size: 12px;
    font-weight: 700;
    line-height: 8px;
    margin-top: 1px;
    padding: 2px 4px 4px;
    transition: color .15s ease-out 0
}

.p-thread_separator .p-threads_flexpane__separator_line--is-unread-appear-active, .p-thread_separator .p-threads_flexpane__separator_line--is-unread-enter-active {
    box-shadow: 0 0 5px 0 #e01e5a;
    transition: box-shadow .1s ease-out
}

.p-thread_separator .p-threads_flexpane__separator_line--is-unread-appear-done, .p-thread_separator .p-threads_flexpane__separator_line--is-unread-enter-done {
    box-shadow: none;
    transition: box-shadow .1s ease-out
}

.p-thread_separator--dark .p-threads_flexpane__separator_line__read, .p-thread_separator--dark .p-threads_flexpane__separator_line__unread {
    border-top-color: #de4e2b
}

.p-thread_separator--dark .p-threads_flexpane__read_divider__label, .p-thread_separator--dark .p-threads_flexpane__unread_divider__label {
    color: #de4e2b
}

.p-thread_separator--dark .p-threads_flexpane__separator_line--is-unread-appear-active, .p-thread_separator--dark .p-threads_flexpane__separator_line--is-unread-enter-active {
    box-shadow: 0 0 5px 0 #de4e2b, 0 0 5px 0 rgba(222, 78, 43, .7), 0 0 5px 0 rgba(222, 78, 43, .3)
}

.p-threads_flexpane {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.p-threads_flexpane .c-message_kit__thread_message--root .c-message_kit__gutter {
    padding-top: 20px
}

.p-threads_flexpane .c-message_kit__thread_message--root .c-message_kit__labels__label {
    margin-bottom: -16px
}

.p-threads_flexpane .p-threads_flexpane__marked_as_read_divider {
    pointer-events: none;
    margin: 0 17px;
    display: flex
}

.p-threads_flexpane .p-threads_flexpane__marked_as_read_divider__separator {
    border: none;
    margin: 0 0 -1px;
    background-image: linear-gradient(90deg, #e01e5a 0, #e01e5a);
    height: 1px;
    background-size: 8px 1px;
    background-repeat: repeat-x;
    flex: 1;
    position: relative;
    z-index: 1
}

.p-threads_flexpane .p-threads_flexpane__marked_as_read_divider__label {
    border: 1px solid transparent;
    border-radius: 4px;
    color: #e01e5a;
    cursor: default;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700;
    line-height: 0;
    margin: -4px 0 -17px;
    padding: 2px 18px 6px 2px;
    position: relative;
    z-index: 1
}

.p-threads_flexpane .p-threads_flexpane__marked_as_read_divider, .p-threads_flexpane .p-threads_flexpane__unread_divider {
    margin: 0
}

.p-threads_flexpane .p-new_threads_banner {
    border-radius: 14px;
    height: 28px;
    font-size: 13px;
    line-height: 28px;
    font-weight: 700;
    text-shadow: none;
    display: flex;
    flex: 1;
    background: #1264a3;
    color: #fff;
    z-index: 200;
    min-width: 0;
    margin-bottom: 4px
}

.p-threads_flexpane .p-new_threads_banner.p-new_threads_banner--no-padding {
    padding-right: 0;
    padding-left: 0
}

.p-threads_flexpane .p-new_threads_banner > .c-button-unstyled:first-of-type {
    padding-left: 8px;
    padding-right: 8px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px
}

.p-threads_flexpane .p-new_threads_banner > .c-button-unstyled:last-of-type {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px
}

.p-threads_flexpane .p-new_threads_banner > .c-button-unstyled:hover {
    background: #0b4c8c
}

.p-threads_flexpane .p-new_threads_banner .p-threads_flexpane__banner__icon {
    position: relative;
    top: 2px;
    left: auto;
    margin-right: 4px
}

.p-threads_flexpane .p-new_threads_banner .p-threads_flexpane__unread_banner__close_icon {
    height: 28px;
    width: 36px;
    padding-right: 2px;
    padding-top: 1px;
    text-align: center;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px
}

.p-threads_flexpane_container {
    display: flex;
    flex-direction: column
}

.p-threads_flexpane .p-comment_list__toggle_container {
    margin: 4px 12px
}

.p-threads_flexpane .p-comment {
    margin: 4px 12px 0 12px
}

.p-threads_flexpane__loading {
    text-align: center;
    height: 96px;
    line-height: 96px;
    font-style: italic;
    font-size: 13px;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-threads_flexpane__error {
    text-align: center;
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.p-threads_flexpane__error_header {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900;
    margin-bottom: 4px
}

.p-threads_flexpane__error_body {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin-bottom: 16px
}

.p-threads_flexpane__error_emoji .c-emoji {
    height: 64px;
    width: 64px;
    margin-bottom: 16px
}

.p-threads_flexpane__error_emoji .emoji-sizer {
    font-size: 64px;
    margin-bottom: 16px
}

.c-message_kit__pillow {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    padding: 12px;
    padding-right: 36px;
    min-width: 360px;
    overflow: hidden;
    transition-duration: .1s;
    transition-property: border-color, box-shadow
}

.c-message_kit__pillow:hover {
    border-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06)
}

.c-message_kit__contextual_message {
    padding: 16px
}

.c-message_kit__message {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    word-wrap: break-word
}

[lang] .c-message_kit__message {
    font-size: 15px
}

[lang=ja-JP] .c-message_kit__message {
    font-size: 14px
}

[lang] .c-message_kit__message {
    line-height: 1.46668
}

[lang=ja-JP] .c-message_kit__message {
    line-height: 1.56668
}

.p-pinned_message {
    min-width: auto;
    padding-right: 12px
}

.p-pinned_message_header {
    align-items: center;
    display: flex;
    padding-right: 20px
}

.p-pinned_message_sender {
    margin-right: 8px
}

.p-pinned_message_text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-pinned_message_text * {
    white-space: nowrap
}

.p-pinned_message_file {
    margin-bottom: 8px
}

.p-pinned_message_file--isolated {
    margin-top: 4px
}

.p-pinned_message_meta {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.p-pinned_message_meta:empty {
    display: none
}

.p-pinned_message .p-block_kit_renderer__expand_blocks {
    margin-bottom: 4px
}

.p-pinned_message--truncated .c-message__message_blocks {
    max-height: 150px;
    overflow: hidden;
    position: relative;
    z-index: 90
}

.p-pinned_message--truncated .c-message_kit__blocks--rich_text {
    margin-bottom: 0
}

.p-pinned_message--truncated .c-file_gallery {
    margin: 8px 0 0 0
}

.p-pinned_message--truncated .c-message__message_blocks:after {
    content: "";
    position: absolute;
    height: 150px;
    background: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 0) 126px, rgba(var(--sk_primary_background, 255, 255, 255), 1));
    top: 2px;
    left: 0;
    right: 0;
    pointer-events: none
}

.c-message_kit__condensed_message {
    min-width: auto;
    padding-right: 12px
}

.c-message_kit__condensed_message_header {
    align-items: center;
    display: flex
}

.c-message_kit__condensed_message_sender {
    margin-right: 8px
}

.c-message_kit__condensed_message_text {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.c-message_kit__condensed_message_text * {
    white-space: nowrap
}

.c-message_kit__condensed_message_file {
    margin-bottom: 8px
}

.c-message_kit__condensed_message_file--isolated {
    margin-top: 4px
}

.c-message_kit__condensed_message_meta {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.c-message_kit__condensed_message_meta:empty {
    display: none
}

.c-message_kit__condensed_message .p-block_kit_renderer__expand_blocks {
    margin-bottom: 4px
}

.p-create_task_modal__channel_select {
    padding-bottom: 5px
}

.p-create_task_modal__task_name_section {
    padding-top: 5px;
    padding-bottom: 10px
}

.c-message_stats__title_time {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-weight: 400
}

.c-message_stats__message_snippet_engagement {
    margin-top: 8px;
    line-height: 16px;
    font-size: 13px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message_stats__reaction_count, .c-message_stats__replies_count {
    color: inherit
}

.c-message_stats__replies_count .c-icon--comment-alt:before {
    position: relative;
    top: -1px;
    margin-right: 4px;
    font-size: 17px
}

.c-message_stats__overview_container {
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
    align-items: center
}

.c-message_stats__content_section {
    padding: 0
}

.c-message_stats__content_wrapper {
    position: relative
}

.c-message_stats__content_wrapper__inner--loading {
    opacity: .2
}

.c-message_stats__content_loading {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%)
}

.c-message_stats__section {
    padding: 0 28px 32px 28px
}

.c-message_stats__title {
    margin-bottom: 16px
}

.c-message_stats__header {
    font-weight: 700;
    font-size: 18px
}

.c-message_stats__header .c-message_stats__total_reply_count {
    font-weight: 400;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-message_stats__snippet_msg {
    margin: 8px 28px 32px 28px
}

.c-message_stats__msg__nav {
    display: flex;
    margin: 8px 10px 32px
}

.c-message_stats__msg__nav_next, .c-message_stats__msg__nav_prev {
    flex-grow: 0;
    flex-shrink: 0;
    width: 18px;
    overflow: hidden;
    z-index: 1;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-message_stats__msg__nav_next:disabled, .c-message_stats__msg__nav_prev:disabled {
    color: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-message_stats__msg__nav .c-message_stats__snippet_msg {
    flex-grow: 1;
    margin: 0
}

.c-message_stats__message_snippet_text {
    max-height: 10000px;
    position: relative;
    overflow: hidden;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    transition: max-height .6s ease-out;
    will-change: max-height
}

.c-message_stats__message_snippet_text--collapsed {
    max-height: 70px;
    cursor: pointer
}

.c-message_stats__message_snippet_text:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 1));
    opacity: 0;
    transition: opacity ease-out;
    transition-duration: inherit;
    will-change: opacity
}

.c-message_stats__message_snippet_text--collapsed:after {
    opacity: 1
}

.c-message_stats__top_replies_item {
    display: flex
}

.c-message_stats__top_reply_msg {
    margin: 0;
    border: 0
}

.c-message_stats__top_replies_msg {
    margin: 0;
    border: 0;
    padding-left: 0
}

.c-message_stats__top_replies_number {
    font-weight: 700;
    font-size: 15px;
    padding: 12px 8px 0 0
}

.c-message_stats__funnel_stats {
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.c-message_stats__funnel_title {
    margin-right: 32px;
    align-self: flex-start;
    flex-grow: 1
}

.c-message_stats__funnel_stats_jumbo_stat {
    flex-grow: 1;
    text-align: center
}

.c-message_stats__viewer_coachmark_anchor {
    display: inline
}

.c-message_stats__viewer_coachmark_button {
    height: 20px;
    width: 20px
}

.c-message_stats__viewer_coachmark_button .c-icon:before {
    font-size: 13px
}

.c-message_stats__viewer_coachmark .c-coachmark__footer {
    display: none
}

.c-message_stats__funnel_stats_legend_key_container > * {
    display: inline-block;
    vertical-align: top
}

.c-message_stats__funnel_stats_legend_key_container > :not(:last-child) {
    margin-right: 48px
}

.c-message_stats__legend_item {
    cursor: pointer
}

.c-message_stats__legend_value {
    text-align: center
}

.c-message_stats__legend_icon {
    border-radius: 100%;
    display: inline-block;
    margin-right: 4px;
    width: 8px;
    height: 8px
}

.c-message_stats__legend_icon--viewed {
    background-color: #4a154b
}

.c-message_stats__legend_icon--clicked {
    background-color: #1264a3
}

.c-message_stats__legend_icon--reacted {
    background-color: #007a5a
}

.c-message_stats__legend_value--viewed {
    color: #4a154b
}

.c-message_stats__legend_value--clicked {
    color: #1264a3
}

.c-message_stats__legend_value--reacted {
    color: #007a5a
}

.c-message_stats__funnel_stats_jumbo_stat_value, .c-message_stats__legend_number {
    font-size: 22px
}

.c-message_stats__legend_number_percentage {
    font-size: 12px
}

.c-message_stats__funnel_stats_jumbo_stat_title, .c-message_stats__legend_title {
    font-size: 12px;
    text-align: center;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-message_stats__funnel_counts {
    display: flex;
    flex-direction: row;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-message_stats__funnel_counts_jumbo_stat {
    border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    padding-right: 24px;
    text-align: center
}

.c-message_stats__funnel_counts_jumbo_stat_value {
    color: #007a5a;
    font-size: 28px;
    line-height: 34px;
    cursor: pointer
}

.c-message_stats__funnel_counts_jumbo_stat_title {
    font-size: 13px
}

.c-message_stats__funnel_counts_minor_stats {
    display: flex;
    flex-direction: column;
    padding-left: 24px;
    font-size: 12px;
    line-height: 18px;
    text-align: right
}

.c-message_stats__funnel_counts_minor_stats span {
    cursor: pointer
}

.c-message_stats__activity_range_option, .c-message_stats__activity_range_option:visited {
    font-size: 12px;
    margin-right: 8px;
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-message_stats__activity_range_option:hover {
    text-decoration: none
}

.c-message_stats__activity_range_option--selected {
    font-weight: 700;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    border-bottom: 1px solid #007a5a
}

.c-message_stats__activity_bar, .c-message_stats__client_summary_bar {
    display: flex;
    justify-content: center;
    padding: 28px;
    margin-bottom: 32px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.c-message_stats__activity_item, .c-message_stats__client_summary_item {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.c-message_stats__activity_item_content, .c-message_stats__client_summary_item_content {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: flex-end;
    padding: 0 40px
}

.c-message_stats__activity_icon, .c-message_stats__client_summary_icon {
    margin-right: 8px;
    cursor: pointer
}

.c-message_stats__activity_item:not(:last-child), .c-message_stats__client_summary_item:not(:last-child) {
    border-right: 1px solid rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.c-message_stats__activity_item__label, .c-message_stats__client_summary_item__label {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 13px;
    line-height: 1.2;
    cursor: pointer
}

.c-message_stats__activity_section__count, .c-message_stats__client_summary_section__count {
    font-weight: 700
}

.c-message_stats__activity_time_series_chart__container {
    position: relative
}

.c-message_stats__activity_time_series_chart__y_label {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    display: block;
    padding: 0 9px 6px 0;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    top: 0;
    left: 0;
    text-align: left
}

.c-message_stats__activity_time_series_chart {
    width: 100%;
    height: 300px;
    max-height: 300px;
    min-height: 300px;
    margin-left: 2px
}

.c-message_stats__activity_time_series_chart > svg {
    position: absolute;
    left: 0;
    height: 300px;
    fill: transparent;
    overflow: visible
}

.c-message_stats__activity_time_series_chart text {
    font-size: 12px;
    fill: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

[lang] .c-message_stats__activity_time_series_chart text {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .c-message_stats__activity_time_series_chart text {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .c-message_stats__activity_time_series_chart text {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .c-message_stats__activity_time_series_chart text {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .c-message_stats__activity_time_series_chart text {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.c-message_stats__activity_time_series_chart .c3-axis path {
    stroke: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.c-message_stats__activity_time_series_chart .c3-axis-x .tick line, .c-message_stats__activity_time_series_chart .c3-axis-y2 .tick line, .c-message_stats__activity_time_series_chart .c3-axis-y .tick line {
    display: none
}

.c-message_stats__activity_time_series_chart .c3-axis-y {
    -webkit-clip-path: inset(1px 0 1px 0) !important;
    clip-path: inset(1px 0 1px 0) !important
}

.c-message_stats__activity_time_series_chart .c3-axis-y .tick text {
    transform: translate(0)
}

.c-message_stats__activity_time_series_chart .c3-axis-x-label {
    font-weight: 700;
    fill: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.c-message_stats__activity_time_series_chart .c3-axis-y-label {
    display: none
}

.c-message_stats__activity_time_series_chart .c3-grid line {
    stroke: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    stroke-dasharray: 0
}

.c-message_stats__activity_time_series_chart .c3-xgrid-focus line {
    stroke: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-message_stats__activity_time_series_chart .c3-chart-line .c3-line {
    stroke-width: 3px !important
}

.c-message_stats__activity_time_series_chart .c3-circles-VIEWS > circle {
    opacity: 0 !important
}

.c-message_stats__activity_time_series_chart .c3-lines-VIEWS > path {
    stroke: #007a5a !important
}

.c-message_stats__activity_time_series_chart .c-message_stats__activity_time_series__tooltip {
    display: inline-block;
    color: #fff;
    background-color: #000;
    padding: 8px 12px 10px;
    border-radius: 8px;
    position: relative;
    font-weight: 700;
    text-align: center;
    word-wrap: break-word
}

.c-message_stats__activity_time_series_chart .c-message_stats__activity_time_series__tooltip span {
    color: #868686
}

.c-message_stats__viewers_by_department_chart {
    width: 100%
}

.c-message_stats__viewers_by_department_chart > svg {
    position: relative;
    left: 0;
    fill: transparent;
    margin-bottom: 32px
}

.c-message_stats__viewers_by_department_chart text {
    font-size: 13px;
    font-weight: 700;
    fill: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

[lang] .c-message_stats__viewers_by_department_chart text {
    font-family: Slack-Lato, appleLogo, sans-serif
}

[lang=ja-JP] .c-message_stats__viewers_by_department_chart text {
    font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif
}

[lang=ko-KR] .c-message_stats__viewers_by_department_chart text {
    font-family: NotoSansKR, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-CN] .c-message_stats__viewers_by_department_chart text {
    font-family: NotoSansSC, Slack-Lato, appleLogo, sans-serif
}

[lang=zh-TW] .c-message_stats__viewers_by_department_chart text {
    font-family: NotoSansTC, Slack-Lato, appleLogo, sans-serif
}

.c-message_stats__viewers_by_department_chart .c3-axis-x text {
    font-weight: 400
}

.c-message_stats__viewers_by_department_chart .c3-axis path {
    stroke: transparent
}

.c-message_stats__viewers_by_department_chart .c3-bar {
    fill: rgba(var(--sk_highlight, 18, 100, 163), 1) !important;
    stroke: none !important
}

.c-message_stats__viewers_by_department_chart .c3-chart-text .c3-text {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7) !important;
    fill: rgba(var(--sk_foreground_max, 29, 28, 29), .7) !important;
    transform: translateX(6px) !important;
    text-anchor: start
}

.c-message_stats__viewers_by_department_chart .c3-grid line {
    stroke: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    stroke-width: 2
}

.c-missing_app {
    display: inline-block;
    width: 80px;
    height: .55rem;
    border-radius: 1.1rem
}

.c-missing_app--unknown {
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13)
}

.c-missing_app--non_existent {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: 1px solid var(--saf-0)
}

.c-missing_app--subtler {
    opacity: .4
}

.c-missing_app--unknown_inverted {
    background-color: #fff;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-missing_app--non_existent_inverted {
    background: none;
    --saf-0: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border: 1px solid var(--saf-0)
}

.p-app_actions_pillow {
    padding: 12px 12px 16px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    max-height: 128px;
    overflow: hidden;
    position: relative
}

.p-app_actions_pillow__blocker {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background: transparent
}

.p-app_actions_pillow.p-app_actions_pillow--gradient {
    padding-bottom: 0
}

.p-app_actions_pillow--gradient:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(180deg, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 1))
}

.p-app_actions_pillow__body {
    margin: 4px 0 0 0
}

.p-app_actions_pillow__body a {
    word-break: break-all
}

.p-app_actions_pillow__attachment {
    display: flex;
    max-width: 600px;
    margin-top: 8px
}

[lang] .p-app_actions_pillow__attachment {
    font-size: 15px
}

[lang=ja-JP] .p-app_actions_pillow__attachment {
    font-size: 14px
}

[lang] .p-app_actions_pillow__attachment {
    line-height: 1.46666667
}

[lang=ja-JP] .p-app_actions_pillow__attachment {
    line-height: 1.56666667
}

.p-app_actions_pillow__attachment_body {
    padding: 0 12px
}

.p-app_actions_dialog {
    width: 480px
}

.p-app_actions_dialog__overlay.c-dialog {
    align-items: flex-start;
    padding-top: calc(50vh - 320px)
}

.p-app_actions_dialog .c-dialog__body {
    display: flex;
    flex-direction: column;
    padding: 0
}

.p-app_actions_dialog__loader {
    padding: 32px
}

.p-app_actions_dialog .c-dialog__footer {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 7px 24px
}

.p-app_actions_dialog .c-dialog__footer--has_text {
    justify-content: flex-end
}

.p-app_actions_dialog .c-dialog__footer_link {
    display: flex
}

.p-app_actions_dialog a.c-dialog__footer_link {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-app_actions_dialog .c-dialog__footer_icon {
    margin: 0 0 0 6px;
    order: 1
}

.p-app_actions_dialog__message {
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border-bottom: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 20px 24px;
    overflow: hidden;
    flex: 0 0 auto
}

.p-app_actions_dialog__filter {
    flex: 0 0 auto
}

.p-app_actions_dialog__filter .c-enhanced_text_input {
    font-size: 15px;
    line-height: 28px;
    margin: 12px 24px;
    padding-top: 2px;
    padding-bottom: 2px
}

.p-app_actions_dialog_select--open_panel {
    padding: 12px 24px 0;
    position: static;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.p-app_actions_dialog_select {
    margin: 0 0 12px
}

.p-app_actions_dialog_options_list {
    overflow-y: auto;
    padding: 0;
    border-right: 0;
    -ms-overflow-x: hidden
}

.p-app_actions_dialog_container--always-open, .p-app_actions_dialog_options_list .ReactVirtualized__List {
    width: 100% !important
}

.p-app_actions_dialog_options_list .ReactVirtualized__Grid__innerScrollContainer {
    max-width: 100% !important
}

.p-app_actions_dialog__option {
    line-height: 20px;
    border: 1px solid transparent;
    border-top: 1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    padding: 0
}

.p-app_actions_dialog__option .c-menu_item__description {
    font-weight: 400
}

.p-app_actions_dialog__option--active {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    box-shadow: none;
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1);
    color: inherit
}

.p-app_actions_dialog__option--active .c-menu_item__description {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-app_actions_dialog__option--active + .p-app_actions_dialog__option, .p-app_actions_dialog__option:first-child {
    border-color: transparent
}

.p-app_actions_dialog__option--active:first-child {
    border-color: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-app_actions_dialog_option__enter {
    display: none
}

.p-app_actions_dialog__option--active .p-app_actions_dialog_option__enter {
    display: block
}

.p-app_actions_dialog_option {
    padding: 8px 16px;
    font-weight: 700
}

.p-flag_message_dialog__options_subhead {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-top: 24px
}

.p-flag_message_dialog__option {
    display: flex;
    margin: 16px 0 0;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-flag_message_dialog__option:hover .p-flag_message_dialog__option_title {
    text-decoration: underline
}

.p-flag_message_dialog__option_icon {
    padding-right: 16px;
    padding-top: 2px;
    width: 36px
}

.p-flag_message_dialog__option_icon, .p-flag_message_dialog__option_title {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-message_actions_menu .p-message_actions_menu__subscribe {
    min-height: 48px
}

.p-message_actions_menu .p-message_actions_menu__subscribe--no_min_height {
    min-height: unset
}

.p-message_actions_menu__labels_bookmark_filled {
    color: #e01e5a
}

.p-message_actions_menu__flag.c-menu_item__button--highlighted {
    background-color: #e01e5a
}

.p-message_actions_menu__flag_icon {
    font-size: 14px;
    margin-right: 8px
}

.p-quick_reactions_customization_tooltip_message_actions_container {
    position: absolute;
    bottom: -35px;
    right: 0
}

.p-quick_reactions_customization_tooltip {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    display: flex;
    position: relative;
    bottom: -6px;
    height: auto;
    max-width: 254px;
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background: #e8f5fa;
    box-shadow: 0 0 0 1px rgba(10, 55, 75, .2);
    border-radius: 12px;
    padding: 8px;
    margin: 0 0 12px 8px
}

.p-quick_reactions_customization_tooltip--faded {
    opacity: .5
}

.p-quick_reactions_customization_tooltip--dark {
    background: #0b2934;
    box-shadow: 0 0 0 1px rgba(165, 210, 245, .2)
}

.p-quick_reactions_customization_tooltip_icon_container {
    font-size: 18px;
    margin: auto
}

.p-quick_reactions_customization_tooltip_icon_lightbulb {
    position: relative;
    height: 18px;
    width: 18px;
    margin: 3px 8px 0 2px
}

.p-quick_reactions_customization_tooltip_icon_lightbulb--dark {
    color: #f2c744
}

.p-quick_reactions_customization_tooltip_copy {
    width: 190px;
    padding: 2px 0
}

.p-quick_reactions_customization_tooltip_arrow {
    position: absolute;
    z-index: 1
}

.p-quick_reactions_customization_tooltip_arrow_outer {
    bottom: -10px;
    left: 38px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid rgba(10, 55, 75, .2)
}

.p-quick_reactions_customization_tooltip_arrow_outer--dark {
    border-top: 10px solid rgba(165, 210, 245, .2)
}

.p-quick_reactions_customization_tooltip_arrow_inner {
    bottom: -9px;
    left: 38px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #e8f5fa
}

.p-quick_reactions_customization_tooltip_arrow_inner--dark {
    border-top: 10px solid #0b2934
}

.p-quick_reactions_customization_tooltip_dismiss_button {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin: 8px 0
}

.c-message_kit__actions .c-message__actions {
    display: block
}

.c-message_kit__actions--inside .c-message__actions {
    top: 4px
}

.c-message_kit__actions--above .c-message__actions {
    top: -28px
}

.c-message_kit__labels__label {
    display: flex;
    align-items: baseline;
    font-size: 13px;
    margin-bottom: -4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    white-space: nowrap
}

.c-message_kit__labels__text {
    flex: 1 1 0;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px
}

.c-message_kit__labels__link, .c-message_kit__labels__link:focus, .c-message_kit__labels__link:hover {
    color: inherit
}

.c-message_kit__labels__icon {
    text-align: right;
    margin-right: 8px
}

.c-message_kit__labels--pinned .c-message_kit__labels__icon {
    color: #e8912d
}

.c-message_kit__labels--starred .c-message_kit__labels__icon {
    color: #f2c744
}

.c-message_kit__labels--starred .c-message_kit__labels__icon .c-icon--bookmark-filled {
    color: #e01e5a
}

.c-message_kit__labels--broadcast .c-message_kit__labels__icon, .c-message_kit__labels--custom_response .c-message_kit__labels__icon {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.c-message_kit__labels--message_type .c-message_kit__labels__icon {
    color: #e8912d
}

.c-message_kit__labels__offscreen_message {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-message_kit__edit {
    margin-bottom: 8px;
    margin-top: -4px
}

.c-message_kit__indent {
    padding-left: 8px
}

.c-message_kit__thread_message .c-message_kit__gutter, .c-message_kit__thread_message .c-message_kit__tombstone {
    padding: 8px 24px 8px 16px
}

.c-message_kit__thread_message .c-message_kit__gutter__right {
    padding-right: 0
}

.c-message_kit__thread_message .c-message_kit__labels__label {
    padding-top: 4px;
    padding-left: 16px
}

.c-message_kit__thread_message .c-message_kit__labels--light .c-message_kit__labels__icon {
    width: 36px
}

.c-message_kit__thread-message--new_reply {
    background: rgba(29, 155, 209, .1)
}

.c-message_kit__thread_message--root .c-message_kit__gutter, .c-message_kit__thread_message--root .c-message_kit__tombstone {
    padding-top: 12px
}

.c-message_kit__thread_message--root .c-message_kit__labels__label {
    padding-top: 8px;
    margin-bottom: -8px
}

.c-message_kit__thread_message--root .c-timestamp {
    margin-left: 4px
}

.c-pending_files__container {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap
}

.c-pending_files__file {
    position: relative;
    margin-right: 12px;
    height: 62px
}

.c-pending_files__file .p-pending_file .c-pillow_file__header {
    align-items: center
}

.c-pending_files__file .p-pending_file .c-pillow_file__audio_player, .c-pending_files__file .p-pending_file .c-pillow_file__header {
    width: 184px
}

.c-pending_files__spinner {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -8px
}

.c-message_kit__resend {
    display: inline
}

.c-message_kit__resend--with_buttons {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.c-message_kit__resend__footer {
    font-size: 13px;
    margin-bottom: 4px;
    display: flex;
    align-items: center
}

.c-message_kit__resend__footer__border {
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-right: 8px
}

.c-message_kit__resend__separator {
    color: rgba(var(--sk_foreground_high, 29, 28, 29), .5)
}

.c-message_kit__resend--unprocessed {
    animation: c-message_kit--to-grey 50ms linear 10s forwards
}

@keyframes c-message_kit--to-grey {
    0% {
        color: inherit
    }
    to {
        color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
    }
}

.p-story_viewer_threads {
    width: 35%;
    max-width: 400px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: -1px 0 0 var(--saf-0);
    z-index: 1
}

.p-story_viewer_threads__header {
    display: flex;
    align-items: center;
    padding: 16px;
    position: relative;
    z-index: 1
}

.p-story_viewer_threads__header--border {
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 1px 0 var(--saf-0)
}

.p-story_viewer_threads__meta {
    margin-left: 8px;
    flex-shrink: 1;
    min-width: 0
}

.p-story_viewer_threads__title {
    font-weight: 900;
    margin-top: -2px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.p-story_viewer_threads__timestamp, .p-story_viewer_threads__timestamp .c-timestamp {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-story_viewer_threads__view_controls {
    margin-left: auto;
    flex-shrink: 0
}

.p-story_viewer_threads__root {
    margin: 0 16px
}

.p-story_viewer_threads__root__text {
    margin-bottom: 8px
}

.p-story_viewer_threads__separator {
    position: relative;
    height: 10px;
    margin: 8px 20px 0 0;
    flex-shrink: 0;
    z-index: 1;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 1px 0 0 var(--saf-0)
}

.p-story_viewer_threads__separator__label {
    position: absolute;
    top: 0;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    display: inline-block;
    padding: 0 12px 0 16px;
    border-bottom-right-radius: 9px
}

.p-story_viewer_threads__root_spacer {
    height: 16px
}

.p-story_viewer_modal {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.1);
    box-shadow: 0 0 0 1px var(--saf-0);
    position: relative;
    max-height: 752px;
    max-width: 1080px
}

.p-story_viewer_modal .p-story_viewer__video_container {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.p-story_viewer_modal .p-story_viewer__video_container:focus {
    outline: none;
    box-shadow: none
}

.p-story_viewer_modal .p-story_viewer__video {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: transparent;
    position: relative
}

.p-story_viewer_modal--threads {
    max-width: 1200px
}

.p-story_viewer_modal__video_container__blur {
    pointer-events: none;
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    position: absolute;
    top: -100px;
    left: -100px;
    right: -100px;
    bottom: -100px;
    -webkit-filter: blur(100px) brightness(.8);
    filter: blur(100px) brightness(.8)
}

.p-story_viewer_modal__header {
    display: flex;
    align-items: center;
    padding: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 64px
}

.p-story_viewer_modal__header__avatar {
    margin-right: 12px;
    cursor: pointer
}

.p-story_viewer_modal__header__name {
    font-weight: 900;
    margin-right: 8px;
    cursor: pointer
}

.p-story_viewer_modal__header__spacer {
    flex: 1
}

.p-story_viewer_modal__header__divider {
    height: 24px;
    width: 1px;
    background: rgba(var(--sk_foreground_low, 29, 28, 29), .13);
    margin-left: 12px
}

.p-story_viewer_modal__header__close, .p-story_viewer_modal__header__delete, .p-story_viewer_modal__header__share {
    margin-left: 12px
}

.p-story_viewer_modal__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    position: relative;
    height: 80px
}

.p-story_viewer_modal__footer__container {
    position: relative;
    overflow: hidden
}

.p-story_viewer_modal__footer__scroller {
    display: flex;
    padding: 16px 0;
    border-radius: 4px;
    overflow: hidden
}

.p-story_viewer_modal__footer__scroller__cap {
    padding: 0 4px
}

.p-story_viewer_modal__footer__poster {
    position: relative;
    flex-shrink: 0;
    margin: 0 5px
}

.p-story_viewer_modal__footer__poster__image {
    width: 48px;
    height: 48px;
    padding: 4px;
    background-size: cover;
    background-position: 50%;
    background-clip: content-box;
    border-radius: 9px;
    transform: scale(1);
    transition: box-shadow 80ms cubic-bezier(.36, .19, .29, 1), transform 80ms cubic-bezier(.36, .19, .29, 1), opacity 80ms cubic-bezier(.36, .19, .29, 1);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    --saf-1: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0), inset 0 0 0 5px var(--saf-1)
}

.p-story_viewer_modal__footer__poster--current .p-story_viewer_modal__footer__poster__image {
    transform: scale(1.1)
}

.p-story_viewer_modal__footer__poster__image .c-avatar {
    cursor: inherit
}

.p-story_viewer_modal__footer__paging {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1
}

.p-story_viewer_modal__footer__paging--prev {
    left: 0;
    background: linear-gradient(270deg, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 1) 60%)
}

.p-story_viewer_modal__footer__paging--next {
    right: 0;
    background: linear-gradient(90deg, rgba(var(--sk_primary_background, 255, 255, 255), 0), rgba(var(--sk_primary_background, 255, 255, 255), 1) 60%)
}

.p-story_viewer_modal__footer__paging__icon {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    width: 24px;
    height: 24px;
    border-radius: 12px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.p-story_viewer_modal__footer__reply {
    min-width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    border: 1px solid var(--saf-0);
    margin: 0 5px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0), 0 1px 3px 0 rgba(0, 0, 0, .08);
    transition: box-shadow 80ms cubic-bezier(.36, .19, .29, 1)
}

.p-story_viewer_modal__footer__reply:hover {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 3px 0 rgba(0, 0, 0, .13)
}

.p-story_viewer_modal__footer__reply--current {
    transform: scale(1.1)
}

.p-story_viewer_modal__navigation__button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    top: 50%;
    margin-top: -30px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), .7);
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 0.13);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-story_viewer_modal__navigation__button:hover {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.p-story_viewer_modal__navigation__button--previous {
    left: 24px
}

.p-story_viewer_modal__navigation__button--next {
    right: 24px
}

.p-story_viewer_modal__reactions, .p-story_viewer_modal__reactions__reaction {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-story_viewer_modal__reactions__reaction {
    height: 28px;
    padding: 0 12px;
    border-radius: 14px;
    margin-right: 8px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-story_viewer_modal__reactions__reaction:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-story_viewer_modal__reactions__reaction--reacted, .p-story_viewer_modal__reactions__reaction--reacted:hover {
    background: rgba(29, 155, 209, .1);
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0)
}

.p-story_viewer_modal__reactions__reaction__count:not(:empty) {
    font-size: 12px;
    line-height: 1.50001;
    font-weight: 400;
    margin-left: 4px
}

.p-story_viewer_modal__reactions__reaction--reacted .p-story_viewer_modal__reactions__reaction__count:not(:empty) {
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    font-weight: 700
}

.p-story_viewer_modal__reactions__add {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 14px;
    margin-right: 8px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-story_viewer_modal__reactions__add:hover {
    --saf-0: rgba(var(--sk_highlight_accent, 29, 155, 209), 1);
    box-shadow: inset 0 0 0 1px var(--saf-0);
    color: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: inset 0 0 0 1px #f2c744;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1)
}

.p-story_viewer_modal__reactions__add__icon {
    transform: translateX(-1px)
}

.p-story_viewer_modal__reactions__add__cookie {
    position: absolute;
    opacity: 0;
    color: #f2c744
}

.p-story_viewer_modal__reactions__add:hover .p-story_viewer_modal__reactions__add__cookie {
    opacity: 1
}

.p-story_viewer__video_container--dim {
    -webkit-filter: brightness(.3);
    filter: brightness(.3);
    overflow: hidden
}

.p-story_viewer__video_container--dim video {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.p-story_viewer_modal__awaiting_reply {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.p-story_viewer_modal__awaiting_reply .c-button-unstyled {
    text-align: center
}

.p-story_viewer_modal__awaiting_reply .c-avatar {
    cursor: pointer
}

.p-story_viewer_modal__messages {
    height: 100%;
    display: flex;
    flex: 1;
    min-height: 0;
    position: relative
}

.p-story_viewer_modal__multimedia_video {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-width: 0;
    flex-shrink: 1;
    position: relative;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-story_viewer_modal__multimedia {
    display: flex;
    flex-direction: row;
    height: 100%
}

.p-story_viewer_modal__multimedia .p-story_viewer_modal__awaiting_reply, .p-story_viewer_modal__multimedia .p-story_viewer_modal__multimedia_video {
    flex: 1
}

.p-story_viewer_modal__fullscreen_button {
    position: absolute;
    top: 16px;
    right: 16px
}

.p-story_viewer_modal--fullscreen {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%
}

.p-story_viewer_modal__awaiting_reply_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 24px
}

.p-story_viewer_modal__awaiting_reply_buttons .c-button-unstyled {
    flex-shrink: 0;
    text-align: center
}

.p-story_viewer_modal__awaiting_reply_buttons .c-button-unstyled:nth-child(2) {
    margin-left: 16px
}

.p-story_viewer_modal__awaiting_reply_button {
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    padding: 8px 16px 8px 12px;
    background: rgba(0, 0, 0, .5);
    border: 1px solid transparent
}

.p-story_viewer_modal__awaiting_reply_button:hover {
    background: #fff;
    color: #1d1c1d
}

.p-story_viewer_modal__footer__spacer {
    margin-right: auto
}

.p-story_viewer_modal__footer__buttons_container, .p-story_viewer_modal__footer__spacer {
    width: 130px
}

.p-story_viewer_modal__footer__buttons_container {
    margin-left: auto;
    display: flex;
    justify-content: flex-end
}

.p-story_viewer_modal__footer__button {
    background: rgba(var(--sk_foreground_high, 29, 28, 29), .5);
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1);
    border-radius: 6px;
    padding: 8px 12px;
    margin-left: 8px
}

.p-story_viewer_modal__footer__button_playback_speed {
    width: 52px;
    text-align: center;
    padding: 8px
}

.p-story_viewer_modal__footer__button_captions:disabled {
    cursor: default
}

.p-story_viewer_modal__footer__button_captions {
    font-weight: 900
}

.p-story_viewer_modal__footer__button_captions--on {
    background: #007a5a
}

.p-story_viewer_modal--threads .p-story_viewer_modal__footer {
    display: block;
    padding: 0;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    height: auto
}

.p-story_viewer_modal--threads .p-story_viewer_modal__footer__spacer {
    display: none
}

.p-story_viewer_modal--threads .p-story_viewer_modal__footer__container {
    flex: 1
}

.p-story_viewer_modal--threads .p-story_viewer_modal__footer__scroller {
    padding: 12px
}

.p-story_viewer_modal--threads .p-story_viewer_modal__footer__poster__image {
    width: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.p-story_viewer_modal--threads .p-story_viewer_modal__footer__reply {
    border: none;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-story_viewer_modal--threads .p-story_viewer_modal__reactions {
    margin-left: auto
}

.p-story_viewer_modal--threads .p-story_viewer_modal__reactions__add {
    margin-right: 0
}

.p-story_viewer_modal--threads .p-story_viewer_modal__awaiting_reply {
    bottom: 130px
}

.p-story_viewer_modal--threads .p-story_viewer_modal__navigation__button {
    top: calc(50% - 50px)
}

.p-story_viewer_modal--threads .p-story_viewer_modal__footer__poster__waves {
    position: absolute;
    width: 56px
}

.p-story_viewer__messages_header {
    flex: 1;
    min-width: 0;
    height: 64px;
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 1.46668;
    padding: 0 12px 0 16px;
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1)
}

.p-story_viewer__messages_header img {
    margin-right: 4px
}

.p-story_viewer__messages_header .c-icon {
    margin-right: 8px
}

.p-story_viewer_modal ::cue {
    font-family: Slack-Lato, appleLogo, sans-serif;
    font-size: 24px;
    background-color: rgba(0, 0, 0, .5);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.p-story_viewer_modal__embed {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-story_viewer_modal__embed .c-message_attachment__video_link, .p-story_viewer_modal__embed .c-message_attachment__video_play {
    font-size: 3rem
}

.p-shared_channel_invite_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    max-width: 526px
}

.p-shared_channel_invite_header__avatar {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-right: 12px
}

.p-shared_channel_invite_header__header_message {
    flex: 1;
    text-align: left;
    margin-right: 8px
}

.p-accept_shared_invite_landing_view {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    position: relative
}

.p-accept_shared_invite_landing_view__slack_logo {
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}

.p-accept_shared_invite_landing_view__content_wrapper {
    margin: 0 auto;
    max-width: 550px;
    display: flex
}

.p-accept_shared_invite_landing_view__top_half {
    background: rgba(244, 237, 228, .5);
    padding-top: 48px;
    padding-bottom: 48px
}

.p-accept_shared_invite_landing_view__bottom_half {
    padding-top: 48px;
    display: flex;
    justify-content: center
}

.p-accept_shared_invite_landing_view__title {
    font-size: 28px;
    line-height: 34px;
    font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
    font-weight: 900
}

.p-accept_shared_invite_landing_view__subtitle {
    display: flex;
    flex-direction: column;
    padding: 20px 0 28px 0;
    width: 100%
}

.p-accept_shared_invite_landing_view__button {
    height: 44px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    color: #fff;
    background-color: #611f69;
    border: none
}

.p-accept_shared_invite_landing_view__button:active, .p-accept_shared_invite_landing_view__button:hover {
    background-color: rgba(97, 31, 105, .9);
    border: none
}

.p-accept_shared_invite_landing_view__button[disabled] {
    background-color: rgba(97, 31, 105, .5);
    color: #fff
}

.p-accept_shared_invite_landing_view__button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-accept_shared_invite_landing_view__button .arrow-right {
    margin-left: 8px
}

.p-accept_shared_invite_landing_view__signin_wrapper {
    display: flex;
    justify-content: center
}

.p-accept_shared_invite_landing_view__signin_content {
    width: 550px;
    height: 50px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px
}

.p-accept_shared_invite_landing_view__signin_text {
    padding-left: 16px;
    padding-top: 12px;
    font-family: Slack-Lato, appleLogo, sans-serif;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-accept_shared_invite_landing_view__tip {
    width: 100%;
    max-width: 550px;
    margin-bottom: 48px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.p-accept_shared_invite_landing_view__tip_text1 {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px
}

.p-accept_shared_invite_landing_view__tip_text1_icon {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    margin-bottom: 1.6px
}

.p-accept_shared_invite_landing_view__tip_text2 {
    font-size: 14px;
    line-height: 20px;
    color: #696969
}

.p-accept_shared_invite_landing_view__tip_img {
    width: 180px;
    height: 134px;
    flex-shrink: 0;
    flex-basis: 180px
}

.p-accept_shared_invite_landing_view__connect_tip_img {
    width: 49px;
    height: 49px;
    margin-right: 16px
}

.p-confirm_trust__logo_container {
    padding-top: 8px;
    padding-bottom: 56px
}

.p-confirm_trust__card {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: 526px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .12);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 6px
}

.p-confirm_trust__header {
    background-color: rgba(232, 145, 45, .1);
    padding: 24px 0
}

.p-confirm_trust__header .p-confirm_trust__header_title {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900
}

.p-confirm_trust__header .body {
    margin-bottom: 8px
}

.p-confirm_trust__header--suspicious {
    background-color: rgba(224, 30, 90, .1)
}

.p-confirm_trust__suspicious_icon {
    width: 44px;
    height: 44px;
    color: #e01e5a;
    margin-bottom: 8px
}

.p-confirm_trust__suspicious_icon:before {
    font-size: 44px
}

.p-confirm_trust__body {
    margin: 24px
}

.p-confirm_trust__body .c-avatar {
    margin: 0 auto
}

.p-confirm_trust__body .body, .p-confirm_trust__body .caption {
    padding: 4px 0
}

.p-confirm_trust__body .body {
    margin-bottom: 0
}

.p-confirm_trust__body .p-confirm_trust__duration {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), .7)
}

.p-confirm_trust__footer {
    display: flex;
    margin: 40px 24px 24px
}

.p-confirm_trust__footer .p-confirm_trust_button {
    width: 100%;
    height: 42px;
    margin-right: 12px;
    min-width: 76px
}

.p-confirm_trust__footer .p-confirm_trust_button--secondary {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    border: solid 1px var(--saf-0)
}

.p-confirm_trust__footer .p-confirm_trust_button--secondary:hover {
    background: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    --saf-0: rgba(var(--sk_foreground_max, 29, 28, 29), 0.7);
    border: solid 1px var(--saf-0)
}

.p-confirm_trust__footer .p-confirm_trust_button--primary, .p-confirm_trust__footer .p-confirm_trust_button--primary:hover {
    background: #4a154b;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.p-confirm_trust__footer .p-confirm_trust_button--primary:hover {
    -webkit-filter: saturate(.7);
    filter: saturate(.7)
}

.p-ignore_invite_confirmation__card {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    max-width: 526px;
    --saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
    box-shadow: 0 0 0 1px var(--saf-0), 0 4px 12px 0 rgba(0, 0, 0, .12);
    background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    border-radius: 6px
}

.p-ignore_invite_confirmation__title {
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900
}

.p-ignore_invite_confirmation__body {
    padding: 32px 0 0
}

.p-ignore_invite_confirmation__body .c-avatar {
    margin: 0 auto
}

.p-ignore_invite_confirmation__body .body, .p-ignore_invite_confirmation__body .c-avatar, .p-ignore_invite_confirmation__body .p-ignore_invite_confirmation__title {
    margin-bottom: 16px
}

.p-ignore_invite_confirmation__body .p-ignore_invite_confirmation__subtitle {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    margin-bottom: 8px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-ignore_invite_confirmation__footer {
    display: flex;
    justify-content: center;
    padding: 16px 0;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-launch_team_row__teamname {
    font-size: 18px;
    line-height: 1.50001;
    font-weight: 400;
    font-weight: 700
}

.p-launch_team_row__team_info {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 14px;
    line-height: 20px
}

.p-get_started_shared_channel_invite_header__content_container {
    display: flex;
    min-height: 94px;
    max-width: 500px;
    margin-bottom: 16px
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 28px
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__content--day1_creator {
    margin-top: 0;
    align-items: flex-start
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__details {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-size: 15px;
    line-height: 1.46668;
    margin: 0
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__details--day1_creator {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 16px
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__text_content {
    flex: 1
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__text_content--day1_creator {
    max-width: 520px
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__avatar_container {
    position: relative;
    display: flex;
    justify-content: flex-end;
    height: 48px;
    width: 48px;
    margin-right: 20px
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__avatar {
    outline: none;
    border-radius: 4px;
    position: absolute;
    height: 48px;
    width: 48px
}

.p-get_started_shared_channel_invite_header__content_container .p-get_started_shared_channel_invite_header__avatar_badge {
    position: relative;
    bottom: -2px;
    right: -2px;
    --saf-0: rgba(var(--sk_primary_background, 255, 255, 255), 1);
    box-shadow: 0 0 0 2px var(--saf-0);
    align-self: flex-end
}

.p-get_started_shared_channel_invite_header__content_container--day1_creator {
    margin-bottom: 0;
    justify-content: center;
    max-width: 600px
}

.p-get_started_shared_channel_invite_header__day1_creator_wrapper {
    background: rgba(244, 237, 228, .5);
    margin-bottom: 80px;
    width: 100%;
    display: flex;
    justify-content: center
}

.p-get_started_button_card {
    max-width: 400px;
    border: 1px solid #ddd;
    padding: 60px 40px 60px;
    display: flex;
    flex-direction: column
}

.p-get_started_button_card--primary {
    background-color: #4a154b;
    border-color: #4a154b;
    color: #fff
}

.p-get_started_button_card--primary .p-get_started_button_card__button, .p-get_started_button_card--primary .p-get_started_button_card__button:hover {
    border: none
}

.p-get_started_button_card__button {
    color: #4a154b;
    background-color: #fff
}

.p-get_started_button_card__button:hover {
    background-color: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-get_started_button_card__button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-get_started_button_card__title {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -.25px;
    margin-bottom: 12px
}

.p-get_started_button_card__subtitle {
    font-size: 18px;
    line-height: 1.50001;
    font-weight: 400;
    margin-bottom: 28px;
    flex-grow: 1
}

.p-get_started_main_view {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 40px
}

.p-get_started_main__option:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right-width: 0
}

.p-get_started_main__option:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left-width: 0
}

.p-get_started_main_view--shared_channel_day1_creator {
    align-items: flex-start
}

.p-get_started_main__team_links {
    width: 100%;
    max-width: 534px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 48px
}

.p-get_started_main__tip {
    width: 100%;
    max-width: 550px;
    margin-bottom: 48px;
    margin-top: 32px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.p-get_started_main__tip_text1 {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px
}

.p-get_started_main__tip_text1_icon {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    margin-right: 4px
}

.p-get_started_main__tip_text2 {
    font-size: 14px;
    line-height: 20px;
    color: #696969
}

.p-get_started_main__tip_img {
    width: 180px;
    height: 134px;
    flex-shrink: 0;
    flex-basis: 180px
}

@media screen and (max-width: 900px) {
    .p-get_started_main_view {
        flex-direction: column
    }

    .p-get_started_main__option:first-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-right-width: 1px
    }

    .p-get_started_main__option:last-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-left-width: 1px
    }
}

@media screen and (max-width: 800px) {
    .p-get_started_main__tip {
        padding: 0 20px
    }

    .p-get_started_main__tip_img {
        display: none
    }
}

.p-google_form {
    margin: 24px auto 0
}

.p-google_form .c-alert {
    margin-top: -3px;
    padding-top: 11px;
    display: flex;
    justify-content: center
}

.p-get_started_email_form {
    min-width: 376px
}

.p-get_started_email_form input.c-input_text--with_inline_alert:not(:focus) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.p-get_started_email_form .c-button:focus, .p-get_started_email_form .c-input_text:focus, .p-get_started_email_form .c-link--button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-get_started_email_form .c-input_text:focus {
    border-color: transparent;
    -webkit-appearance: none
}

.p-get_started_email_form .c-input_text:focus:-moz-placeholder, .p-get_started_email_form .c-input_text:focus:-ms-input-placeholder, .p-get_started_email_form .c-input_text:focus::-moz-placeholder, .p-get_started_email_form .c-input_text:focus::-webkit-input-placeholder {
    color: #1e1d1e
}

.p-get_started_email_form__button {
    margin-bottom: 20px;
    width: 100%
}

.p-get_started_email_form__button.c-button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-get_started_signin {
    width: 400px
}

@media only screen and (max-width: 480px) {
    .p-get_started_signin {
        padding: 0 12px;
        width: 100%
    }
}

.p-get_started_signin__manual {
    display: flex;
    padding: 12px 24px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .05);
    border-radius: 8px
}

.p-get_started_signin__icon:before {
    font-size: 14px
}

.p-get_started_signin__workspaces_text {
    margin-top: 32px;
    font-weight: 700;
    text-align: center
}

.p-get_started_signin__workspaces {
    margin-left: auto;
    margin-right: auto
}

.p-get_started_signin__google_placeholder {
    display: flex;
    padding: 12px 24px;
    margin-bottom: 12px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    background-color: rgba(var(--sk_primary_foreground, 29, 28, 29), .05);
    border-radius: 8px;
    --saf-0: rgba(var(--sk_foreground_high, 29, 28, 29), 0.5);
    border: 1px solid var(--saf-0)
}

.p-get_started_signin__google_placeholder .p-get_started_signin__icon:before {
    font-size: 18px
}

.p-workspaces_list {
    margin-bottom: 40px
}

.p-workspaces_list .p-workspace_info__action {
    padding-right: 24px;
    transition: padding-right .2s
}

.p-workspaces_list .p-workspace_info__action .c-icon {
    width: 32px;
    height: 32px
}

.p-workspaces_list .p-workspace_info__action .c-icon:before {
    font-size: 32px;
    line-height: 32px
}

.p-workspaces_list > h3 {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 16px
}

.p-workspaces_list > .p-workspaces_list__panel {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: solid 1px var(--saf-0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    border-radius: 4px
}

.p-workspaces_list > .p-workspaces_list__panel .p-workspaces_list__panel_subtitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 55px;
    padding: 0 24px;
    border-bottom: solid 1px rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-workspaces_list.p-workspaces_list__hide_subtitle .p-workspaces_list__panel_subtitle {
    display: none
}

.p-workspaces_list__link {
    color: inherit;
    display: block;
    padding: 15px 24px 20px
}

.p-workspaces_list__link .p-workspaces_list__link_icon_text {
    display: none;
    font-size: 18px;
    line-height: 18px;
    margin-top: -2px
}

.p-workspaces_list__link:hover {
    background-color: #f8f8f8;
    color: inherit;
    text-decoration: none
}

.p-workspaces_list__link:hover .p-workspace_info__action {
    padding-right: 20px;
    color: #1264a3
}

.p-workspaces_list__link:hover .p-workspaces_list__link_icon_text {
    display: block
}

.p-workspaces_list__link:hover .avatar_stack .avatar {
    animation: workspace-people-bump .8s cubic-bezier(.455, .03, .515, .955) infinite;
    animation-delay: .8s
}

.p-workspaces_list__link:hover .avatar_stack .avatar:nth-child(2) {
    animation-delay: .85s
}

.p-workspaces_list__link:hover .avatar_stack .avatar:nth-child(3) {
    animation-delay: .9s
}

.p-workspaces_list__link:hover .avatar_stack .avatar:nth-child(4) {
    animation-delay: .95s
}

.p-workspaces_list__link:hover .avatar_stack .avatar:nth-child(5) {
    animation-delay: 1s
}

@keyframes workspace-people-bump {
    0%, 30%, to {
        transform: translateY(0)
    }
    10% {
        transform: translateY(-3px)
    }
}

.p-workspaces_list__checkbox_label {
    width: 100%;
    font-weight: 400
}

.p-workspaces_list__checkbox_label .c-label__text {
    padding: 0
}

.p-workspaces_list__checkbox_label.selected {
    background: rgba(29, 155, 209, .1)
}

.p-workspaces_list__checkbox {
    display: flex;
    align-items: center
}

.p-workspaces_list__checkbox > .p-workspace_info {
    flex: 1
}

.p-workspaces_list__invitations {
    margin-bottom: 40px
}

.p-workspaces_list__invitations .p-workspaces_list__invitations_panel--padded {
    padding: 20px 0 0 24px
}

.p-workspaces_list__invitations .p-workspaces_list__invitations_panel--padded:last-child {
    padding-bottom: 20px
}

.p-workspaces_list__invitations .p-workspace_info + .p-workspace_info {
    margin-top: 24px
}

.p-workspaces_list__invitations .p-workspace_info__action {
    padding-right: 24px
}

.p-workspaces_list__invites .p-workspace_info + .p-workspaces_list__invitation_details {
    margin-top: 20px
}

.p-workspaces_list__invitation_details {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 8px
}

.p-workspaces_list__invitation_details .c-icon {
    height: 13px;
    width: 13px;
    margin-right: 4px
}

.p-workspaces_list__invitation_details .c-icon:before {
    font-size: 13px;
    line-height: 18px
}

.p-workspaces_list__invitation_details .invited_by {
    font-weight: 700
}

.p-workspaces_list__invitation_details .members_from {
    display: none
}

.p-workspaces_list__invitation_join_button {
    color: #007a5a;
    border-color: #007a5a;
    padding: 8px;
    min-width: 50px
}

.p-workspaces_list__invitation_join_button:focus, .p-workspaces_list__invitation_join_button:hover, .p-workspaces_list__invitation_join_button:link, .p-workspaces_list__invitation_join_button:visited {
    color: #007a5a;
    border-color: #007a5a
}

.p-workspaces_list__invitation_join_button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-workspaces_list__joins .p-expanding_workspace_list__collapse, .p-workspaces_list__joins .p-expanding_workspace_list__expander {
    margin-bottom: 0;
    margin-left: 0
}

.p-workspaces_list__join_details {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 8px
}

.p-workspaces_list__join_details .c-icon {
    width: 13px;
    height: 13px;
    margin-right: 4px
}

.p-workspaces_list__join_details .c-icon:before {
    font-size: 13px;
    line-height: 18px
}

.p-workspaces_list__enterprise_subtitle_name {
    font-size: 18px;
    line-height: 1.33334;
    font-weight: 900
}

.p-expanding_workspace_list__collapse, .p-expanding_workspace_list__expander {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 15px;
    line-height: 22px;
    margin: 20px 0 20px 24px
}

.p-expanding_workspace_list__collapse:hover, .p-expanding_workspace_list__expander:hover {
    text-decoration: underline
}

.p-expanding_workspace_list__collapse:focus, .p-expanding_workspace_list__expander:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-expanding_workspace_list__collapse > .c-icon, .p-expanding_workspace_list__expander > .c-icon {
    height: 15px;
    width: 15px
}

.p-expanding_workspace_list__collapse > .c-icon:before, .p-expanding_workspace_list__expander > .c-icon:before {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 15px;
    line-height: 22px
}

.p-expanding_workspace_list__workspaces--no_toggle .p-workspaces_list__workspaces_list_divider:last-child {
    display: none
}

.p-workspaces_list__workspaces_list_divider {
    height: 0;
    margin: 0 0 0 24px
}

.p-workspaces_list__workspaces_list_divider--no-border {
    border-top: 0
}

.p-workspace_info {
    display: flex
}

.p-workspace_info__icon {
    width: 44px;
    height: 44px;
    border-radius: 5px;
    margin-right: 13px;
    margin-top: 5px
}

.p-workspace_info__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 100px
}

.p-workspace_info__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    height: 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p-workspace_info__title--tall {
    line-height: 50px;
    height: 50px
}

.p-workspace_info__enterprise_label {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 13px;
    height: 20px;
    line-height: 18px;
    margin-top: 2px
}

.p-workspace_info__members {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 20px;
    margin-top: 2px
}

.p-workspace_info__members .avatar_stack {
    display: flex;
    align-content: center
}

.p-workspace_info__members .avatar {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #fff;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap
}

.p-workspace_info__members .avatar:nth-child(5) {
    z-index: 1
}

.p-workspace_info__members .avatar:nth-child(4) {
    z-index: 2
}

.p-workspace_info__members .avatar:nth-child(3) {
    z-index: 3
}

.p-workspace_info__members .avatar:nth-child(2) {
    z-index: 4
}

.p-workspace_info__members .avatar:first-child {
    z-index: 5
}

.p-workspace_info__members .avatar:last-child {
    margin-right: 10px
}

.p-workspace_info__members .avatar:not(:first-child) {
    margin-left: -4px
}

.p-workspace_info__members .count {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-size: 13px;
    line-height: 18px
}

.p-workspace_info__action {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-enterprise_workspaces__auth {
    padding: 20px 96px 40px;
    text-align: center
}

.p-enterprise_workspaces__show_all {
    display: inline-block
}

.p-enterprise_workspaces__show_all:focus, .p-enterprise_workspaces__show_all:hover {
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7)
}

.p-enterprise_workspaces__checkbox {
    margin-bottom: 28px;
    padding: 16px 24px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1)
}

.p-enterprise_workspaces__checkbox .p-workspaces_list__enterprise_email {
    color: rgba(var(--sk_primary_foreground, 29, 28, 29), 1);
    font-weight: 700
}

.p-your_workspaces__no_spaces_container {
    margin-right: 40px;
    max-width: 340px
}

.p-your_workspaces__no_spaces_header {
    margin-bottom: 4px;
    font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -.25px;
    line-height: 38px
}

.p-your_workspaces__no_spaces_image {
    width: 180px;
    transform: scaleX(-1)
}

.p-get_started_landing_view {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    position: relative
}

.p-get_started_landing_view--loading {
    align-items: center;
    justify-content: center
}

.p-get_started_landing_view--loading .p-get_started_landing_view__page_spinner {
    margin-top: -52px
}

.p-get_started_landing_view__content_wrapper {
    margin: 0 auto;
    max-width: 700px
}

.p-get_started_landing_view__content_wrapper--invite {
    margin: 0 auto;
    max-width: 600px
}

.p-get_started_landing_view__top_half {
    background: rgba(244, 237, 228, .5);
    padding-top: 12px;
    padding-bottom: 48px
}

.p-get_started_landing_view__bottom_half {
    padding-top: 48px;
    position: relative;
    min-width: 0
}

.p-get_started_landing_view__bottom_half .p-get_started_landing_view__content_wrapper {
    max-width: 600px
}

.p-get_started_landing_view__title {
    font-size: 44px;
    line-height: 48px
}

.p-get_started_landing_view__title, .p-get_started_landing_view__title--invite {
    letter-spacing: -.25px;
    margin-bottom: 12px;
    padding-right: 24px;
    font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
    font-weight: 700
}

.p-get_started_landing_view__title--invite {
    font-size: 28px;
    line-height: 34px
}

.p-get_started_landing_view__subtitle {
    width: 80%;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
    flex-grow: 1
}

.p-get_started_landing_view__alert_error {
    max-width: 546px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px
}

.p-get_started_landing_view__alert_error .p-get_started_landing_view__alert_error_link {
    text-decoration: none;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-get_started_landing_view__alert_error .p-get_started_landing_view__alert_error_link:hover {
    text-decoration: underline
}

.p-get_started_landing_view__signed_in_email {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18px 20px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-radius: 4px;
    margin-bottom: 28px;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-get_started_landing_view__signed_in_email .signed-in-email {
    margin-left: 4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-weight: 700;
    max-width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.p-get_started_landing_view__change_email {
    margin-left: auto;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    padding-right: 8px
}

.p-get_started_landing_view__illustration {
    flex-shrink: 0;
    width: 250px
}

.p-get_started_landing_view__illustration g {
    opacity: 0
}

.p-get_started_landing_view__illustration--animation-ready .avatar_one {
    animation: create-hero-illo__avatar-entrance .3s ease-out forwards
}

.p-get_started_landing_view__illustration--animation-ready .message_one {
    animation: create-hero-illo__message-entrance .3s ease-out forwards;
    animation-delay: .1s;
    transform-origin: 50% 20%
}

.p-get_started_landing_view__illustration--animation-ready .avatar_two {
    animation: create-hero-illo__avatar-entrance .3s ease-out forwards;
    animation-delay: .25s;
    transform-origin: 100% 50%
}

.p-get_started_landing_view__illustration--animation-ready .avatar_three {
    animation: create-hero-illo__avatar-entrance .3s ease-out forwards;
    animation-delay: .35s;
    transform-origin: 0 100%
}

.p-get_started_landing_view__illustration--animation-ready .message_two {
    animation: create-hero-illo__message-entrance .3s ease-out forwards;
    animation-delay: .45s;
    transform-origin: 40% 80%
}

.p-get_started_landing_view__illustration--animation-ready .message_two_reactions {
    opacity: 0;
    animation: create-hero-illo__message-entrance .3s ease-out forwards;
    animation-delay: .9s;
    transform-origin: 75% 95%
}

.p-get_started_landing_view__button {
    height: 44px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-bottom: 16px;
    color: #fff;
    background-color: #611f69;
    border: none
}

.p-get_started_landing_view__button:active, .p-get_started_landing_view__button:hover {
    background-color: rgba(97, 31, 105, .9);
    border: none
}

.p-get_started_landing_view__button[disabled] {
    background-color: rgba(97, 31, 105, .5);
    color: #fff
}

.p-get_started_landing_view__button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-get_started_landing_view__button .arrow-right {
    margin-left: 2px
}

.p-get_started_landing_view__button--has-error.c-button--disabled {
    background-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-get_started_creator_landing__ts_and_cs {
    width: 75%;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-get_started_creator_landing__email_misc_field {
    margin-bottom: 10px
}

.p-get_started_creator_landing__email_misc_field .c-label, .p-get_started_creator_landing__email_misc_field .c-legend {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700
}

.p-get_started_creator_landing__email_misc_field .email_misc_label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-get_started_creator_landing__workspaces {
    margin: 0 auto;
    max-width: 600px
}

.p-get_started_creator_landing__workspaces_title {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 16px
}

.p-get_started_creator_landing__workspaces_loading_spinner {
    margin: 24px auto
}

.p-get_started_creator_landing__workspaces_or_divider_container {
    position: absolute;
    top: -35px;
    left: calc(50% - 35px)
}

.p-get_started_creator_landing__workspaces_or_divider {
    background-color: #fff;
    border-radius: 100%;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-weight: 700;
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-get_started_creator_landing__try_different_email {
    align-items: center;
    background: #f8f8f8;
    border-radius: 12px;
    display: flex;
    font-size: 15px;
    line-height: 22px;
    min-width: 0;
    padding: 24px
}

.p-get_started_creator_landing__try_different_email > .text {
    flex-grow: 1
}

.p-get_started_creator_landing__try_different_email > .text > .c-icon {
    width: 15px;
    height: 15px;
    margin-right: 4px
}

.p-get_started_creator_landing__try_different_email > .text > .c-icon:before {
    font-size: 15px
}

.p-get_started_creator_landing__try_different_email .c-button {
    min-width: auto;
    margin-left: 16px
}

.p-get_started_creator_landing__try_different_email .c-button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

@media only screen and (max-width: 700px) {
    .p-get_started_landing_view__content_wrapper, .p-get_started_landing_view__content_wrapper--invite {
        padding: 0 24px
    }

    .p-get_started_landing_view__illustration {
        display: none
    }

    .p-get_started_landing_view__subtitle {
        width: 100%
    }

    .p-get_started_creator_landing__ts_and_cs {
        width: 90%
    }
}

@media only screen and (max-width: 600px) {
    .p-get_started_landing_view__content_wrapper--invite {
        padding: 0 24px
    }
}

.p-creator_signup_form {
    max-width: 400px;
    width: 100%
}

.p-creator_signup_form input.c-input_text--with_inline_alert:not(:focus) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.p-creator_signup_form__input {
    position: relative
}

.p-creator_signup_form__input .c-input_text {
    padding-right: 40px !important
}

.p-creator_signup_form__input_icon {
    position: absolute;
    top: 13px;
    right: 12px;
    color: #1264a3;
    font-size: 20px;
    line-height: 20px
}

.p-creator_signup_form__password_input:not(.c-input_text--with_error) {
    margin-bottom: 8px !important
}

.p-creator_signup_google_form {
    width: 100%;
    max-width: 400px
}

.p-creator_signup_google_form .p-google_form {
    margin-top: 0
}

.creator_signup_form__ts_and_cs, .creator_signup_form__ts_and_cs .creator_signup_form__ts_and_cs_link {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-creator_signup_form__social_nudge {
    padding: 10px 32px 8px 12px;
    margin-bottom: 18px;
    border-radius: 4px;
    background: linear-gradient(0deg, rgba(242, 199, 68, .35), rgba(242, 199, 68, .35)), #fff;
    position: relative
}

.p-creator_signup_form__social_nudge:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    bottom: 100%;
    left: 26px;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
    border-bottom-color: rgba(242, 199, 68, .35)
}

.p-creator_signup_form__sign_in_existing_workspaces {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.p-creator_signup_form__sign_in_existing_workspaces .p-creator_signup_form__already_using_slack {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    margin-bottom: 1px
}

.p-create_workspace_banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 20px 24px 20px 16px;
    background-color: rgba(244, 237, 228, .5);
    border-radius: 12px
}

.p-create_workspace_banner__image {
    width: 42px;
    margin-right: 8px
}

.p-create_workspace_banner__button {
    min-width: unset
}

.p-multi_select_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.p-multi_select_heading__text {
    font-size: 18px;
    line-height: 1.50001;
    font-weight: 400;
    margin-bottom: 0;
    font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
    font-weight: 700
}

.p-workspaces_view__your_workspaces {
    margin-top: 8px
}

.p-workspaces_view__heading {
    margin-bottom: 0;
    font-size: 32px;
    letter-spacing: -.25px;
    line-height: 38px
}

.p-workspaces_view__heading--aubergine {
    color: #4a154b
}

.p-workspaces_view__subheading {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    line-height: 22px
}

.p-workspaces_view__different_email {
    text-align: center
}

.p-workspaces_view__container {
    width: 600px;
    max-width: 600px
}

@media only screen and (max-width: 640px) {
    .p-workspaces_view__container {
        padding: 0 12px;
        width: 100%;
        max-width: unset
    }
}

.p-select_workspaces_view__one_workspace {
    padding: 28px 24px 32px 20px;
    margin-bottom: 32px;
    width: 534px;
    --saf-0: rgba(var(--sk_primary_foreground, 29, 28, 29), 0.2);
    border: 1px solid var(--saf-0);
    border-radius: 8px
}

.p-select_workspaces_view__multi_select {
    width: 600px;
    max-width: 600px
}

@media only screen and (max-width: 640px) {
    .p-select_workspaces_view__multi_select {
        padding: 0 12px;
        width: 100%;
        max-width: unset
    }
}

.p-confirmed_email_pill {
    height: 32px;
    display: flex;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-radius: 50px;
    font-size: 13px;
    line-height: 32px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    padding-left: 16px;
    padding-right: 16px;
    max-width: 330px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.p-confirmed_email_pill .email {
    margin-left: 1.6px;
    margin-right: 4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-weight: 700;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.p-confirmed_email_pill__change_email {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-get_started_app__apple_form {
    margin: 0 auto;
    width: 400px;
    max-width: 400px
}

@media only screen and (max-width: 480px) {
    .p-get_started_app__apple_form {
        padding: 0 12px;
        width: 100%;
        max-width: unset
    }
}

.p-shared_invite_workspaces_list__title {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 1.36365;
    font-weight: 900
}

.p-shared_invite_workspaces_list__container {
    margin-bottom: 32px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: solid 1px var(--saf-0);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    border-radius: 4px;
    display: flex;
    flex-direction: column
}

.p-shared_invite_workspaces_list__continue_button {
    flex-grow: 1;
    margin: 0 16px 16px 16px
}

.p-shared_invite_workspaces_list__continue_button, .p-shared_invite_workspaces_list__continue_button:hover {
    background: #4a154b;
    color: rgba(var(--sk_inverted_foreground, 255, 255, 255), 1)
}

.p-shared_invite_workspaces_list__group_container {
    border-top: solid 1px rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    margin-bottom: 16px
}

.p-shared_invite_workspaces_list__group_container:first-child {
    border-top: none
}

.p-shared_invite_workspaces_list__group_container:last-child {
    margin-bottom: 0
}

.p-shared_invite_workspaces_list__group_header {
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    font-weight: 700;
    padding: 8px 0 8px 16px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-bottom: solid 1px rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)
}

.p-shared_invite_workspaces_list__group_show_more {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    padding: 8px 12px 8px 16px;
    display: flex;
    flex-direction: row;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-shared_invite_workspaces_list__team_container {
    padding: 16px 4px 16px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.p-shared_invite_workspaces_list__team_container--eligible:hover {
    background: rgba(29, 155, 209, .15)
}

.p-shared_invite_workspaces_list__team_container--ineligible {
    padding-right: 16px;
    background: rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)
}

.p-shared_invite_workspaces_list__team_container--ineligible:hover {
    background: rgba(var(--sk_foreground_high_solid, 134, 134, 134), .15)
}

.p-shared_invite_workspaces_list__team_container--ineligible .p-shared_invite_workspaces_list__team_name {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-shared_invite_workspaces_list__team_container--selected {
    background: rgba(29, 155, 209, .1)
}

.p-shared_invite_workspaces_list__team_icon {
    flex: 0
}

.p-shared_invite_workspaces_list__team_name {
    flex: 1;
    margin-left: 12px;
    font-weight: 700
}

.p-shared_invite_workspaces_list__team_radio {
    height: 16px;
    width: 20px
}

.p-shared_invite_workspaces_list__team_ineligibility_icon {
    flex: 0
}

.p-shared_invite_workspaces_list__alert_container {
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: solid 1px var(--saf-0);
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 48px 16px 20px
}

.p-shared_invite_workspaces_list__alert_icon {
    font-size: 30px;
    color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-shared_invite_workspaces_list__alert_text {
    font-size: 13px;
    line-height: 18px;
    margin-left: 16px
}

.p-shared_invite_landing_view {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    position: relative
}

.p-shared_invite_header_container {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04)
}

.p-shared_invite_landing_view--loading {
    align-items: center;
    justify-content: center
}

.p-shared_invite_landing_view--loading .p-shared_invite_landing_view__page_spinner {
    margin-top: -52px
}

.p-shared_invite_landing_view__content_wrapper {
    margin: 0 auto;
    max-width: 600px
}

.p-shared_invite_landing_view__top_half {
    background: rgba(244, 237, 228, .5);
    padding-bottom: 48px
}

.p-shared_invite_landing_view__bottom_half {
    padding-top: 48px;
    position: relative;
    min-width: 0
}

.p-shared_invite_landing_view__bottom_half .p-shared_invite_landing_view__content_wrapper {
    max-width: 600px
}

.p-shared_invite_landing_view__title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -.25px;
    margin-bottom: 12px;
    padding-right: 24px;
    font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
    font-weight: 700
}

.p-shared_invite_landing_view__subtitle {
    width: 80%;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
    flex-grow: 1
}

.p-shared_invite_landing_view__alert_error {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px
}

.p-shared_invite_landing_view__alert_error .p-shared_invite_landing_view__alert_error_link {
    text-decoration: none;
    color: rgba(var(--sk_highlight, 18, 100, 163), 1)
}

.p-shared_invite_landing_view__alert_error .p-shared_invite_landing_view__alert_error_link:hover {
    text-decoration: underline
}

.p-shared_invite_landing_view__signed_in_email {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18px 20px;
    background: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    border-radius: 4px;
    margin-bottom: 28px;
    font-size: 15px;
    line-height: 1.46668;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-shared_invite_landing_view__signed_in_email .signed-in-email {
    margin-left: 4px;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-weight: 700;
    max-width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.p-shared_invite_landing_view__change_email {
    margin-left: auto;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    padding-right: 8px
}

.p-shared_invite_landing_view__illustration {
    flex-shrink: 0;
    width: 250px
}

.p-shared_invite_landing_view__illustration g {
    opacity: 0
}

.p-shared_invite_landing_view__illustration--animation-ready .avatar_one {
    animation: create-hero-illo__avatar-entrance .3s ease-out forwards
}

.p-shared_invite_landing_view__illustration--animation-ready .message_one {
    animation: create-hero-illo__message-entrance .3s ease-out forwards;
    animation-delay: .1s;
    transform-origin: 50% 20%
}

.p-shared_invite_landing_view__illustration--animation-ready .avatar_two {
    animation: create-hero-illo__avatar-entrance .3s ease-out forwards;
    animation-delay: .25s;
    transform-origin: 100% 50%
}

.p-shared_invite_landing_view__illustration--animation-ready .avatar_three {
    animation: create-hero-illo__avatar-entrance .3s ease-out forwards;
    animation-delay: .35s;
    transform-origin: 0 100%
}

.p-shared_invite_landing_view__illustration--animation-ready .message_two {
    animation: create-hero-illo__message-entrance .3s ease-out forwards;
    animation-delay: .45s;
    transform-origin: 40% 80%
}

.p-shared_invite_landing_view__illustration--animation-ready .message_two_reactions {
    opacity: 0;
    animation: create-hero-illo__message-entrance .3s ease-out forwards;
    animation-delay: .9s;
    transform-origin: 75% 95%
}

@keyframes create-hero-illo__avatar-entrance {
    0% {
        opacity: 0;
        transform: scale(.95)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes create-hero-illo__message-entrance {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.p-shared_invite_landing_view__button {
    height: 44px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-bottom: 16px;
    color: #fff;
    background-color: #611f69;
    border: none
}

.p-shared_invite_landing_view__button:active, .p-shared_invite_landing_view__button:hover {
    background-color: rgba(97, 31, 105, .9);
    border: none
}

.p-shared_invite_landing_view__button[disabled] {
    background-color: rgba(97, 31, 105, .5);
    color: #fff
}

.p-shared_invite_landing_view__button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-shared_invite_landing_view__button .arrow-right {
    margin-left: 2px
}

.p-shared_invite_landing_view__button--has-error.c-button--disabled {
    background-color: rgba(var(--sk_foreground_high_solid, 134, 134, 134), 1)
}

.p-shared_invite_landing_view__create_team_container {
    border-bottom: solid 1px rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    margin-bottom: 16px
}

.p-shared_invite_landing_view__different_team {
    margin-right: 4px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-shared_invite_landing_view__ts_and_cs {
    width: 75%;
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400
}

.p-shared_invite_landing_view__email_misc_field {
    margin-bottom: 10px
}

.p-shared_invite_landing_view__email_misc_field .c-label, .p-shared_invite_landing_view__email_misc_field .c-legend {
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    font-weight: 700
}

.p-shared_invite_landing_view__email_misc_field .email_misc_label {
    font-size: 13px;
    line-height: 1.38463;
    font-weight: 400;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1)
}

.p-shared_invite_landing_view__workspaces {
    margin: 0 auto;
    max-width: 600px
}

.p-shared_invite_landing_view__workspaces_title {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 16px
}

.p-shared_invite_landing_view__workspaces_loading_spinner {
    margin: 24px auto
}

.p-shared_invite_landing_view__workspaces_or_divider_container {
    position: absolute;
    top: -35px;
    left: calc(50% - 35px)
}

.p-shared_invite_landing_view__workspaces_or_divider {
    background-color: #fff;
    border-radius: 100%;
    color: rgba(var(--sk_foreground_max, 29, 28, 29), .7);
    font-weight: 700;
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-shared_invite_landing_view__try_different_email {
    align-items: center;
    background: #f8f8f8;
    border-radius: 12px;
    display: flex;
    font-size: 15px;
    line-height: 22px;
    min-width: 0;
    padding: 24px
}

.p-shared_invite_landing_view__try_different_email > .text {
    flex-grow: 1
}

.p-shared_invite_landing_view__try_different_email > .text > .c-icon {
    width: 15px;
    height: 15px;
    margin-right: 4px
}

.p-shared_invite_landing_view__try_different_email > .text > .c-icon:before {
    font-size: 15px
}

.p-shared_invite_landing_view__try_different_email .c-button {
    min-width: auto;
    margin-left: 16px
}

.p-shared_invite_landing_view__try_different_email .c-button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-creator_workspaces__no_workspaces {
    padding: 40px 24px 48px;
    --saf-0: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
    border: 1px solid var(--saf-0);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.p-creator_workspaces__no_workspaces_text {
    text-align: center;
    margin-bottom: 20px;
    color: rgba(var(--sk_foreground_max_solid, 97, 96, 97), 1);
    max-width: 400px
}

.p-creator_workspaces__no_workspaces_text .p-creator_workspace__no_workspaces_text_large {
    font-size: 18px;
    line-height: 1.50001;
    font-weight: 400;
    font-weight: 900;
    opacity: .9
}

.p-creator_workspaces__no_workspaces_button:focus {
    --saf-0: rgba(var(--sk_highlight, 18, 100, 163), 1);
    box-shadow: 0 0 0 1px var(--saf-0), 0 0 0 5px rgba(29, 155, 209, .3);
    border-radius: 4px
}

.p-workspaces_list__invitations h3 {
    text-align: left
}

@media only screen and (max-width: 700px) {
    .p-shared_invite_landing_view__content_wrapper {
        padding: 0 24px
    }

    .p-shared_invite_landing_view__illustration {
        display: none
    }

    .p-shared_invite_landing_view__subtitle {
        width: 100%
    }

    .p-shared_invite_landing_view__ts_and_cs {
        width: 90%
    }
}

@media only screen and (max-width: 600px) {
    .p-shared_invite_landing_view__content_wrapper {
        padding: 0 24px
    }
}

html {
    height: 100%
}

.get-started-app-root {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-color: rgba(var(--sk_primary_background, 255, 255, 255), 1); */
    min-height: 100%
}

.p-get-started-app__form_container {
    min-width: 376px
}

.p-get-started-app__spinner_container {
    margin-bottom: 60px;
    display: flex;
    flex-grow: 1;
    align-items: center
}

.p-get_started_app__view_header {
    font-family: Slack-Larsseit, Helvetica Neue, Helvetica, Segoe UI, Tahoma, Arial, sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 56px;
    margin-bottom: 4px;
    max-width: 700px;
    text-align: center
}

.p-get_started_app__view_sub_header {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 28px;
    color: #454245;
    max-width: 700px;
    text-align: center
}

.p-get-started-app__accept_app_view_container {
    background-color: rgba(var(--sk_foreground_min, 29, 28, 29), .04);
    height: 100%;
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 24px
}

.p-get-started-app__accept_app_footer {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 24px
}

.p-get_started_aubergine_button {
    color: #fff;
    background-color: #4a154b;
    border: none
}

.p-get_started_aubergine_button:active, .p-get_started_aubergine_button:hover {
    background-color: rgba(74, 21, 75, .9);
    border: none
}

.p-get_started_aubergine_button[disabled] {
    background-color: rgba(74, 21, 75, .5);
    color: #fff
}

.p-get_started_aubergine_button--bright {
    color: #fff;
    background-color: #611f69;
    border: none
}

.p-get_started_aubergine_button--bright:active, .p-get_started_aubergine_button--bright:hover {
    background-color: rgba(97, 31, 105, .9);
    border: none
}

.p-get_started_aubergine_button--bright[disabled] {
    background-color: rgba(97, 31, 105, .5);
    color: #fff
}

.p-get_started_aubergine_outline_button {
    color: #4a154b;
    background-color: #fff
}

.p-get_started_aubergine_outline_button--bright {
    color: #611f69;
    background-color: #fff
}
