|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:normal; |
|
font-weight:300; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-light-0b50f74.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-light-1475c14.woff) format("woff"); |
|
unicode-range:u+0000-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:normal; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-regular-d9ce515.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-regular-ea6d1e4.woff) format("woff"); |
|
unicode-range:u+0000-2157,u+2159-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:normal; |
|
font-weight:700; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-bold-4b1dc11.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-bold-a532381.woff) format("woff"); |
|
unicode-range:u+0000-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:normal; |
|
font-weight:900; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-black-b64f5e4.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-black-8857ce8.woff) format("woff"); |
|
unicode-range:u+0000-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:italic; |
|
font-weight:300; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-italic-light-c593311.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-italic-light-354fb58.woff) format("woff"); |
|
unicode-range:u+0000-2259,u+2261-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:italic; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-italic-5bbcd6c.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-italic-d5261ac.woff) format("woff"); |
|
unicode-range:u+0000-2259,u+2261-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:italic; |
|
font-weight:700; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-italic-bold-99def7d.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-italic-bold-2187a11.woff) format("woff"); |
|
unicode-range:u+0000-2259,u+2261-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:italic; |
|
font-weight:900; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-italic-black-04aca50.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-italic-black-23c1971.woff) format("woff"); |
|
unicode-range:u+0000-2259,u+2261-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Lato; |
|
font-style:normal; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-latin-latin-ext-7e33836.woff2) format("woff2"); |
|
unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff; |
|
} |
|
@font-face { |
|
font-family:Lato; |
|
font-style:normal; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-latin-latin-ext-7e33836.woff2) format("woff2"); |
|
unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd; |
|
} |
|
@font-face { |
|
font-family:Slack-Fractions; |
|
font-style:normal; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/Slack-Fractions-131f29b.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/Slack-Fractions-7f054d9.woff) format("woff"),url(https://a.slack-edge.com/bv1-10/Slack-Fractions-6e20026.otf) format("opentype"); |
|
unicode-range:u+2158; |
|
} |
|
@font-face { |
|
font-family:Slack v2; |
|
font-style:normal; |
|
font-weight:400; |
|
src:url(https://a.slack-edge.com/bv1-10/slack-icons-v2-fe043a5.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/slack-icons-v2-f1c27d6.woff) format("woff"); |
|
} |
|
@font-face { |
|
font-family:appleLogo; |
|
src:local("Lucida Grande"); |
|
unicode-range:u+f8ff; |
|
} |
|
body { |
|
/* CSS Variables that may have been missed get put on body */ |
|
--saf-0: rgba(var(--sk_foreground_low_solid,221,221,221),1); |
|
--sk_primary_foreground: 209,210,211; |
|
--sk_primary_background: 26,29,33; |
|
--sk_foreground_max: 232,232,232; |
|
--sk_foreground_high: 232,232,232; |
|
--sk_foreground_low: 232,232,232; |
|
--sk_foreground_min: 232,232,232; |
|
--sk_foreground_max_solid: 171,171,173; |
|
--sk_foreground_low_solid: 53,55,59; |
|
--sk_foreground_min_solid: 34,37,41; |
|
--sk_highlight: 29,155,209; |
|
--sk_highlight_hover: 64,179,228; |
|
--sk_highlight_accent: 29,155,209; |
|
--sk_primary_foreground: 209,210,211; |
|
--sk_primary_background: 26,29,33; |
|
--sk_foreground_max: 232,232,232; |
|
--sk_foreground_high: 232,232,232; |
|
--sk_foreground_low: 232,232,232; |
|
--sk_foreground_min: 232,232,232; |
|
--sk_foreground_max_solid: 171,171,173; |
|
--sk_foreground_low_solid: 53,55,59; |
|
--sk_foreground_min_solid: 34,37,41; |
|
--sk_highlight: 29,155,209; |
|
--sk_highlight_hover: 64,179,228; |
|
--sk_highlight_accent: 29,155,209; |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
} |
|
|
|
* { |
|
box-sizing: inherit; |
|
} |
|
|
|
.c-scrollbar__hider { |
|
bottom: 0; |
|
height: 100%; |
|
left: 0; |
|
outline: none; |
|
overflow-x: hidden; |
|
overflow-y: scroll; |
|
position: absolute; |
|
right: -50px; |
|
top: 0; |
|
transform: translateZ(0); |
|
} |
|
|
|
.p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider { |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
z-index: 200; |
|
} |
|
|
|
.c-scrollbar { |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
|
|
.c-virtual_list { |
|
overflow-x: hidden; |
|
overflow-y: scroll; |
|
position: relative; |
|
} |
|
|
|
.c-virtual_list--scrollbar { |
|
overflow: hidden; |
|
} |
|
|
|
.p-message_pane { |
|
height: 100%; |
|
overflow: hidden; |
|
padding-left: 1px; |
|
position: absolute; |
|
width: 100%; |
|
} |
|
|
|
.p-message_pane--classic-nav { |
|
bottom: 0; |
|
height: auto; |
|
padding-left: 0; |
|
top: -8px; |
|
} |
|
|
|
.p-workspace__primary_view_body { |
|
--saf-0: rgba(var(--sk_foreground_low_solid,221,221,221),1); |
|
box-shadow: 1px 0 var(--saf-0) inset; |
|
flex: 1; |
|
min-height: 0; |
|
position: relative; |
|
} |
|
|
|
.p-workspace-layout .p-workspace__primary_view_body { |
|
box-shadow: none; |
|
} |
|
|
|
.p-file_drag_drop__container { |
|
display: flex; |
|
flex: 1; |
|
flex-direction: column; |
|
min-height: 0; |
|
position: relative; |
|
} |
|
|
|
.p-workspace__primary_view_contents { |
|
display: flex; |
|
flex-direction: column; |
|
grid-area: p-workspace__primary_view_contents; |
|
min-height: 0; |
|
min-width: 0; |
|
position: relative; |
|
} |
|
|
|
.p-workspace__primary_view { |
|
display: grid; |
|
grid-area: p-workspace__primary_view; |
|
grid-template-areas: "p-workspace__primary_view_header" "p-workspace__primary_view_contents"; |
|
grid-template-columns: auto; |
|
grid-template-rows: 36px auto; |
|
max-height: calc(100vh - 44px); |
|
min-height: 0; |
|
min-width: 0; |
|
position: relative; |
|
} |
|
|
|
.p-workspace-layout .p-workspace__primary_view { |
|
grid-template-areas: "p-workspace__primary_view_contents"; |
|
grid-template-rows: auto; |
|
} |
|
|
|
.p-workspace-layout { |
|
display: grid; |
|
grid-template-rows: 44px auto; |
|
overflow: visible; |
|
position: relative; |
|
grid-template-columns: 260px auto; |
|
grid-template-areas: 'p-top_nav p-top_nav' 'p-workspace__sidebar p-workspace__primary_view'; |
|
} |
|
|
|
.p-client { |
|
display: grid; |
|
overflow: hidden; |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
grid-template-areas: "p-client__workspace" "p-client__banners"; |
|
grid-template-columns: auto; |
|
grid-template-rows: auto min-content; |
|
height: 100vh; |
|
width: 100vw; |
|
} |
|
|
|
body { |
|
margin: 0; |
|
padding: 0; |
|
box-sizing: border-box; |
|
width: 100%; |
|
-moz-osx-font-smoothing: grayscale; |
|
-webkit-font-smoothing: antialiased; |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
font-size: 15px; |
|
font-variant-ligatures: common-ligatures; |
|
font-weight: 400; |
|
line-height: 1.46668; |
|
overflow: hidden; |
|
} |
|
|
|
.sk-client-theme--dark { |
|
--sk_primary_foreground: 209,210,211; |
|
--sk_primary_background: 26,29,33; |
|
--sk_foreground_max: 232,232,232; |
|
--sk_foreground_high: 232,232,232; |
|
--sk_foreground_low: 232,232,232; |
|
--sk_foreground_min: 232,232,232; |
|
--sk_foreground_max_solid: 171,171,173; |
|
--sk_foreground_low_solid: 53,55,59; |
|
--sk_foreground_min_solid: 34,37,41; |
|
--sk_highlight: 29,155,209; |
|
--sk_highlight_hover: 64,179,228; |
|
--sk_highlight_accent: 29,155,209; |
|
color-scheme: dark; |
|
} |
|
|
|
[lang] body { |
|
font-family: Slack-Lato,Slack-Fractions,appleLogo,sans-serif; |
|
} |
|
|
|
html { |
|
box-sizing: border-box; |
|
width: 100%; |
|
overflow: hidden; |
|
} |
|
|
|
*,:after,:before { |
|
box-sizing: inherit; |
|
} |
|
|
|
.sk-client-theme--dark ::selection { |
|
background-color: #d1d2d380; |
|
color: #fff; |
|
} |
|
|
|
.c-virtual_list__sticky_container { |
|
position: absolute; |
|
width: 100%; |
|
} |
|
|
|
.c-virtual_list__sticky_container { |
|
padding-bottom: 24px; |
|
} |
|
|
|
.c-virtual_list__item { |
|
/* position: absolute; */ |
|
height: 100%; |
|
width: 100%; |
|
} |
|
|
|
.c-virtual_list__item--sticky { |
|
position: sticky; |
|
} |
|
|
|
.c-virtual_list__item--sticky-animated { |
|
transition: top .2s linear; |
|
will-change: top; |
|
} |
|
|
|
.c-message_kit__background { |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
} |
|
|
|
.c-message_kit__message { |
|
word-wrap: break-word; |
|
-webkit-user-select: text; |
|
user-select: text; |
|
} |
|
|
|
[lang] .c-message_kit__message { |
|
font-size: 15px; |
|
line-height: 1.46668; |
|
} |
|
|
|
.c-message_list__day_divider { |
|
padding: 28px 0; |
|
position: relative; |
|
-webkit-user-select: text; |
|
user-select: text; |
|
} |
|
|
|
.c-message_list__day_divider { |
|
background: #0000; |
|
padding: 20px 0; |
|
} |
|
|
|
.c-message_list__day_divider__label { |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
cursor: default; |
|
display: block; |
|
font-weight: 700; |
|
height: .1px; |
|
position: relative; |
|
text-align: center; |
|
top: 14px; |
|
-webkit-user-select: none; |
|
user-select: none; |
|
} |
|
|
|
[lang] .c-message_list__day_divider__label { |
|
font-size: 14px; |
|
} |
|
|
|
.c-message_list__day_divider__label { |
|
height: 9px; |
|
pointer-events: none; |
|
} |
|
|
|
.c-message_list__day_divider__line { |
|
border-bottom: 0; |
|
border-top: 1px solid rgba(var(--sk_foreground_low_solid,221,221,221),1); |
|
left: 0; |
|
margin: 0 0 -1px; |
|
position: relative; |
|
right: 0; |
|
top: -1px; |
|
} |
|
|
|
button { |
|
background-color: initial; |
|
border-width: 0; |
|
cursor: pointer; |
|
padding: 0; |
|
font-family: inherit; |
|
} |
|
|
|
.c-button-unstyled { |
|
background: none; |
|
border: 0; |
|
color: inherit; |
|
cursor: pointer; |
|
font: inherit; |
|
line-height: inherit; |
|
margin: 0; |
|
overflow: initial; |
|
padding: 0; |
|
text-align: initial; |
|
vertical-align: initial; |
|
} |
|
|
|
.c-message_list__day_divider__label__pill { |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
border-radius: 24px; |
|
display: inline-block; |
|
padding: .25rem .75rem; |
|
position: relative; |
|
z-index: 201; |
|
} |
|
|
|
.c-message_list__day_divider__label__pill { |
|
--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 #00000014; |
|
font-size: 13px; |
|
height: 28px; |
|
line-height: 27px; |
|
padding: 0 16px; |
|
pointer-events: all; |
|
z-index: 2; |
|
} |
|
|
|
.c-message_list__day_divider__label--jump_to_date .c-message_list__day_divider__label__pill { |
|
padding-right: 8px; |
|
} |
|
|
|
.c-button-unstyled:active,.c-button-unstyled:hover { |
|
outline: none; |
|
} |
|
|
|
.margin_left_25 { |
|
margin-left: 4px; |
|
} |
|
|
|
.c-message_kit__gutter { |
|
display: flex; |
|
} |
|
|
|
.p-message_pane_message__message .c-message_kit__gutter { |
|
padding: 8px 20px; |
|
} |
|
|
|
[data-mmo] { |
|
display: block; |
|
flex-shrink: 0; |
|
font-size: var(--s,inherit); |
|
height: 1em; |
|
-webkit-print-color-adjust: exact; |
|
print-color-adjust: exact; |
|
width: 1em; |
|
} |
|
|
|
.is-inline { |
|
display: inline-block; |
|
vertical-align: -.125em; |
|
} |
|
|
|
.c-message_kit__gutter__left { |
|
display: flex; |
|
flex-shrink: 0; |
|
margin-right: 8px; |
|
} |
|
|
|
.c-message_kit__gutter__right { |
|
flex: 1 1 0; |
|
margin: -12px -8px -16px -16px; |
|
min-width: 0; |
|
padding: 8px 8px 8px 16px; |
|
} |
|
|
|
.p-member_profile_hover_card { |
|
display: inline-flex; |
|
height: -moz-fit-content; |
|
height: fit-content; |
|
width: -moz-fit-content; |
|
width: fit-content; |
|
} |
|
|
|
.c-message__sender { |
|
font-weight: 900; |
|
word-break: break-word; |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.c-message_kit__sender { |
|
font-weight: 900; |
|
} |
|
|
|
a { |
|
color: rgba(var(--sk_highlight,18,100,163),1); |
|
text-decoration: none; |
|
} |
|
|
|
.c-timestamp { |
|
font-size: 12px; |
|
} |
|
|
|
.c-timestamp,.c-timestamp:link { |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
} |
|
|
|
a:active,a:hover { |
|
color: rgba(var(--sk_highlight_hover,11,76,140),1); |
|
text-decoration: underline; |
|
} |
|
|
|
.c-timestamp,.c-timestamp:hover,.c-timestamp:link { |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
} |
|
|
|
.c-message_kit__blocks { |
|
max-width: 600px; |
|
} |
|
|
|
.c-message_kit__blocks--rich_text { |
|
margin-bottom: 4px; |
|
max-width: none; |
|
} |
|
|
|
.p-message_pane_message__compact_timestamp { |
|
margin: -4px 0; |
|
text-align: right; |
|
width: 56px; |
|
} |
|
|
|
.p-message_pane_message__compact_timestamp--light { |
|
margin-left: -20px; |
|
width: 56px; |
|
} |
|
|
|
.p-message_pane_message__compact_timestamp--adjacent { |
|
opacity: 0; |
|
} |
|
|
|
.c-message_kit__reaction_bar { |
|
margin-bottom: 4px; |
|
} |
|
|
|
.c-message__reply_bar { |
|
display: flex; |
|
align-items: center; |
|
border: 1px solid #0000; |
|
border-radius: 6px; |
|
cursor: pointer; |
|
font-size: 13px; |
|
height: 34px; |
|
max-width: 600px; |
|
overflow: hidden; |
|
padding: 4px; |
|
margin: 4px 0 -2px -5px; |
|
} |
|
|
|
.c-message_kit__thread_replies.c-message__reply_bar { |
|
margin-bottom: 4px; |
|
margin-top: -4px; |
|
} |
|
|
|
.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-avatar { |
|
cursor: default; |
|
display: inline-block; |
|
outline: none; |
|
position: relative; |
|
} |
|
|
|
.c-avatar--interactive { |
|
cursor: pointer; |
|
} |
|
|
|
.c-message_kit__avatar { |
|
flex-shrink: 0; |
|
} |
|
|
|
.c-custom_status { |
|
margin-left: 8px; |
|
} |
|
|
|
.c-message__sender .c-custom_status { |
|
margin-left: 4px; |
|
} |
|
|
|
.c-timestamp__label { |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
} |
|
|
|
.c-message__message_blocks { |
|
max-width: 600px; |
|
} |
|
|
|
.c-message__message_blocks--rich_text { |
|
word-wrap: break-word; |
|
max-width: none; |
|
} |
|
|
|
.c-reaction { |
|
align-items: center; |
|
background: rgba(var(--sk_foreground_min,29,28,29),.04); |
|
border: none; |
|
border-radius: 12px; |
|
display: inline-flex; |
|
font-size: 11px; |
|
line-height: 16px; |
|
margin-bottom: 5px; |
|
margin-right: 5px; |
|
padding: 4px 6px; |
|
vertical-align: top; |
|
} |
|
|
|
.c-message_kit__reaction_bar .c-reaction { |
|
margin-bottom: 4px; |
|
margin-right: 4px; |
|
} |
|
|
|
.c-reaction:hover { |
|
cursor: pointer; |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
box-shadow: inset 0 0 0 1px var(--saf-0); |
|
} |
|
|
|
.c-reaction_add { |
|
align-items: center; |
|
background: rgba(var(--sk_foreground_min,29,28,29),.04); |
|
border: none; |
|
border-radius: 12px; |
|
display: inline-flex; |
|
font-size: 11px; |
|
justify-content: center; |
|
line-height: 16px; |
|
margin-bottom: 5px; |
|
margin-right: 5px; |
|
padding: 2px 6px; |
|
vertical-align: top; |
|
width: 34px; |
|
} |
|
|
|
.c-message_kit__reaction_bar .c-reaction_add { |
|
margin-bottom: 4px; |
|
margin-right: 4px; |
|
} |
|
|
|
.c-reaction_add:hover { |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
box-shadow: inset 0 0 0 1px var(--saf-0); |
|
} |
|
|
|
.c-reaction--reacted { |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
background: #1d9bd11a; |
|
box-shadow: inset 0 0 0 1px var(--saf-0); |
|
} |
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ |
|
.c-reaction--reacted { |
|
--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--reacted:hover { |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
background: #1d9bd11a; |
|
box-shadow: inset 0 0 0 1px var(--saf-0); |
|
} |
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ |
|
.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-message_kit__background--hovered { |
|
background: rgba(var(--sk_foreground_min_solid,248,248,248),1); |
|
} |
|
|
|
.c-message_kit__file__meta { |
|
align-items: center; |
|
color: rgba(var(--sk_foreground_max,29,28,29),.7); |
|
display: flex; |
|
margin-bottom: 4px; |
|
} |
|
|
|
.resize-triggers { |
|
display: block; |
|
animation: 1ms resizeanim; |
|
visibility: hidden; |
|
opacity: 0; |
|
content: " "; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
height: 100%; |
|
width: 100%; |
|
overflow: hidden; |
|
z-index: -1; |
|
} |
|
|
|
.c-message__reply_bar_avatar { |
|
cursor: pointer; |
|
} |
|
|
|
.c-message__reply_bar .c-avatar { |
|
flex-shrink: 0; |
|
margin-right: 4px; |
|
} |
|
|
|
.c-link--button { |
|
background: none; |
|
border: 0; |
|
color: inherit; |
|
color: rgba(var(--sk_highlight,18,100,163),1); |
|
cursor: pointer; |
|
font: inherit; |
|
line-height: inherit; |
|
margin: 0; |
|
overflow: initial; |
|
padding: 0; |
|
text-align: initial; |
|
text-decoration: none; |
|
vertical-align: initial; |
|
} |
|
|
|
.c-message__reply_count { |
|
flex-shrink: 0; |
|
font-weight: 700; |
|
margin-left: 3px; |
|
} |
|
|
|
.c-link--button:active,.c-link--button:hover { |
|
outline: none; |
|
color: rgba(var(--sk_highlight_hover,11,76,140),1); |
|
text-decoration: underline; |
|
} |
|
|
|
.c-message__reply_bar_description { |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
flex: 1; |
|
margin-left: 8px; |
|
overflow: hidden; |
|
position: relative; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
|
|
.c-message__reply_bar_arrow { |
|
color: #0000; |
|
margin-left: auto; |
|
} |
|
|
|
.c-deprecated-icon:before { |
|
display: inline-block; |
|
font-family: Slack v2; |
|
font-size: 20px; |
|
font-style: normal; |
|
font-weight: 400; |
|
vertical-align: middle; |
|
} |
|
|
|
.c-deprecated-icon--vertical-align-baseline:before { |
|
vertical-align: initial; |
|
} |
|
|
|
.c-icon--chevron-right:before { |
|
content: "\E250"; |
|
} |
|
|
|
.c-message__reply_bar_arrow:before { |
|
vertical-align: top; |
|
} |
|
|
|
.c-base_icon__width_only_container { |
|
background-color: rgba(var(--sk_foreground_low,29,28,29),.13); |
|
border-radius: 4px; |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
display: block; |
|
flex-shrink: 0; |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
|
|
.c-message__sender_button { |
|
display: inline-block; |
|
} |
|
|
|
.c-message__sender .c-message__sender_button { |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.c-emoji { |
|
align-items: center; |
|
display: inline-flex; |
|
object-fit: contain; |
|
overflow: hidden; |
|
vertical-align: top; |
|
} |
|
|
|
.c-emoji__small { |
|
height: 16px; |
|
width: 16px; |
|
} |
|
|
|
.c-emoji--inline { |
|
height: auto; |
|
overflow: visible; |
|
position: relative; |
|
} |
|
|
|
.c-emoji--inline:after { |
|
content: "\200B"; |
|
} |
|
|
|
.p-block_kit_renderer { |
|
width: 100%; |
|
} |
|
|
|
.c-reaction .c-emoji:not(:last-child) { |
|
margin-right: 2px; |
|
} |
|
|
|
.c-reaction__count { |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
padding: 0 1px 0 3px; |
|
} |
|
|
|
.c-reaction_add__container { |
|
height: 20px; |
|
position: relative; |
|
transform: translateX(-1px); |
|
width: 20px; |
|
} |
|
|
|
.c-reaction--reacted .c-reaction__count { |
|
color: rgba(var(--sk_highlight,18,100,163),1); |
|
font-weight: 700; |
|
} |
|
|
|
.c-reaction--reacted.c-reaction--dark .c-reaction__count { |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.c-message_kit__file__meta__text { |
|
font-size: 13px; |
|
} |
|
|
|
.c-icon_button { |
|
align-items: center; |
|
border-radius: 4px; |
|
display: inline-flex; |
|
justify-content: center; |
|
position: relative; |
|
} |
|
|
|
.c-icon_button--size_medium { |
|
height: 36px; |
|
width: 36px; |
|
} |
|
|
|
.c-message_kit__file__meta__collapse { |
|
height: 1em; |
|
vertical-align: text-top; |
|
width: 1em; |
|
} |
|
|
|
.c-icon_button--default,.c-icon_button--default.c-button-unstyled { |
|
color: rgba(var(--sk_foreground_max,29,28,29),.7); |
|
} |
|
|
|
.c-icon_button--default.c-button-unstyled:hover,.c-icon_button--default:hover { |
|
background: rgba(var(--sk_foreground_min,29,28,29),.04); |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.c-file_gallery { |
|
margin-bottom: 8px; |
|
max-width: 1000px; |
|
} |
|
|
|
.resize-triggers > div { |
|
display: block; |
|
content: " "; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
height: 100%; |
|
width: 100%; |
|
overflow: auto; |
|
z-index: -1; |
|
background: #eee; |
|
} |
|
|
|
.resize-triggers,.resize-triggers > div ,.contract-trigger:before { |
|
content: " "; |
|
display: block; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
height: 100%; |
|
width: 100%; |
|
overflow: hidden; |
|
z-index: -1; |
|
} |
|
|
|
.contract-trigger:before { |
|
width: 200%; |
|
height: 200%; |
|
} |
|
|
|
.c-message__reply_bar_last_reply { |
|
opacity: 1; |
|
transition: opacity .2s; |
|
} |
|
|
|
.c-message__reply_bar:hover .c-message__reply_bar_last_reply { |
|
opacity: 0; |
|
} |
|
|
|
.c-message__reply_bar_view_thread { |
|
bottom: 0; |
|
left: 0; |
|
opacity: 0; |
|
overflow: hidden; |
|
position: absolute; |
|
right: 0; |
|
text-overflow: ellipsis; |
|
top: 0; |
|
transition: opacity .2s; |
|
white-space: nowrap; |
|
} |
|
|
|
.c-message__reply_bar:hover .c-message__reply_bar_view_thread { |
|
background-color: rgba(var(--sk_primary_background,255,255,255),1); |
|
opacity: 1; |
|
} |
|
|
|
.c-base_icon { |
|
background-color: rgba(var(--sk_foreground_low,29,28,29),.13); |
|
border-radius: 4px; |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
flex-shrink: 0; |
|
position: relative; |
|
} |
|
|
|
.c-base_icon--image { |
|
background-repeat: no-repeat; |
|
background-size: 100%; |
|
display: inline-block; |
|
background-repeat-x: no-repeat; |
|
background-repeat-y: no-repeat; |
|
} |
|
|
|
.c-emoji--inline img { |
|
object-fit: contain; |
|
overflow: hidden; |
|
position: absolute; |
|
top: 50%; |
|
} |
|
|
|
.c-emoji--inline.c-emoji__small img { |
|
height: 16px; |
|
margin-top: -8px; |
|
width: 16px; |
|
} |
|
|
|
.p-block_kit_renderer__block_wrapper { |
|
display: flex; |
|
} |
|
|
|
.c-icon { |
|
align-items: center; |
|
display: inline-flex; |
|
height: 20px; |
|
justify-content: center; |
|
position: relative; |
|
width: 20px; |
|
} |
|
|
|
.c-reaction_add__icon { |
|
display: block; |
|
position: absolute; |
|
} |
|
|
|
.c-reaction_add__icon--bg { |
|
color: #0000; |
|
} |
|
|
|
.c-icon:before { |
|
display: inline-block; |
|
font-family: Slack v2; |
|
font-size: 20px; |
|
font-style: normal; |
|
font-weight: 400; |
|
line-height: 1; |
|
} |
|
|
|
.c-icon--small-reaction-bg:before { |
|
content: "\E579"; |
|
} |
|
|
|
.c-reaction_add__icon--fg { |
|
color: rgba(var(--sk_foreground_max,29,28,29),.7); |
|
z-index: 1; |
|
} |
|
|
|
.c-icon--small-reaction:before { |
|
content: "\E170"; |
|
} |
|
|
|
.c-aspect_box__outer { |
|
max-width: 100%; |
|
} |
|
|
|
.c-file_gallery_image_file { |
|
background-color: initial; |
|
border-radius: 4px; |
|
box-shadow: inset 0 0 0 1px sk_foreground_min_solid; |
|
position: relative; |
|
} |
|
|
|
.p-rich_text_block { |
|
counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; |
|
overflow-y: hidden; |
|
text-align: left; |
|
-webkit-user-select: text; |
|
user-select: text; |
|
width: 100%; |
|
} |
|
|
|
[lang] .p-rich_text_block { |
|
font-size: 15px; |
|
line-height: 1.46668; |
|
} |
|
|
|
.c-aspect_box__inner { |
|
position: relative; |
|
} |
|
|
|
.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-aspect_box__content { |
|
height: 100%; |
|
left: 0; |
|
position: absolute; |
|
top: 0; |
|
width: 100%; |
|
} |
|
|
|
.c-emoji__large { |
|
height: 32px; |
|
width: 32px; |
|
} |
|
|
|
.c-emoji__medium { |
|
height: 22px; |
|
width: 22px; |
|
} |
|
|
|
.p-file_image_thumbnail__wrapper { |
|
display: block; |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
background-color: initial; |
|
border: 1px solid var(--saf-0); |
|
border-radius: 8px; |
|
cursor: nesw-resize; |
|
cursor: zoom-in; |
|
height: 100%; |
|
overflow: hidden; |
|
position: relative; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
.c-file_gallery_image_file .p-file_image_thumbnail__wrapper { |
|
align-items: center; |
|
display: flex; |
|
justify-content: center; |
|
} |
|
|
|
.c-message_actions__group { |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
border: unset; |
|
border-radius: .375em; |
|
box-shadow: unset; |
|
box-shadow: 0 0 0 1px var(--saf-0),0 1px 3px 0 #00000014; |
|
display: flex; |
|
line-height: 1; |
|
margin-left: 8px; |
|
padding: 2px; |
|
} |
|
|
|
.c-file__actions { |
|
opacity: 0; |
|
transition: opacity .1s; |
|
} |
|
|
|
.c-file__actions--image { |
|
position: absolute; |
|
right: 10px; |
|
top: 10px; |
|
} |
|
|
|
.c-file_gallery_image_file:hover .c-file__actions { |
|
opacity: 1; |
|
z-index: 1; |
|
} |
|
|
|
.c-emoji--inline.c-emoji__medium img { |
|
height: 22px; |
|
margin-top: -11px; |
|
width: 22px; |
|
} |
|
|
|
.p-file_image_thumbnail__tiny_thumb_wrapper { |
|
background-image: none; |
|
background-position: 50%; |
|
background-repeat: no-repeat; |
|
background-size: cover; |
|
border-radius: 4px; |
|
display: block; |
|
height: 100%; |
|
position: relative; |
|
background-repeat-x: no-repeat; |
|
background-repeat-y: no-repeat; |
|
} |
|
|
|
.c-file_gallery_image_file .p-file_image_thumbnail__tiny_thumb_wrapper { |
|
height: 100%; |
|
width: 100%; |
|
} |
|
|
|
.c-icon_button--size_small { |
|
height: 32px; |
|
width: 32px; |
|
} |
|
|
|
.c-message_actions__button { |
|
border-radius: 4px; |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
height: 32px; |
|
} |
|
|
|
.c-icon_button:link { |
|
text-decoration: none; |
|
} |
|
|
|
.c-icon_button--default,.c-icon_button--default.c-button-unstyled,.c-icon_button--default:link { |
|
color: rgba(var(--sk_foreground_max,29,28,29),.7); |
|
} |
|
|
|
.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-icon_button--default.c-button-unstyled:hover,.c-icon_button--default:hover,.c-icon_button--default:link:hover { |
|
background: rgba(var(--sk_foreground_min,29,28,29),.04); |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.p-file_image_thumbnail__wrapper .p-file_image_thumbnail__image { |
|
display: block; |
|
max-width: 100%; |
|
} |
|
|
|
.c-file_gallery_image_file .p-file_image_thumbnail__image { |
|
height: 100%; |
|
object-fit: cover; |
|
width: 100%; |
|
} |
|
|
|
.c-icon--cloud-download:before { |
|
content: "\E019"; |
|
} |
|
|
|
.c-icon_button--size_small .c-icon:before { |
|
font-size: 18px; |
|
} |
|
|
|
.c-icon--forward:before { |
|
content: "\E04A"; |
|
} |
|
|
|
.c-icon--vertical-ellipsis:before { |
|
content: "\E148"; |
|
} |
|
|
|
|
|
@keyframes resizeanim { |
|
0% { |
|
opacity: 0; |
|
opacity: 0; |
|
} |
|
100% { |
|
opacity: 0; |
|
opacity: 0; |
|
} |
|
|
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:normal; |
|
font-weight:300; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-light-0b50f74.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-light-1475c14.woff) format("woff"); |
|
unicode-range:u+0000-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:normal; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-regular-d9ce515.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-regular-ea6d1e4.woff) format("woff"); |
|
unicode-range:u+0000-2157,u+2159-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:normal; |
|
font-weight:700; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-bold-4b1dc11.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-bold-a532381.woff) format("woff"); |
|
unicode-range:u+0000-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:normal; |
|
font-weight:900; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-black-b64f5e4.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-black-8857ce8.woff) format("woff"); |
|
unicode-range:u+0000-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:italic; |
|
font-weight:300; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-italic-light-c593311.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-italic-light-354fb58.woff) format("woff"); |
|
unicode-range:u+0000-2259,u+2261-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:italic; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-italic-5bbcd6c.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-italic-d5261ac.woff) format("woff"); |
|
unicode-range:u+0000-2259,u+2261-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:italic; |
|
font-weight:700; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-italic-bold-99def7d.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-italic-bold-2187a11.woff) format("woff"); |
|
unicode-range:u+0000-2259,u+2261-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Slack-Lato; |
|
font-style:italic; |
|
font-weight:900; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-italic-black-04aca50.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/lato-italic-black-23c1971.woff) format("woff"); |
|
unicode-range:u+0000-2259,u+2261-f8fe,u+f900-ffff; |
|
} |
|
@font-face { |
|
font-family:Lato; |
|
font-style:normal; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-latin-latin-ext-7e33836.woff2) format("woff2"); |
|
unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff; |
|
} |
|
@font-face { |
|
font-family:Lato; |
|
font-style:normal; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/lato-latin-latin-ext-7e33836.woff2) format("woff2"); |
|
unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd; |
|
} |
|
@font-face { |
|
font-family:Slack-Fractions; |
|
font-style:normal; |
|
font-weight:400; |
|
src:local("☺"),url(https://a.slack-edge.com/bv1-10/Slack-Fractions-131f29b.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/Slack-Fractions-7f054d9.woff) format("woff"),url(https://a.slack-edge.com/bv1-10/Slack-Fractions-6e20026.otf) format("opentype"); |
|
unicode-range:u+2158; |
|
} |
|
@font-face { |
|
font-family:Slack v2; |
|
font-style:normal; |
|
font-weight:400; |
|
src:url(https://a.slack-edge.com/bv1-10/slack-icons-v2-fe043a5.woff2) format("woff2"),url(https://a.slack-edge.com/bv1-10/slack-icons-v2-f1c27d6.woff) format("woff"); |
|
} |
|
@font-face { |
|
font-family:appleLogo; |
|
src:local("Lucida Grande"); |
|
unicode-range:u+f8ff; |
|
} |
|
body { |
|
/* CSS Variables that may have been missed get put on body */ |
|
--saf-0: rgba(var(--sk_foreground_low_solid,221,221,221),1); |
|
--sk_primary_foreground: 209,210,211; |
|
--sk_primary_background: 26,29,33; |
|
--sk_foreground_max: 232,232,232; |
|
--sk_foreground_high: 232,232,232; |
|
--sk_foreground_low: 232,232,232; |
|
--sk_foreground_min: 232,232,232; |
|
--sk_foreground_max_solid: 171,171,173; |
|
--sk_foreground_low_solid: 53,55,59; |
|
--sk_foreground_min_solid: 34,37,41; |
|
--sk_highlight: 29,155,209; |
|
--sk_highlight_hover: 64,179,228; |
|
--sk_highlight_accent: 29,155,209; |
|
--sk_primary_foreground: 209,210,211; |
|
--sk_primary_background: 26,29,33; |
|
--sk_foreground_max: 232,232,232; |
|
--sk_foreground_high: 232,232,232; |
|
--sk_foreground_low: 232,232,232; |
|
--sk_foreground_min: 232,232,232; |
|
--sk_foreground_max_solid: 171,171,173; |
|
--sk_foreground_low_solid: 53,55,59; |
|
--sk_foreground_min_solid: 34,37,41; |
|
--sk_highlight: 29,155,209; |
|
--sk_highlight_hover: 64,179,228; |
|
--sk_highlight_accent: 29,155,209; |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
} |
|
|
|
* { |
|
box-sizing: inherit; |
|
} |
|
|
|
.c-scrollbar__hider { |
|
bottom: 0; |
|
height: 100%; |
|
left: 0; |
|
outline: none; |
|
overflow-x: hidden; |
|
overflow-y: scroll; |
|
position: absolute; |
|
right: -50px; |
|
top: 0; |
|
transform: translateZ(0); |
|
} |
|
|
|
.p-message_pane .c-message_list.c-virtual_list--scrollbar > .c-scrollbar__hider { |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
z-index: 200; |
|
} |
|
|
|
.c-scrollbar { |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
|
|
.c-virtual_list { |
|
overflow-x: hidden; |
|
overflow-y: scroll; |
|
position: relative; |
|
} |
|
|
|
.c-virtual_list--scrollbar { |
|
overflow: hidden; |
|
} |
|
|
|
.p-message_pane { |
|
height: 100%; |
|
overflow: hidden; |
|
padding-left: 1px; |
|
position: absolute; |
|
width: 100%; |
|
} |
|
|
|
.p-message_pane--classic-nav { |
|
bottom: 0; |
|
height: auto; |
|
padding-left: 0; |
|
top: -8px; |
|
} |
|
|
|
.p-workspace__primary_view_body { |
|
--saf-0: rgba(var(--sk_foreground_low_solid,221,221,221),1); |
|
box-shadow: 1px 0 var(--saf-0) inset; |
|
flex: 1; |
|
min-height: 0; |
|
position: relative; |
|
} |
|
|
|
.p-workspace-layout .p-workspace__primary_view_body { |
|
box-shadow: none; |
|
} |
|
|
|
.p-file_drag_drop__container { |
|
display: flex; |
|
flex: 1; |
|
flex-direction: column; |
|
min-height: 0; |
|
position: relative; |
|
} |
|
|
|
.p-workspace__primary_view_contents { |
|
display: flex; |
|
flex-direction: column; |
|
grid-area: p-workspace__primary_view_contents; |
|
min-height: 0; |
|
min-width: 0; |
|
position: relative; |
|
} |
|
|
|
.p-workspace__primary_view { |
|
display: grid; |
|
grid-area: p-workspace__primary_view; |
|
grid-template-areas: "p-workspace__primary_view_header" "p-workspace__primary_view_contents"; |
|
grid-template-columns: auto; |
|
grid-template-rows: 36px auto; |
|
max-height: calc(100vh - 44px); |
|
min-height: 0; |
|
min-width: 0; |
|
position: relative; |
|
} |
|
|
|
.p-workspace-layout .p-workspace__primary_view { |
|
grid-template-areas: "p-workspace__primary_view_contents"; |
|
grid-template-rows: auto; |
|
} |
|
|
|
.p-workspace-layout { |
|
display: grid; |
|
grid-template-rows: 44px auto; |
|
overflow: visible; |
|
position: relative; |
|
grid-template-columns: 260px auto; |
|
grid-template-areas: 'p-top_nav p-top_nav' 'p-workspace__sidebar p-workspace__primary_view'; |
|
} |
|
|
|
.p-client { |
|
display: grid; |
|
overflow: hidden; |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
grid-template-areas: "p-client__workspace" "p-client__banners"; |
|
grid-template-columns: auto; |
|
grid-template-rows: auto min-content; |
|
height: 100vh; |
|
width: 100vw; |
|
} |
|
|
|
body { |
|
margin: 0; |
|
padding: 0; |
|
box-sizing: border-box; |
|
width: 100%; |
|
-moz-osx-font-smoothing: grayscale; |
|
-webkit-font-smoothing: antialiased; |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
font-size: 15px; |
|
font-variant-ligatures: common-ligatures; |
|
font-weight: 400; |
|
line-height: 1.46668; |
|
overflow: hidden; |
|
} |
|
|
|
.sk-client-theme--dark { |
|
--sk_primary_foreground: 209,210,211; |
|
--sk_primary_background: 26,29,33; |
|
--sk_foreground_max: 232,232,232; |
|
--sk_foreground_high: 232,232,232; |
|
--sk_foreground_low: 232,232,232; |
|
--sk_foreground_min: 232,232,232; |
|
--sk_foreground_max_solid: 171,171,173; |
|
--sk_foreground_low_solid: 53,55,59; |
|
--sk_foreground_min_solid: 34,37,41; |
|
--sk_highlight: 29,155,209; |
|
--sk_highlight_hover: 64,179,228; |
|
--sk_highlight_accent: 29,155,209; |
|
color-scheme: dark; |
|
} |
|
|
|
[lang] body { |
|
font-family: Slack-Lato,Slack-Fractions,appleLogo,sans-serif; |
|
} |
|
|
|
html { |
|
box-sizing: border-box; |
|
width: 100%; |
|
overflow: hidden; |
|
} |
|
|
|
*,:after,:before { |
|
box-sizing: inherit; |
|
} |
|
|
|
.sk-client-theme--dark ::selection { |
|
background-color: #d1d2d380; |
|
color: #fff; |
|
} |
|
|
|
.c-virtual_list__sticky_container { |
|
position: absolute; |
|
width: 100%; |
|
} |
|
|
|
.c-virtual_list__sticky_container { |
|
padding-bottom: 24px; |
|
} |
|
|
|
.c-virtual_list__item { |
|
position: absolute; |
|
width: 100%; |
|
} |
|
|
|
.c-virtual_list__item--sticky { |
|
position: sticky; |
|
} |
|
|
|
.c-virtual_list__item--sticky-animated { |
|
transition: top .2s linear; |
|
will-change: top; |
|
} |
|
|
|
.c-message_kit__background { |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
} |
|
|
|
.c-message_kit__message { |
|
word-wrap: break-word; |
|
-webkit-user-select: text; |
|
user-select: text; |
|
} |
|
|
|
[lang] .c-message_kit__message { |
|
font-size: 15px; |
|
line-height: 1.46668; |
|
} |
|
|
|
.c-message_list__day_divider { |
|
padding: 28px 0; |
|
position: relative; |
|
-webkit-user-select: text; |
|
user-select: text; |
|
} |
|
|
|
.c-message_list__day_divider { |
|
background: #0000; |
|
padding: 20px 0; |
|
} |
|
|
|
.c-message_list__day_divider__label { |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
cursor: default; |
|
display: block; |
|
font-weight: 700; |
|
height: .1px; |
|
position: relative; |
|
text-align: center; |
|
top: 14px; |
|
-webkit-user-select: none; |
|
user-select: none; |
|
} |
|
|
|
[lang] .c-message_list__day_divider__label { |
|
font-size: 14px; |
|
} |
|
|
|
.c-message_list__day_divider__label { |
|
height: 9px; |
|
pointer-events: none; |
|
} |
|
|
|
.c-message_list__day_divider__line { |
|
border-bottom: 0; |
|
border-top: 1px solid rgba(var(--sk_foreground_low_solid,221,221,221),1); |
|
left: 0; |
|
margin: 0 0 -1px; |
|
position: relative; |
|
right: 0; |
|
top: -1px; |
|
} |
|
|
|
button { |
|
background-color: initial; |
|
border-width: 0; |
|
cursor: pointer; |
|
padding: 0; |
|
font-family: inherit; |
|
} |
|
|
|
.c-button-unstyled { |
|
background: none; |
|
border: 0; |
|
color: inherit; |
|
cursor: pointer; |
|
font: inherit; |
|
line-height: inherit; |
|
margin: 0; |
|
overflow: initial; |
|
padding: 0; |
|
text-align: initial; |
|
vertical-align: initial; |
|
} |
|
|
|
.c-message_list__day_divider__label__pill { |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
border-radius: 24px; |
|
display: inline-block; |
|
padding: .25rem .75rem; |
|
position: relative; |
|
z-index: 201; |
|
} |
|
|
|
.c-message_list__day_divider__label__pill { |
|
--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 #00000014; |
|
font-size: 13px; |
|
height: 28px; |
|
line-height: 27px; |
|
padding: 0 16px; |
|
pointer-events: all; |
|
z-index: 2; |
|
} |
|
|
|
.c-message_list__day_divider__label--jump_to_date .c-message_list__day_divider__label__pill { |
|
padding-right: 8px; |
|
} |
|
|
|
.c-button-unstyled:active,.c-button-unstyled:hover { |
|
outline: none; |
|
} |
|
|
|
.margin_left_25 { |
|
margin-left: 4px; |
|
} |
|
|
|
.c-message_kit__gutter { |
|
display: flex; |
|
} |
|
|
|
.p-message_pane_message__message .c-message_kit__gutter { |
|
padding: 8px 20px; |
|
} |
|
|
|
[data-mmo] { |
|
display: block; |
|
flex-shrink: 0; |
|
font-size: var(--s,inherit); |
|
height: 1em; |
|
-webkit-print-color-adjust: exact; |
|
print-color-adjust: exact; |
|
width: 1em; |
|
} |
|
|
|
.is-inline { |
|
display: inline-block; |
|
vertical-align: -.125em; |
|
} |
|
|
|
.c-message_kit__gutter__left { |
|
display: flex; |
|
flex-shrink: 0; |
|
margin-right: 8px; |
|
} |
|
|
|
.c-message_kit__gutter__right { |
|
flex: 1 1 0; |
|
margin: -12px -8px -16px -16px; |
|
min-width: 0; |
|
padding: 8px 8px 8px 16px; |
|
} |
|
|
|
.p-member_profile_hover_card { |
|
display: inline-flex; |
|
height: -moz-fit-content; |
|
height: fit-content; |
|
width: -moz-fit-content; |
|
width: fit-content; |
|
} |
|
|
|
.c-message__sender { |
|
font-weight: 900; |
|
word-break: break-word; |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.c-message_kit__sender { |
|
font-weight: 900; |
|
} |
|
|
|
a { |
|
color: rgba(var(--sk_highlight,18,100,163),1); |
|
text-decoration: none; |
|
} |
|
|
|
.c-timestamp { |
|
font-size: 12px; |
|
} |
|
|
|
.c-timestamp,.c-timestamp:link { |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
} |
|
|
|
a:active,a:hover { |
|
color: rgba(var(--sk_highlight_hover,11,76,140),1); |
|
text-decoration: underline; |
|
} |
|
|
|
.c-timestamp,.c-timestamp:hover,.c-timestamp:link { |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
} |
|
|
|
.c-message_kit__blocks { |
|
max-width: 600px; |
|
} |
|
|
|
.c-message_kit__blocks--rich_text { |
|
margin-bottom: 4px; |
|
max-width: none; |
|
} |
|
|
|
.p-message_pane_message__compact_timestamp { |
|
margin: -4px 0; |
|
text-align: right; |
|
width: 56px; |
|
} |
|
|
|
.p-message_pane_message__compact_timestamp--light { |
|
margin-left: -20px; |
|
width: 56px; |
|
} |
|
|
|
.p-message_pane_message__compact_timestamp--adjacent { |
|
opacity: 0; |
|
} |
|
|
|
.c-message_kit__reaction_bar { |
|
margin-bottom: 4px; |
|
} |
|
|
|
.c-message__reply_bar { |
|
display: flex; |
|
align-items: center; |
|
border: 1px solid #0000; |
|
border-radius: 6px; |
|
cursor: pointer; |
|
font-size: 13px; |
|
height: 34px; |
|
max-width: 600px; |
|
overflow: hidden; |
|
padding: 4px; |
|
margin: 4px 0 -2px -5px; |
|
} |
|
|
|
.c-message_kit__thread_replies.c-message__reply_bar { |
|
margin-bottom: 4px; |
|
margin-top: -4px; |
|
} |
|
|
|
.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-avatar { |
|
cursor: default; |
|
display: inline-block; |
|
outline: none; |
|
position: relative; |
|
} |
|
|
|
.c-avatar--interactive { |
|
cursor: pointer; |
|
} |
|
|
|
.c-message_kit__avatar { |
|
flex-shrink: 0; |
|
} |
|
|
|
.c-custom_status { |
|
margin-left: 8px; |
|
} |
|
|
|
.c-message__sender .c-custom_status { |
|
margin-left: 4px; |
|
} |
|
|
|
.c-timestamp__label { |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
} |
|
|
|
.c-message__message_blocks { |
|
max-width: 600px; |
|
} |
|
|
|
.c-message__message_blocks--rich_text { |
|
word-wrap: break-word; |
|
max-width: none; |
|
} |
|
|
|
.c-reaction { |
|
align-items: center; |
|
background: rgba(var(--sk_foreground_min,29,28,29),.04); |
|
border: none; |
|
border-radius: 12px; |
|
display: inline-flex; |
|
font-size: 11px; |
|
line-height: 16px; |
|
margin-bottom: 5px; |
|
margin-right: 5px; |
|
padding: 4px 6px; |
|
vertical-align: top; |
|
} |
|
|
|
.c-message_kit__reaction_bar .c-reaction { |
|
margin-bottom: 4px; |
|
margin-right: 4px; |
|
} |
|
|
|
.c-reaction:hover { |
|
cursor: pointer; |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
box-shadow: inset 0 0 0 1px var(--saf-0); |
|
} |
|
|
|
.c-reaction_add { |
|
align-items: center; |
|
background: rgba(var(--sk_foreground_min,29,28,29),.04); |
|
border: none; |
|
border-radius: 12px; |
|
display: inline-flex; |
|
font-size: 11px; |
|
justify-content: center; |
|
line-height: 16px; |
|
margin-bottom: 5px; |
|
margin-right: 5px; |
|
padding: 2px 6px; |
|
vertical-align: top; |
|
width: 34px; |
|
} |
|
|
|
.c-message_kit__reaction_bar .c-reaction_add { |
|
margin-bottom: 4px; |
|
margin-right: 4px; |
|
} |
|
|
|
.c-reaction_add:hover { |
|
--saf-0: rgba(var(--sk_foreground_high,29,28,29),0.5); |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
box-shadow: inset 0 0 0 1px var(--saf-0); |
|
} |
|
|
|
.c-reaction--reacted { |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
background: #1d9bd11a; |
|
box-shadow: inset 0 0 0 1px var(--saf-0); |
|
} |
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ |
|
.c-reaction--reacted { |
|
--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--reacted:hover { |
|
--saf-0: rgba(var(--sk_highlight_accent,29,155,209),1); |
|
background: #1d9bd11a; |
|
box-shadow: inset 0 0 0 1px var(--saf-0); |
|
} |
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){ |
|
.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-message_kit__background--hovered { |
|
background: rgba(var(--sk_foreground_min_solid,248,248,248),1); |
|
} |
|
|
|
.c-message_kit__file__meta { |
|
align-items: center; |
|
color: rgba(var(--sk_foreground_max,29,28,29),.7); |
|
display: flex; |
|
margin-bottom: 4px; |
|
} |
|
|
|
.resize-triggers { |
|
display: block; |
|
animation: 1ms resizeanim; |
|
visibility: hidden; |
|
opacity: 0; |
|
content: " "; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
height: 100%; |
|
width: 100%; |
|
overflow: hidden; |
|
z-index: -1; |
|
} |
|
|
|
.c-message__reply_bar_avatar { |
|
cursor: pointer; |
|
} |
|
|
|
.c-message__reply_bar .c-avatar { |
|
flex-shrink: 0; |
|
margin-right: 4px; |
|
} |
|
|
|
.c-link--button { |
|
background: none; |
|
border: 0; |
|
color: inherit; |
|
color: rgba(var(--sk_highlight,18,100,163),1); |
|
cursor: pointer; |
|
font: inherit; |
|
line-height: inherit; |
|
margin: 0; |
|
overflow: initial; |
|
padding: 0; |
|
text-align: initial; |
|
text-decoration: none; |
|
vertical-align: initial; |
|
} |
|
|
|
.c-message__reply_count { |
|
flex-shrink: 0; |
|
font-weight: 700; |
|
margin-left: 3px; |
|
} |
|
|
|
.c-link--button:active,.c-link--button:hover { |
|
outline: none; |
|
color: rgba(var(--sk_highlight_hover,11,76,140),1); |
|
text-decoration: underline; |
|
} |
|
|
|
.c-message__reply_bar_description { |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
flex: 1; |
|
margin-left: 8px; |
|
overflow: hidden; |
|
position: relative; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
|
|
.c-message__reply_bar_arrow { |
|
color: #0000; |
|
margin-left: auto; |
|
} |
|
|
|
.c-deprecated-icon:before { |
|
display: inline-block; |
|
font-family: Slack v2; |
|
font-size: 20px; |
|
font-style: normal; |
|
font-weight: 400; |
|
vertical-align: middle; |
|
} |
|
|
|
.c-deprecated-icon--vertical-align-baseline:before { |
|
vertical-align: initial; |
|
} |
|
|
|
.c-icon--chevron-right:before { |
|
content: "\E250"; |
|
} |
|
|
|
.c-message__reply_bar_arrow:before { |
|
vertical-align: top; |
|
} |
|
|
|
.c-base_icon__width_only_container { |
|
background-color: rgba(var(--sk_foreground_low,29,28,29),.13); |
|
border-radius: 4px; |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
display: block; |
|
flex-shrink: 0; |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
|
|
.c-message__sender_button { |
|
display: inline-block; |
|
} |
|
|
|
.c-message__sender .c-message__sender_button { |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.c-emoji { |
|
align-items: center; |
|
display: inline-flex; |
|
object-fit: contain; |
|
overflow: hidden; |
|
vertical-align: top; |
|
} |
|
|
|
.c-emoji__small { |
|
height: 16px; |
|
width: 16px; |
|
} |
|
|
|
.c-emoji--inline { |
|
height: auto; |
|
overflow: visible; |
|
position: relative; |
|
} |
|
|
|
.c-emoji--inline:after { |
|
content: "\200B"; |
|
} |
|
|
|
.p-block_kit_renderer { |
|
width: 100%; |
|
} |
|
|
|
.c-reaction .c-emoji:not(:last-child) { |
|
margin-right: 2px; |
|
} |
|
|
|
.c-reaction__count { |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
padding: 0 1px 0 3px; |
|
} |
|
|
|
.c-reaction_add__container { |
|
height: 20px; |
|
position: relative; |
|
transform: translateX(-1px); |
|
width: 20px; |
|
} |
|
|
|
.c-reaction--reacted .c-reaction__count { |
|
color: rgba(var(--sk_highlight,18,100,163),1); |
|
font-weight: 700; |
|
} |
|
|
|
.c-reaction--reacted.c-reaction--dark .c-reaction__count { |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.c-message_kit__file__meta__text { |
|
font-size: 13px; |
|
} |
|
|
|
.c-icon_button { |
|
align-items: center; |
|
border-radius: 4px; |
|
display: inline-flex; |
|
justify-content: center; |
|
position: relative; |
|
} |
|
|
|
.c-icon_button--size_medium { |
|
height: 36px; |
|
width: 36px; |
|
} |
|
|
|
.c-message_kit__file__meta__collapse { |
|
height: 1em; |
|
vertical-align: text-top; |
|
width: 1em; |
|
} |
|
|
|
.c-icon_button--default,.c-icon_button--default.c-button-unstyled { |
|
color: rgba(var(--sk_foreground_max,29,28,29),.7); |
|
} |
|
|
|
.c-icon_button--default.c-button-unstyled:hover,.c-icon_button--default:hover { |
|
background: rgba(var(--sk_foreground_min,29,28,29),.04); |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.c-file_gallery { |
|
margin-bottom: 8px; |
|
max-width: 1000px; |
|
} |
|
|
|
.resize-triggers > div { |
|
display: block; |
|
content: " "; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
height: 100%; |
|
width: 100%; |
|
overflow: auto; |
|
z-index: -1; |
|
background: #eee; |
|
} |
|
|
|
.resize-triggers,.resize-triggers > div ,.contract-trigger:before { |
|
content: " "; |
|
display: block; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
height: 100%; |
|
width: 100%; |
|
overflow: hidden; |
|
z-index: -1; |
|
} |
|
|
|
.contract-trigger:before { |
|
width: 200%; |
|
height: 200%; |
|
} |
|
|
|
.c-message__reply_bar_last_reply { |
|
opacity: 1; |
|
transition: opacity .2s; |
|
} |
|
|
|
.c-message__reply_bar:hover .c-message__reply_bar_last_reply { |
|
opacity: 0; |
|
} |
|
|
|
.c-message__reply_bar_view_thread { |
|
bottom: 0; |
|
left: 0; |
|
opacity: 0; |
|
overflow: hidden; |
|
position: absolute; |
|
right: 0; |
|
text-overflow: ellipsis; |
|
top: 0; |
|
transition: opacity .2s; |
|
white-space: nowrap; |
|
} |
|
|
|
.c-message__reply_bar:hover .c-message__reply_bar_view_thread { |
|
background-color: rgba(var(--sk_primary_background,255,255,255),1); |
|
opacity: 1; |
|
} |
|
|
|
.c-base_icon { |
|
background-color: rgba(var(--sk_foreground_low,29,28,29),.13); |
|
border-radius: 4px; |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
flex-shrink: 0; |
|
position: relative; |
|
} |
|
|
|
.c-base_icon--image { |
|
background-repeat: no-repeat; |
|
background-size: 100%; |
|
display: inline-block; |
|
background-repeat-x: no-repeat; |
|
background-repeat-y: no-repeat; |
|
} |
|
|
|
.c-emoji--inline img { |
|
object-fit: contain; |
|
overflow: hidden; |
|
position: absolute; |
|
top: 50%; |
|
} |
|
|
|
.c-emoji--inline.c-emoji__small img { |
|
height: 16px; |
|
margin-top: -8px; |
|
width: 16px; |
|
} |
|
|
|
.p-block_kit_renderer__block_wrapper { |
|
display: flex; |
|
} |
|
|
|
.c-icon { |
|
align-items: center; |
|
display: inline-flex; |
|
height: 20px; |
|
justify-content: center; |
|
position: relative; |
|
width: 20px; |
|
} |
|
|
|
.c-reaction_add__icon { |
|
display: block; |
|
position: absolute; |
|
} |
|
|
|
.c-reaction_add__icon--bg { |
|
color: #0000; |
|
} |
|
|
|
.c-icon:before { |
|
display: inline-block; |
|
font-family: Slack v2; |
|
font-size: 20px; |
|
font-style: normal; |
|
font-weight: 400; |
|
line-height: 1; |
|
} |
|
|
|
.c-icon--small-reaction-bg:before { |
|
content: "\E579"; |
|
} |
|
|
|
.c-reaction_add__icon--fg { |
|
color: rgba(var(--sk_foreground_max,29,28,29),.7); |
|
z-index: 1; |
|
} |
|
|
|
.c-icon--small-reaction:before { |
|
content: "\E170"; |
|
} |
|
|
|
.c-aspect_box__outer { |
|
max-width: 100%; |
|
} |
|
|
|
.c-file_gallery_image_file { |
|
background-color: initial; |
|
border-radius: 4px; |
|
box-shadow: inset 0 0 0 1px sk_foreground_min_solid; |
|
position: relative; |
|
} |
|
|
|
.p-rich_text_block { |
|
counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; |
|
overflow-y: hidden; |
|
text-align: left; |
|
-webkit-user-select: text; |
|
user-select: text; |
|
width: 100%; |
|
} |
|
|
|
[lang] .p-rich_text_block { |
|
font-size: 15px; |
|
line-height: 1.46668; |
|
} |
|
|
|
.c-aspect_box__inner { |
|
position: relative; |
|
} |
|
|
|
.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-aspect_box__content { |
|
height: 100%; |
|
left: 0; |
|
position: absolute; |
|
top: 0; |
|
width: 100%; |
|
} |
|
|
|
.c-emoji__large { |
|
height: 32px; |
|
width: 32px; |
|
} |
|
|
|
.c-emoji__medium { |
|
height: 22px; |
|
width: 22px; |
|
} |
|
|
|
.p-file_image_thumbnail__wrapper { |
|
display: block; |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
background-color: initial; |
|
border: 1px solid var(--saf-0); |
|
border-radius: 8px; |
|
cursor: nesw-resize; |
|
cursor: zoom-in; |
|
height: 100%; |
|
overflow: hidden; |
|
position: relative; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
.c-file_gallery_image_file .p-file_image_thumbnail__wrapper { |
|
align-items: center; |
|
display: flex; |
|
justify-content: center; |
|
} |
|
|
|
.c-message_actions__group { |
|
--saf-0: rgba(var(--sk_foreground_low,29,28,29),0.13); |
|
background: rgba(var(--sk_primary_background,255,255,255),1); |
|
border: unset; |
|
border-radius: .375em; |
|
box-shadow: unset; |
|
box-shadow: 0 0 0 1px var(--saf-0),0 1px 3px 0 #00000014; |
|
display: flex; |
|
line-height: 1; |
|
margin-left: 8px; |
|
padding: 2px; |
|
} |
|
|
|
.c-file__actions { |
|
opacity: 0; |
|
transition: opacity .1s; |
|
} |
|
|
|
.c-file__actions--image { |
|
position: absolute; |
|
right: 10px; |
|
top: 10px; |
|
} |
|
|
|
.c-file_gallery_image_file:hover .c-file__actions { |
|
opacity: 1; |
|
z-index: 1; |
|
} |
|
|
|
.c-emoji--inline.c-emoji__medium img { |
|
height: 22px; |
|
margin-top: -11px; |
|
width: 22px; |
|
} |
|
|
|
.p-file_image_thumbnail__tiny_thumb_wrapper { |
|
background-image: none; |
|
background-position: 50%; |
|
background-repeat: no-repeat; |
|
background-size: cover; |
|
border-radius: 4px; |
|
display: block; |
|
height: 100%; |
|
position: relative; |
|
background-repeat-x: no-repeat; |
|
background-repeat-y: no-repeat; |
|
} |
|
|
|
.c-file_gallery_image_file .p-file_image_thumbnail__tiny_thumb_wrapper { |
|
height: 100%; |
|
width: 100%; |
|
} |
|
|
|
.c-icon_button--size_small { |
|
height: 32px; |
|
width: 32px; |
|
} |
|
|
|
.c-message_actions__button { |
|
border-radius: 4px; |
|
color: rgba(var(--sk_foreground_max_solid,97,96,97),1); |
|
height: 32px; |
|
} |
|
|
|
.c-icon_button:link { |
|
text-decoration: none; |
|
} |
|
|
|
.c-icon_button--default,.c-icon_button--default.c-button-unstyled,.c-icon_button--default:link { |
|
color: rgba(var(--sk_foreground_max,29,28,29),.7); |
|
} |
|
|
|
.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-icon_button--default.c-button-unstyled:hover,.c-icon_button--default:hover,.c-icon_button--default:link:hover { |
|
background: rgba(var(--sk_foreground_min,29,28,29),.04); |
|
color: rgba(var(--sk_primary_foreground,29,28,29),1); |
|
} |
|
|
|
.p-file_image_thumbnail__wrapper .p-file_image_thumbnail__image { |
|
display: block; |
|
max-width: 100%; |
|
} |
|
|
|
.c-file_gallery_image_file .p-file_image_thumbnail__image { |
|
height: 100%; |
|
object-fit: cover; |
|
width: 100%; |
|
} |
|
|
|
.c-icon--cloud-download:before { |
|
content: "\E019"; |
|
} |
|
|
|
.c-icon_button--size_small .c-icon:before { |
|
font-size: 18px; |
|
} |
|
|
|
.c-icon--forward:before { |
|
content: "\E04A"; |
|
} |
|
|
|
.c-icon--vertical-ellipsis:before { |
|
content: "\E148"; |
|
} |
|
|
|
|
|
@keyframes resizeanim { |
|
0% { |
|
opacity: 0; |
|
opacity: 0; |
|
} |
|
100% { |
|
opacity: 0; |
|
opacity: 0; |
|
} |
|
|
|
} |
|
|
