/*
 * PLASTIC
 * Utilities
 * Mixins for common styles.
 *
 * To be used in other stylesheets in the form:
 * .selector {
 *     .name_of_mixin;
 * }
 *
 * plastic_helpers.source.less defines helper classes for these mixins, to be used as inline classes in markup:
 * <div class="name_of_helper"></div>
 *
 */
/* Font Size Mixin
 * For example:
 * 	.font_size(16px);		// 16 is in px unit and will output in rem unit: `font-size: 1rem;`
*/
/* Line Height Mixin
 * For example:
 * 	.line_height(24px);	// 24 is in px unit and will output in rem unit: `line-height: 1.5rem;`
*/
.tiny {
  font-size: 0.7rem;
}
.small {
  font-size: 0.9rem;
}
@font-face {
  font-family: 'Slack v2';
  src: url(slack-resources:fonts/slack-icons-v2.woff2) format('woff2');
  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 {
  font-family: 'Slack v2';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}
.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: -0.5em;
  margin-left: -0.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--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 {
  content: '\E008';
}
.c-icon--info-circle:before {
  content: '\E008';
}
.c-icon--mentions:before {
  content: '\E009';
}
.c-icon--gn-menu:before {
  content: '\E00A';
}
.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--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--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--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--img-left:before {
  content: '\E05A';
}
.c-icon--img-center:before {
  content: '\E05B';
}
.c-icon--img-right:before {
  content: '\E05C';
}
.c-icon--img-fullbleed:before {
  content: '\E05D';
}
.c-icon--img-fullwidth: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--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--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--cloud-offline:before {
  content: '\E0A0';
}
.c-icon--cloud-offline-small:before {
  content: '\E0A1';
}
.c-icon--filters:before {
  content: '\E0A2';
}
.c-icon--lock-large: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--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 {
  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--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--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 {
  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--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--channel-list: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--share-forward: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--bold-hash-small: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--text-format-menu:before {
  content: '\E159';
}
.c-icon--check-list:before {
  content: '\E15A';
}
.c-icon--code-block:before {
  content: '\E15B';
}
.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--external-channel:before {
  content: '\E167';
}
.c-icon--external-channel-square:before {
  content: '\E168';
}
.c-icon--external-channel-triangle: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--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--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--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--times-circle-small:before {
  content: '\E520';
}
.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--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--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--file-generic:before {
  content: '\E400';
}
.c-icon--file-generic-small:before {
  content: '\E401';
}
.c-icon--file-spaces:before {
  content: '\E402';
}
.c-icon--file-spaces-small:before {
  content: '\E403';
}
.c-icon--file-image:before {
  content: '\E404';
}
.c-icon--file-image-small:before {
  content: '\E405';
}
.c-icon--file-pdf:before {
  content: '\E406';
}
.c-icon--file-pdf-small:before {
  content: '\E407';
}
.c-icon--file-audio:before {
  content: '\E408';
}
.c-icon--file-audio-small:before {
  content: '\E409';
}
.c-icon--file-video:before {
  content: '\E410';
}
.c-icon--file-video-small:before {
  content: '\E411';
}
.c-icon--file-presentation:before {
  content: '\E412';
}
.c-icon--file-presentation-small:before {
  content: '\E413';
}
.c-icon--file-email:before {
  content: '\E414';
}
.c-icon--file-email-small:before {
  content: '\E415';
}
.c-icon--file-vector:before {
  content: '\E416';
}
.c-icon--file-vector-small:before {
  content: '\E417';
}
.c-icon--file-spreadsheet:before {
  content: '\E418';
}
.c-icon--file-spreadsheet-small:before {
  content: '\E419';
}
.c-icon--file-media-archive:before {
  content: '\E420';
}
.c-icon--file-media-archive-small:before {
  content: '\E421';
}
.c-icon--file-archive:before {
  content: '\E422';
}
.c-icon--file-archive-small:before {
  content: '\E423';
}
.c-icon--file-executable:before {
  content: '\E424';
}
.c-icon--file-executable-small:before {
  content: '\E425';
}
.c-icon--file-disk-image:before {
  content: '\E426';
}
.c-icon--file-disk-image-small:before {
  content: '\E427';
}
.c-icon--file-cad:before {
  content: '\E428';
}
.c-icon--file-cad-small:before {
  content: '\E429';
}
.c-icon--file-3d-graphic:before {
  content: '\E430';
}
.c-icon--file-3d-graphic-small:before {
  content: '\E431';
}
.c-icon--file-database:before {
  content: '\E432';
}
.c-icon--file-database-small:before {
  content: '\E433';
}
.c-icon--file-binary:before {
  content: '\E434';
}
.c-icon--file-binary-small:before {
  content: '\E435';
}
.c-icon--file-markdown:before {
  content: '\E436';
}
.c-icon--file-markdown-small:before {
  content: '\E437';
}
.c-icon--file-text-post:before {
  content: '\E438';
}
.c-icon--file-text-post-small:before {
  content: '\E439';
}
.c-icon--file-html:before {
  content: '\E440';
}
.c-icon--file-html-small:before {
  content: '\E441';
}
.c-icon--file-code:before {
  content: '\E442';
}
.c-icon--file-code-small:before {
  content: '\E443';
}
.c-icon--file-css:before {
  content: '\E444';
}
.c-icon--file-css-small:before {
  content: '\E445';
}
.c-icon--file-php:before {
  content: '\E446';
}
.c-icon--file-php-small:before {
  content: '\E447';
}
.c-icon--file-snippet:before {
  content: '\E448';
}
.c-icon--file-snippet-small:before {
  content: '\E449';
}
.c-icon--file-word:before {
  content: '\E450';
}
.c-icon--file-word-small:before {
  content: '\E451';
}
.c-icon--file-excel:before {
  content: '\E452';
}
.c-icon--file-excel-small:before {
  content: '\E453';
}
.c-icon--file-powerpoint:before {
  content: '\E454';
}
.c-icon--file-powerpoint-small:before {
  content: '\E455';
}
.c-icon--file-illustrator:before {
  content: '\E456';
}
.c-icon--file-illustrator-small:before {
  content: '\E457';
}
.c-icon--file-photoshop:before {
  content: '\E458';
}
.c-icon--file-photoshop-small:before {
  content: '\E459';
}
.c-icon--file-indesign:before {
  content: '\E460';
}
.c-icon--file-indesign-small:before {
  content: '\E461';
}
.c-icon--file-adobe-flash:before {
  content: '\E462';
}
.c-icon--file-adobe-flash-small:before {
  content: '\E463';
}
.c-icon--file-adobe-swf:before {
  content: '\E464';
}
.c-icon--file-adobe-swf-small:before {
  content: '\E465';
}
.c-icon--file-iphone-app:before {
  content: '\E466';
}
.c-icon--file-iphone-app-small:before {
  content: '\E467';
}
.c-icon--file-android-app:before {
  content: '\E468';
}
.c-icon--file-android-app-small:before {
  content: '\E469';
}
.c-icon--file-dropbox:before {
  content: '\E470';
}
.c-icon--file-dropbox-small:before {
  content: '\E471';
}
.c-icon--file-google:before {
  content: '\E472';
}
.c-icon--file-google-document:before {
  content: '\E472';
}
.c-icon--file-google-form:before {
  content: '\E472';
}
.c-icon--file-google-presentation:before {
  content: '\E472';
}
.c-icon--file-google-spreadsheet:before {
  content: '\E472';
}
.c-icon--file-google-document-small:before {
  content: '\E473';
}
.c-icon--file-google-form-small:before {
  content: '\E473';
}
.c-icon--file-google-presentation-small:before {
  content: '\E473';
}
.c-icon--file-google-small:before {
  content: '\E473';
}
.c-icon--file-google-spreadsheet-small:before {
  content: '\E473';
}
.c-icon--file-qtz:before {
  content: '\E474';
}
.c-icon--file-qtz-small:before {
  content: '\E475';
}
.c-icon--file-sketch:before {
  content: '\E476';
}
.c-icon--file-sketch-small:before {
  content: '\E477';
}
.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-generic-tiny:before {
  content: '\E4A0';
}
.c-icon--file-spaces-tiny:before {
  content: '\E4AA';
}
.c-icon--file-image-tiny:before {
  content: '\E4AB';
}
.c-icon--file-pdf-tiny:before {
  content: '\E4AC';
}
.c-icon--file-audio-tiny:before {
  content: '\E4AD';
}
.c-icon--file-video-tiny:before {
  content: '\E4AE';
}
.c-icon--file-presentation-tiny:before {
  content: '\E4AF';
}
.c-icon--file-email-tiny:before {
  content: '\E4BA';
}
.c-icon--file-vector-tiny:before {
  content: '\E4BB';
}
.c-icon--file-spreadsheet-tiny:before {
  content: '\E4BC';
}
.c-icon--file-media-archive-tiny:before {
  content: '\E4BD';
}
.c-icon--file-archive-tiny:before {
  content: '\E4BE';
}
.c-icon--file-executable-tiny:before {
  content: '\E4BF';
}
.c-icon--file-disk-image-tiny:before {
  content: '\E4CA';
}
.c-icon--file-cad-tiny:before {
  content: '\E4CB';
}
.c-icon--file-3d-graphic-tiny:before {
  content: '\E4CC';
}
.c-icon--file-database-tiny:before {
  content: '\E4CD';
}
.c-icon--file-binary-tiny:before {
  content: '\E4CE';
}
.c-icon--file-markdown-tiny:before {
  content: '\E4CF';
}
.c-icon--file-text-post-tiny:before {
  content: '\E4DA';
}
.c-icon--file-html-tiny:before {
  content: '\E4DB';
}
.c-icon--file-code-tiny:before {
  content: '\E4DC';
}
.c-icon--file-css-tiny:before {
  content: '\E4DD';
}
.c-icon--file-php-tiny:before {
  content: '\E4DE';
}
.c-icon--file-snippet-tiny:before {
  content: '\E4DF';
}
.c-icon--file-word-tiny:before {
  content: '\E4EA';
}
.c-icon--file-excel-tiny:before {
  content: '\E4EB';
}
.c-icon--file-powerpoint-tiny:before {
  content: '\E4EC';
}
.c-icon--file-illustrator-tiny:before {
  content: '\E4ED';
}
.c-icon--file-photoshop-tiny:before {
  content: '\E4EE';
}
.c-icon--file-indesign-tiny:before {
  content: '\E4EF';
}
.c-icon--file-adobe-flash-tiny:before {
  content: '\E4F0';
}
.c-icon--file-adobe-swf-tiny:before {
  content: '\E4F1';
}
.c-icon--file-iphone-app-tiny:before {
  content: '\E4F2';
}
.c-icon--file-android-app-tiny:before {
  content: '\E4F3';
}
.c-icon--file-dropbox-tiny:before {
  content: '\E4F4';
}
.c-icon--file-google-document-tiny:before {
  content: '\E4F5';
}
.c-icon--file-google-form-tiny:before {
  content: '\E4F5';
}
.c-icon--file-google-presentation-tiny:before {
  content: '\E4F5';
}
.c-icon--file-google-spreadsheet-tiny:before {
  content: '\E4F5';
}
.c-icon--file-google-tiny:before {
  content: '\E4F5';
}
.c-icon--file-qtz-tiny:before {
  content: '\E4F6';
}
.c-icon--file-sketch-tiny:before {
  content: '\E4F7';
}
.c-icon--file-figma-tiny:before {
  content: '\E4F8';
}
.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 {
  content: '\E509';
}
.c-icon--presence-ra-online:before {
  content: '\E509';
}
.c-icon--restricted-user:before {
  content: '\E509';
}
.c-icon--presence-external-offline:before {
  content: '\E510';
}
.c-icon--presence-ra-offline:before {
  content: '\E510';
}
.c-icon--presence-external-dnd:before {
  content: '\E511';
}
.c-icon--presence-ra-dnd:before {
  content: '\E511';
}
.c-icon--presence-ura-online:before {
  content: '\E512';
}
.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:before {
  content: '\E520';
}
.c-icon--times-circle-small-filled: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--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 {
  content: '\E536';
}
.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--filebg-large-filled:before {
  content: '\E544';
}
.c-icon--filebg-small-filled:before {
  content: '\E545';
}
.c-icon--highlight-filled:before {
  content: '\E546';
}
.c-icon--pin-filled:before {
  content: '\E547';
}
.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 {
  content: '\E568';
}
.c-icon--shared-channels-baseline:before {
  content: '\E568';
}
.c-icon--sc-pending:before {
  content: '\E569';
}
.c-icon--shared-channels-pending:before {
  content: '\E569';
}
.c-icon--sc-baseline-pending:before {
  content: '\E570';
}
.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-filled: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--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--slack:before {
  content: '\E800';
}
.c-icon--slack-pillow:before {
  content: '\E801';
}
.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--vogue:before {
  content: '\E80A';
}
.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-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-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: #1d1c1d;
}
.c-icon--file-figma-tiny:after {
  background-color: #1d1c1d;
}
/*
 * PLASTIC
 * Fonts
 * Site-wide fonts and helpers
 */
@font-face {
  font-family: "appleLogo";
  src: local("Lucida Grande");
  unicode-range: U+F8FF;
}
/* Double-quotes are required to get Helvetica Neue to load properly */
/*
 * Explanation of font-family choice / sequence ...
 * consolas is a MSFT font included with Windows XP and is designed for legibility,
 * ClearType-friendly etc. https://en.wikipedia.org/wiki/Consolas
 * `courier` is next as it looks nice on the Mac, which won't have Consolas.
 * there is `Menlo` on the Mac, but it's quite tall and long compared to courier.
 * as a fallback, `monospace` is the generic family we want to render snippets with.
 */
.AboutBox {
  background: white;
  font-family: Slack-Lato, Lucida Grande, sans-serif;
  padding: 42px;
  -webkit-app-region: drag;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.AboutBox-logo {
  width: 82px;
  height: 82px;
  user-select: none;
}
.AboutBox-versionContainer {
  width: 100%;
  margin-top: 16px;
  text-align: center;
}
.AboutBox-version {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
  color: #2c2d30;
  text-align: center;
  user-select: none;
  pointer-events: none;
}
.AboutBox-version.long {
  font-size: 16px;
}
.AboutBox-copy {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  outline: none;
  padding: 0px 0px 0px 5px;
  transition: all 0.1s ease-in-out;
}
.AboutBox-copy:before {
  font-size: 16px;
  line-height: 18px;
}
.AboutBox-copy:hover {
  transform: scale(1.2);
}
.AboutBox-copy:active {
  transform: scale(1.1);
}
.AboutBox-versionName {
  width: 100%;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #2c2d30;
  margin-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  user-select: none;
  pointer-events: none;
}
.AboutBox-tooltipHolder {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-family: 'Slack-Lato', 'appleLogo', sans-serif !important;
}
.AboutBox-tooltip {
  display: block;
  position: absolute;
  z-index: 1030;
  top: 50%;
  left: 50%;
  border-radius: 6px;
  max-width: 250px;
  padding: 8px 12px;
  transform: translate(-50%, -150%);
  text-align: left;
  opacity: 0;
  color: white;
  background-color: black;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.3;
  pointer-events: none;
  user-select: none;
  transition: opacity 150ms ease-out;
}
.AboutBox-tooltip:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 5px;
  margin-left: -5px;
}
.AboutBox .singleLineOfText {
  display: -webkit-box;
  text-overflow: visible;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.AboutBox .fadeIn {
  opacity: 0;
  transform: scaleY(0);
  animation-name: fadeInKeyframes;
  animation-duration: 250ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.AboutBox .fadeOut {
  opacity: 0;
  transition: all 250ms ease-in;
}
@keyframes fadeInKeyframes {
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: top;
  }
}
.AboutBox-dependencies {
  opacity: 0;
  transform: scaleY(0);
  position: absolute;
  left: 0px;
  bottom: 42px;
  margin-top: -20px;
  height: 192px;
  box-sizing: border-box;
  border: 1px solid rgba(151, 151, 151, 0.25);
  border-style: solid none;
  -webkit-app-region: no-drag;
}
.AboutBox-dependencies:hover,
.AboutBox-dependencies:focus,
.AboutBox-dependencies:active {
  outline: none;
}
.AboutBox-acknowledgements {
  background: #007a5a;
  color: white !important;
  padding: 8px 14px 9px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  -webkit-font-smoothing: antialiased;
  line-height: 1.2rem;
  font-weight: 900;
  font-size: 15px;
  font-family: inherit;
  text-decoration: none;
  -webkit-user-select: none;
  border: 0;
  border-radius: .25rem;
  -webkit-box-shadow: none;
  margin-top: 35px;
  display: inline-block;
  cursor: default;
  -webkit-app-region: no-drag;
}
.AboutBox-acknowledgements:hover,
.AboutBox-acknowledgements:focus,
.AboutBox-acknowledgements:active {
  outline: none;
}
.AboutBox-acknowledgements::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: .25rem;
}
.AboutBox-acknowledgements:hover::after {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.25);
}
.AboutBox-acknowledgements:active {
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.25);
}
.AboutBox-acknowledgements:active::after {
  box-shadow: none;
}
.AboutBox .Dependency {
  font-family: Slack-Lato, Lucida Grande, sans-serif;
  color: #2c2d30;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
}
.AboutBox .Dependency-name {
  font-weight: 700;
  display: -webkit-box;
  text-overflow: visible;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.AboutBox .Dependency-licenseName {
  display: inline;
}
.AboutBox .Dependency-licenseText {
  display: inline-block;
  margin-top: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid rgba(151, 151, 151, 0.25);
  border-style: solid none;
}
.AboutBox .Dependency-licenseText-enter {
  opacity: 0;
}
.AboutBox .Dependency-licenseText-enter-active {
  opacity: 1;
  transition: opacity 0.4s ease-out;
}
.AboutBox .Dependency-viewLicense {
  background: white;
  color: #2c2d30;
  padding: 3px 3px 0px 3px;
  margin-left: 6px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  border: 0;
  border-radius: .25rem;
  -webkit-box-shadow: none;
  display: inline-block;
  cursor: default;
}
.AboutBox .Dependency-viewLicense:focus,
.AboutBox .Dependency-viewLicense:active {
  outline: none;
}
.AboutBox .Dependency-viewLicense:hover {
  outline: none;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
}
.AboutBox .Dependency-viewLicense::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: .25rem;
}
.AboutBox .Dependency-viewLicense:hover::after {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.25);
}
.AboutBox .Dependency-viewLicense:active {
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.25);
}
.AboutBox .Dependency-viewLicense:active::after {
  box-shadow: none;
}
.AboutBox .Dependency-viewLicense-leave {
  opacity: 1;
}
.AboutBox .Dependency-viewLicense-leave-active {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.AuthView {
  background-color: white;
  position: relative;
  padding: 26px;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #2C2D30;
  line-height: 22px;
  font-size: 15px;
  font-family: Slack-Lato, Lucida Grande, sans-serif;
}
.AuthView * {
  box-sizing: border-box;
}
.AuthView-title {
  height: 28px;
  display: block;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #2C2D30;
}
.AuthView-message {
  display: block;
  color: #2C2D30;
  margin-bottom: 22px;
}
.AuthView label {
  font-weight: bold;
  color: rgba(29, 28, 29, 0.7);
}
.AuthView input {
  display: block;
  margin-top: 4px;
  font-family: inherit;
  color: #2C2D30;
}
.AuthView input:not([type="submit"]) {
  border-radius: 5px;
  margin-bottom: 12px;
  padding: .45em .75em .55em;
  height: 38px;
  font-size: 1em;
  line-height: normal;
  border: 1px solid #C5C5C5;
  border-radius: .25rem;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  color: #555459;
  width: 100%;
  max-width: 100%;
  transition: box-shadow 70ms ease-out, border-color 70ms ease-out;
  -webkit-font-smoothing: antialiased;
  box-shadow: none;
  height: auto;
}
.AuthView input:hover {
  border-color: #2780f8;
}
.AuthView input:focus,
.AuthView input:active {
  border-color: #2780f8;
  box-shadow: 0 0 7px rgba(39, 128, 248, 0.15);
  outline-offset: 0;
  outline: 0;
}
.AuthView-button {
  margin-top: 8px;
  display: inline-block;
  cursor: default;
}
.AuthView-button {
  float: right;
  position: relative;
  padding: 8px 14px 9px;
  background: #007a5a;
  vertical-align: bottom;
  color: white !important;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  -webkit-font-smoothing: antialiased;
  line-height: 1.2rem;
  font-weight: 900;
  font-size: 15px;
  font-family: inherit;
  text-decoration: none;
  -webkit-user-select: none;
  border: 0;
  border-radius: .25rem;
  -webkit-box-shadow: none;
}
.AuthView-button:hover,
.AuthView-button:focus,
.AuthView-button:active {
  outline: none;
}
.AuthView-button::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: .25rem;
}
.AuthView-button:hover::after {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.25);
}
.AuthView-button:active {
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.25);
}
.AuthView-button:active::after {
  box-shadow: none;
}
.DoomedError {
  position: fixed;
  top: -30px;
  /* Fade in: Account for the sidebar */
  left: calc(50vw - 300px + 34px);
  z-index: -10000;
  width: 600px;
  height: 100vh;
  display: flex;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  line-height: 1.6rem;
}
.DoomedError > img {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  height: 230px;
  width: 200px;
}
.DoomedError > h1 {
  font-size: 1.7rem;
  margin: 0;
}
.DoomedError > p {
  text-align: left;
}
.DoomedErrorFadeIn {
  /* Fade in: Ensure that we never see the screen during startup */
  transition: opacity 2s linear;
  transition-delay: 3s;
  opacity: 1;
}
.LastKnownError {
  bottom: 25px;
  position: absolute;
  width: 600px;
  left: 0;
}
.LastKnownError code {
  font-size: .85rem;
  font-family: Consolas, monaco, "Ubuntu Mono", courier, monospace;
}
.SettingsEditor {
  background: white;
  font-family: Slack-Lato, Lucida Grande, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100vh;
}
.SettingsEditor header {
  position: fixed;
  background-color: #f9f9f9;
  padding: 8px;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
  width: 100%;
}
.SettingsEditor button {
  background: #007A5A;
  color: #fff;
  line-height: 1.2rem;
  font-weight: 900;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: .25rem;
  box-shadow: none;
  padding: 8px 14px 9px;
  font-size: 15px;
  font-family: NotoSansJP, Slack-Lato, appleLogo, sans-serif;
  width: 150px;
  margin-right: 20px;
  transition: background-color 0.5s;
}
.SettingsEditor button:focus,
.SettingsEditor button:hover {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.25);
  outline: none;
}
.SettingsEditor button:active {
  background-color: #9ecebb;
}
.SettingsEditor ul {
  overflow-y: scroll;
  margin: 53px 0 0 0;
  padding: 5px;
}
.SettingsEditor li {
  display: flex;
  align-items: stretch;
  margin-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ebebeb;
}
.SettingsEditor li label {
  width: 280px;
}
.SettingsEditor li input {
  flex-grow: 1;
  font-family: Consolas, Monaco, "Lucida Console", monospace;
}
.btn {
  background: #007A5A;
  color: white;
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 900;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 0.25rem;
  box-shadow: none;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.btn:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.25rem;
}
a.btn {
  color: white;
}
.no_touch .btn:hover,
.no_touch .btn.hover,
.no_touch .btn:focus {
  outline: none;
  text-decoration: none;
}
.btn:hover,
.btn.hover,
.btn:focus {
  background: #007A5A;
  color: white;
}
.btn:hover:after,
.btn.hover:after,
.btn:focus:after {
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.25);
}
.btn:active,
.btn.active {
  color: white;
}
.btn:active:after,
.btn.active:after {
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}
.btn_outline {
  background: #f9f9f9;
  color: #1d1c1d !important;
  font-weight: 700;
  text-shadow: none;
}
.btn_outline:after {
  border: 1px solid #ddd;
}
.btn_outline.btn_transparent {
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.btn_outline.btn_transparent:after {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.btn_outline.btn_transparent:hover,
.btn_outline.btn_transparent.hover,
.btn_outline.btn_transparent:focus,
.btn_outline.btn_transparent:active,
.btn_outline.btn_transparent.active {
  color: #1264a3 !important;
  background: rgba(255, 255, 255, 0.9) !important;
}
.btn_outline.btn_transparent:hover:after,
.btn_outline.btn_transparent.hover:after,
.btn_outline.btn_transparent:focus:after,
.btn_outline.btn_transparent:active:after,
.btn_outline.btn_transparent.active:after {
  box-shadow: none;
  border-color: transparent;
}
.btn_outline.btn_transparent:active,
.btn_outline.btn_transparent.active {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.btn_outline:hover,
.btn_outline.hover,
.btn_outline:focus {
  background: white;
  color: #1264a3 !important;
}
.btn_outline:hover:after,
.btn_outline.hover:after,
.btn_outline:focus:after {
  box-shadow: none;
}
.btn_outline:active {
  color: #1264a3;
}
.btn_outline:active:after {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn_outline.active {
  color: #666 !important;
  margin-top: 0;
  font-weight: 900;
}
.btn.btn_outline.btn_warning,
.btn.btn_outline.btn_danger {
  background: #f9f9f9 !important;
}
.btn.btn_outline.btn_warning:hover,
.btn.btn_outline.btn_danger:hover,
.btn.btn_outline.btn_warning:focus,
.btn.btn_outline.btn_danger:focus {
  background: white !important;
}
.btn.btn_outline.btn_warning:hover,
.btn.btn_outline.btn_warning:focus {
  color: #de4e2b !important;
}
.btn.btn_outline.btn_warning:hover:after,
.btn.btn_outline.btn_warning:focus:after {
  border-color: #de4e2b;
}
.btn.btn_outline.btn_danger:hover,
.btn.btn_outline.btn_danger:focus {
  color: #e01e5a !important;
}
.btn.btn_outline.btn_danger:hover:after,
.btn.btn_outline.btn_danger:focus:after {
  border-color: #e01e5a;
}
.btn.btn_outline.disabled,
.btn.btn_outline.disabled:hover {
  color: #616061 !important;
  background: white !important;
}
.btn_unstyle {
  background: none;
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: 0;
}
.btn_basic {
  background: none;
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: 0;
  color: inherit;
}
.btn_basic:hover,
.btn_basic:focus {
  color: #0b4c8c;
}
.btn_link {
  background: none;
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: 0;
  color: #1264a3;
  vertical-align: baseline;
  cursor: pointer;
}
.btn_link:hover,
.btn_link:focus {
  color: #0b4c8c;
  text-decoration: underline;
}
.btn.btn_border {
  background: transparent;
  border: 2px solid white;
}
.btn.btn_border:after {
  box-shadow: none;
}
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:active,
.btn:disabled,
.btn:disabled:hover,
.btn:disabled:active {
  background-color: #ddd !important;
  color: rgba(29, 28, 29, 0.75);
  text-shadow: none;
  box-shadow: none !important;
  pointer-events: none;
}
.btn {
  padding: 8px 14px 9px;
  font-size: 15px;
}
.btn_small {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}
.btn_small i:before {
  font-size: 15px;
}
.NetLogWindow {
  background: white;
  font-family: Slack-Lato, Lucida Grande, sans-serif;
  box-sizing: border-box;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
}
.NetLogWindow > * {
  flex: none;
}
.NetLogWindow-illustration {
  width: 100%;
  margin-bottom: auto;
}
.NetLogWindow-text {
  text-align: center;
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 0.8em;
}
.NetLogWindow .btn {
  font-family: inherit;
}
#trouble_loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 35rem;
  /* on-screen positioning */
  height: 85%;
  min-height: 15rem;
  /* may need fiddling to natural max-height of content. */
  max-height: 21.5rem;
  overflow: auto;
  background: #fff;
  padding: 1.5rem;
  padding-bottom: 0;
  background-clip: padding-box;
  z-index: 9999;
  /* restore the default */
  user-select: auto;
  /* and look nice */
  -webkit-font-smoothing: antialiased;
  /* just to be safe */
  pointer-events: auto;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  font-family: 'Slack-Lato', "Helvetica Neue", helvetica, "Segoe UI", tahoma, verdana, arial, sans-serif;
  font-size: 1rem;
  transform: translateX(-50%) translateY(-50%);
  box-shadow: 0px 0px 16px 8px rgba(0, 0, 0, 0.05);
}
#trouble_loading a {
  text-decoration: none;
  color: #1264a3;
  cursor: pointer;
}
#trouble_loading a:hover {
  text-decoration: underline;
}
#trouble_loading code {
  font-family: Consolas, monaco, "Ubuntu Mono", courier, monospace !important;
  font-size: 0.75rem;
  white-space: normal;
  padding: 0 2px;
  font-variant-ligatures: none;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  color: #e01e5a;
}
#trouble_loading h1 {
  font-size: 1.5rem;
  margin: 0 0 0.25rem 0;
}
#trouble_loading h3 {
  font-size: 1.2rem;
}
#trouble_loading .trouble_loading_content li {
  margin-bottom: 0.5rem;
}
#trouble_loading,
#trouble_loading .trouble_loading_content li {
  line-height: 1.275rem;
}
#trouble_loading p {
  line-height: 1.5rem;
  margin: 0.75rem 0;
}
.DraggableRegion {
  -webkit-app-region: drag;
  position: absolute;
  z-index: 200;
  pointer-events: none;
}
.c-infinite_spinner {
  position: relative;
  margin: 0 auto;
}
.c-infinite_spinner--large {
  width: 80px;
  height: 80px;
}
.c-infinite_spinner--medium {
  width: 52px;
  height: 52px;
}
.c-infinite_spinner--small {
  width: 24px;
  height: 24px;
}
.c-infinite_spinner__spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-45deg);
  animation: 1.2s cubic-bezier(0.25, 0.29, 0.54, 0.86) infinite c-infinite_spinner__spin;
}
@keyframes c-infinite_spinner__spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-infinite_spinner__tail {
  animation: 1.2s cubic-bezier(0.41, 0.24, 0.64, 0.69) infinite c-infinite_spinner__spin;
}
.c-infinite_spinner__bg {
  fill: none;
  opacity: 0.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--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;
}
.fancy-frame .LoadingScreen {
  height: calc(100vh - 31px);
  margin-top: 31px;
}
.LoadingScreen {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Slack-Lato", "system-ui", "Segoe UI", tahoma, verdana, arial, sans-serif;
  background-color: white;
  user-select: none;
  -webkit-app-region: drag;
  cursor: default;
}
.LoadingScreen-connecting,
.LoadingScreen-noService,
.LoadingScreen-offline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.LoadingScreen.nodrag {
  -webkit-app-region: no-drag;
}
.LoadingScreen .fadeIn-enter {
  opacity: 0;
}
.LoadingScreen .fadeIn-enter.fadeIn-enter-active {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.LoadingScreen .fadeIn-leave.fadeIn-leave-active {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.LoadingScreen-image {
  width: calc(100% * 0.5);
  height: calc(100% * 0.5);
  margin-bottom: 0.8rem;
  -webkit-app-region: no-drag;
}
.LoadingScreen-primaryText {
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #1d1c1d;
}
.LoadingScreen-secondaryText {
  text-align: center;
  display: block;
  font-size: 0.85rem;
  line-height: 1.15rem;
  color: rgba(29, 28, 29, 0.5);
  padding: .4rem 1rem 0rem 1rem;
}
.LoadingScreen-link {
  background: #1264a3;
}
.LoadingScreen-button {
  background: #1264a3;
  color: white!important;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  -webkit-font-smoothing: antialiased;
  line-height: 1.2rem;
  font-weight: 900;
  user-select: none;
  text-decoration: none;
  border: 0;
  border-radius: .25rem;
  box-shadow: none;
  vertical-align: bottom;
  padding: 5px 12px 6px;
  font-size: 15px;
}
.LoadingScreen-button:hover,
.LoadingScreen-button:focus {
  background: #0b4c8c;
  color: white;
  outline: none;
}
.LoadingScreen-button.active {
  background: #0b4c8c;
  color: white;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.25);
}
.ScrollableArea-container {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.ScrollableArea-scrollbar-none::-webkit-scrollbar {
  transition: all 2s ease-out;
  display: none;
}
.ScrollableArea-scrollbar-custom::-webkit-scrollbar {
  transition: all 2s ease-out;
  width: 8px;
  height: 8px;
  border-radius: 5px;
}
.ScrollableArea-scrollbar-custom::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  width: 6px;
  height: 6px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.ScrollableArea-scrollbar-custom::-webkit-scrollbar-track {
  background-color: transparent;
}
.SlackApp {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Slack-Lato, Lucida Grande, sans-serif;
  overflow: hidden;
  box-sizing: border-box;
}
.SlackApp .anim-leave {
  opacity: 1;
}
.SlackApp .anim-leave.anim-leave-active {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.SlackApp.fancy-frame {
  border: 1px solid #444444;
}
.SlackApp.fancy-frame.isMaximized {
  border: 0px;
}
.TeamBackground {
  position: absolute;
  background: white;
  text-align: center;
  width: 100vw;
  height: 100vh;
  margin: 0;
  display: flex;
  user-select: none;
}
.TeamBackground-sidebar {
  width: 220px;
  min-width: 220px;
  height: 100vh;
}
.TeamBackground-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.TeamBackground-loading {
  margin-top: 10.8rem;
  margin-right: 4.2rem;
}
.TeamIcon {
  overflow: hidden;
  display: block;
  position: relative;
  -webkit-app-region: no-drag;
}
.TeamIcon-icon {
  display: block;
}
.TeamIcon-initials {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.TeamIcon-overlay {
  position: absolute;
  z-index: 1;
  background-color: black;
  opacity: 0.5;
}
.TeamSidebar {
  height: 100%;
  position: relative;
  flex-direction: column;
  -webkit-user-select: none;
  outline: none;
}
.TeamSidebar-item {
  position: absolute;
  left: 16px;
}
.TeamSidebar-addArea {
  position: absolute;
  width: 100%;
}
.TeamSidebar-addButton {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 36px;
  cursor: pointer;
  opacity: 0.25;
}
.TeamSidebar-addButton:hover {
  opacity: 0.45;
}
.TeamSidebar-addButton:active {
  opacity: 0.35;
}
.fancy-frame .TeamSidebar {
  height: calc(100% - 31px);
  margin-top: 31px;
}
.TeamSidebarItem {
  width: 36px;
  cursor: pointer;
  position: relative;
}
.TeamSidebarItem-indicator {
  transition: all 0.15s ease-out;
  position: absolute;
  top: 14px;
  width: 4px;
  height: 6px;
  left: -16px;
  cursor: default;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  opacity: 0.0;
}
.TeamSidebarItem.selected .TeamSidebarItem-indicator {
  height: 36px;
  display: inherit;
  top: 0px;
  opacity: 0.5;
}
.TeamSidebarItem.unreads .TeamSidebarItem-indicator {
  opacity: 0.5;
}
.TeamSidebarItem-unreadHighlights {
  transition: all 0.15s ease-out;
  position: absolute;
  background: #e01e5a;
  border-radius: 50px;
  z-index: 10;
  pointer-events: none;
  font-family: BlinkMacSystemFont, "Segoe UI", Slack-Lato;
  min-width: 6px;
  top: -10px;
  color: white;
  opacity: 0.0;
}
.TeamSidebarItem-signedOutBadge {
  transition: all 0.15s ease-out;
  position: absolute;
  z-index: 10;
  pointer-events: none;
  right: -12px;
  min-width: 6px;
  top: -8px;
}
.TeamSidebarItem-signedOutBadge .c-icon:before {
  font-size: 25px;
}
.TeamSidebarItem-signedOutBadge-stroke {
  position: absolute;
  z-index: -1;
}
.TeamSidebarItem.highlight .TeamSidebarItem-unreadHighlights {
  opacity: 1.0;
}
.TeamSidebarItem-hoverRect {
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
}
.TeamSidebarItem-item:hover .TeamSidebarItem-hoverRect {
  transition: all 0.15s;
  box-shadow: 0 0 0 3pt rgba(255, 255, 255, 0.25);
}
.TeamSidebarItem-shortcut {
  margin-top: 4px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  font-family: BlinkMacSystemFont, "Segoe UI", Slack-Lato;
}
.TeamSidebarItem-unloaded {
  position: absolute;
  left: -8px;
  top: -9px;
  pointer-events: none;
  opacity: 0.9;
}
.TeamSidebarItem-unloadedStroke {
  opacity: 1;
  color: transparent;
  position: absolute;
  z-index: -1;
}
.Windows-Titlebar {
  -webkit-user-select: none;
  user-select: none;
  -webkit-app-region: drag;
  app-region: drag;
  cursor: default;
  align-items: center;
  align-content: center;
  width: calc(100vw - 2px);
  height: 31px;
  display: flex;
  z-index: 5000;
  position: fixed;
}
.Windows-Titlebar-title {
  line-height: 22px;
  font-size: 12px;
  font-family: "Segoe UI";
  flex: 0 1 auto;
  margin-bottom: 2px;
  margin-left: 5px;
}
.Windows-Titlebar-icon {
  width: 10px;
  height: 10px;
}
.Windows-Titlebar .button-reset {
  background-color: inherit;
  border: inherit;
  outline: none;
}
.Windows-Titlebar-spacer {
  flex: 1 1 auto;
}
.Windows-Titlebar-button {
  -webkit-user-select: none;
  user-select: none;
  -webkit-app-region: no-drag;
  cursor: default;
  width: 46px;
  height: 100%;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: inherit;
  border: inherit;
  outline: none;
}
.Windows-Titlebar-button:hover {
  background-color: inherit;
  border: inherit;
  outline: none;
  transition: background-color 0.1s;
  background-color: rgba(255, 255, 255, 0.15);
}
.Windows-Titlebar-button:active {
  background-color: inherit;
  border: inherit;
  outline: none;
  transition: background-color 0.1s;
  background-color: rgba(255, 255, 255, 0.2);
}
.Windows-Titlebar-button:focus {
  background-color: inherit;
  border: inherit;
  outline: none;
}
.Windows-Titlebar-controls {
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
.Windows-Titlebar-hamburger {
  display: flex;
  justify-content: flex-start;
  height: 100%;
}
.Windows-Titlebar-hamburger Titlebar-button {
  width: 40px;
}
.isMaximized .Windows-Titlebar {
  width: 100%;
}
.Notifications2016 .NotificationHost {
  width: 98%;
  height: 100%;
  float: right;
  display: flex;
  align-items: flex-end;
  font-family: Slack-Lato, Meiryo, Lucida Grande, sans-serif;
  color: cyan;
}
.Notifications2016 .NotificationHost-list {
  width: 100%;
}
.Notifications2016 .NotificationHost .spin-enter {
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: pageInRight;
}
.Notifications2016 .NotificationHost .spin-leave {
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: collapseHeight;
  align-self: flex-end;
}
@-webkit-keyframes pageInRight {
  0% {
    -webkit-transform: perspective(300px) rotateY(90deg);
  }
  100% {
    -webkit-transform: none;
  }
}
@-webkit-keyframes collapseHeight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.Notifications2016 .NotificationItem {
  width: 100%;
  height: 72px;
  margin-top: 8px;
  margin-bottom: 8px;
  list-style-type: none;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.Notifications2016 .NotificationItem-content {
  display: flex;
  flex-direction: row;
  position: relative;
  border-width: 2px;
  border-style: solid;
}
.Notifications2016 .NotificationItem-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  min-width: 72px;
  min-height: 72px;
  max-width: 72px;
  max-height: 72px;
}
.Notifications2016 .NotificationItem-icon .TeamIcon {
  width: 72px;
  height: 72px;
  min-width: 72px;
  min-height: 72px;
  max-width: 72px;
  max-height: 72px;
}
.Notifications2016 .NotificationItem-text {
  font-size: 0.8em;
  padding-left: 1em;
  line-height: 16px;
}
.Notifications2016 .NotificationItem .limit-text-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.Notifications2016 .NotificationItem-title {
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0;
  padding-right: 2em;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.Notifications2016 .NotificationItem-message {
  margin-top: 0.33em;
  padding-right: 4em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.Notifications2016 .NotificationItem-message .emoji {
  max-height: 16px;
  vertical-align: middle;
}
.Notifications2016 .NotificationItem-close {
  position: absolute;
  right: 5px;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  opacity: 0.2;
  -webkit-transition: all 0.4s ease-out;
}
.Notifications2016 .NotificationItem-content:hover > .Notifications2016 .NotificationItem-close {
  opacity: 1;
  -webkit-transition: all 0.25s ease-in;
}
.Notifications2016 .NotificationItem-hash {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  position: absolute;
  bottom: 6px;
  right: 6px;
}
.Notifications2018 a {
  text-decoration: none;
}
.Notifications2018 .NotificationHost {
  width: 98%;
  height: 100%;
  float: right;
  display: flex;
  align-items: flex-end;
  font-family: Slack-Lato, Meiryo, Lucida Grande, sans-serif;
  color: #2C2D30;
}
.Notifications2018 .NotificationHost-list {
  width: 100%;
}
.Notifications2018 .NotificationHost .spin-enter {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
}
.Notifications2018 .NotificationHost .spin-leave {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: collapseHeight;
  align-self: flex-end;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes collapseHeight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.Notifications2018 .Team {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(44, 45, 48, 0.3);
  margin: 10px;
}
.Notifications2018 .Team a,
.Notifications2018 .Team a:active,
.Notifications2018 .Team a:visited,
.Notifications2018 .Team a:focus {
  color: unset;
}
.Notifications2018 .Team > header {
  border-radius: 4px 4px 0 0;
  margin: 0;
  height: 40px;
}
.Notifications2018 .Team > header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  position: relative;
  display: inline-block;
}
.Notifications2018 .Team > header i {
  margin: 1px 9px 0 0;
}
.Notifications2018 .Team > header a.OpenTeam {
  padding: 8px 0 0 12px;
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  width: calc(100% - 40px);
}
.Notifications2018 .Team > header a.Close {
  height: 100%;
  box-sizing: border-box;
  float: right;
  padding: 8px 0 0 8px;
}
.Notifications2018 .Team > header > a:hover {
  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.Notifications2018 .Channel {
  border-bottom: 1px solid rgba(44, 45, 48, 0.11);
}
.Notifications2018 .Channel header {
  color: rgba(44, 45, 48, 0.67);
  display: flex;
}
.Notifications2018 .Channel header h4 {
  font-size: 14px;
  font-weight: 800;
  margin: 0;
}
.Notifications2018 .Channel header a:hover {
  background-color: #f9f9f9;
}
.Notifications2018 .Channel header a.OpenChannel {
  height: 100%;
  padding: 9px 10px 7px 10px;
  display: inline-block;
  width: calc(100% - 35px);
  box-sizing: border-box;
  flex-grow: 1;
}
.Notifications2018 .Channel header a.Close {
  display: inline-block;
  padding: 7px 10px 0 10px;
  float: right;
  margin-right: 1px;
}
.Notifications2018 .Channel header i.c-icon:before {
  font-size: 14px;
}
.Notifications2018 .Channels:last-child {
  border: none;
}
.Notifications2018 .Message:hover {
  background-color: #f9f9f9;
}
.Notifications2018 .Message {
  display: flex;
  padding: 8px 10px 6px 10px;
}
.Notifications2018 .Message:last-child {
  margin-bottom: 10px;
}
.Notifications2018 .Message:first-child {
  padding-top: 0;
}
.Notifications2018 .Message .Avatar {
  border-radius: 4px;
  margin: 3px 8px 0 0;
  width: 36px;
  min-width: 36px;
  max-height: 36px;
  background-size: cover;
}
.Notifications2018 .Message p,
.Notifications2018 .Message h5 {
  margin: 0;
}
.Notifications2018 .Message h5 {
  font-weight: 900;
  color: #2C2D30;
  font-size: 15px;
}
.Notifications2018 .Message .Timestamp {
  font-size: 12px;
  color: #717274;
  font-weight: 400;
  margin-left: 4px;
}
.Notifications2018 .Message .Content {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  display: -webkit-box;
  padding: 0 2px;
}
.Notifications2018 .Message .Content p {
  line-height: 22px;
}
.Notifications2018 .Message .Content img {
  width: 100%;
  border-radius: 3px;
  margin-top: 11px;
}
.Notifications2018 .Message .Content .emoji {
  max-width: 22px;
  max-height: 22px;
  margin: 0;
  margin-bottom: -5px;
}
