/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
input, textarea{
    margin: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/********** Great clearfix **************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Hairline.woff2') format('woff2'), url('/static/fonts/Lato-Hairline.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Thin.woff2') format('woff2'), url('/static/fonts/Lato-Thin.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Light.woff2') format('woff2'), url('/static/fonts/Lato-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Regular.woff2') format('woff2'), url('/static/fonts/Lato-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Medium.woff2') format('woff2'), url('/static/fonts/Lato-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Semibold.woff2') format('woff2'), url('/static/fonts/Lato-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Bold.woff2') format('woff2'), url('/static/fonts/Lato-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Heavy.woff2') format('woff2'), url('/static/fonts/Lato-Heavy.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Black.woff2') format('woff2'), url('/static/fonts/Lato-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-HairlineItalic.woff2') format('woff2'), url('/static/fonts/Lato-HairlineItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-ThinItalic.woff2') format('woff2'), url('/static/fonts/Lato-ThinItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-LightItalic.woff2') format('woff2'), url('/static/fonts/Lato-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-Italic.woff2') format('woff2'), url('/static/fonts/Lato-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-MediumItalic.woff2') format('woff2'), url('/static/fonts/Lato-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-SemiboldItalic.woff2') format('woff2'), url('/static/fonts/Lato-SemiboldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-BoldItalic.woff2') format('woff2'), url('/static/fonts/Lato-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-HeavyItalic.woff2') format('woff2'), url('/static/fonts/Lato-HeavyItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('/static/fonts/Lato-BlackItalic.woff2') format('woff2'), url('/static/fonts/Lato-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Averta';
  src: url('/static/fonts/regular-webfont.woff2') format('woff2'), url('/static/fonts/regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/static/fonts/semibold-webfont.woff2') format('woff2'), url('/static/fonts/semibold-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/static/fonts/bold-webfont.woff2') format('woff2'), url('/static/fonts/bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/static/fonts/extrabold-webfont.woff2') format('woff2'), url('/static/fonts/extrabold-webfont.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Averta';
  src: url('/static/fonts/blck-webfont.woff2') format('woff2'), url('/static/fonts/blck-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Monaco';
  src: url('/static/fonts/Monaco.woff2') format('woff2'), url('/static/fonts/Monaco.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-Thin.woff2') format('woff2'), url('/static/fonts/LarsseitW05-Thin.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-ThinItalic.woff2') format('woff2'), url('/static/fonts/LarsseitW05-ThinItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-Light.woff2') format('woff2'), url('/static/fonts/LarsseitW05-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-LightItalic.woff2') format('woff2'), url('/static/fonts/LarsseitW05-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-Regular.woff2') format('woff2'), url('/static/fonts/LarsseitW05-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-Italic.woff2') format('woff2'), url('/static/fonts/LarsseitW05-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-Medium.woff2') format('woff2'), url('/static/fonts/LarsseitW05-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-MediumItalic.woff2') format('woff2'), url('/static/fonts/LarsseitW05-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-Bold.woff2') format('woff2'), url('/static/fonts/LarsseitW05-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-BoldItalic.woff2') format('woff2'), url('/static/fonts/LarsseitW05-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-ExtraBold.woff2') format('woff2'), url('/static/fonts/LarsseitW05-ExtraBold.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit';
  src: url('/static/fonts/LarsseitW05-ExtraBoldItalic.woff2') format('woff2'), url('/static/fonts/LarsseitW05-ExtraBoldItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Circular Std';
  src: url('/static/fonts/CircularStd-Book.woff2') format('woff2'), url('/static/fonts/CircularStd-Book.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: 'Circular Std';
  src: url('/static/fonts/CircularStd-MediumItalic.woff2') format('woff2'), url('/static/fonts/CircularStd-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Circular Std';
  src: url('/static/fonts/CircularStd-BlackItalic.woff2') format('woff2'), url('/static/fonts/CircularStd-BlackItalic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Circular Std';
  src: url('/static/fonts/CircularStd-Black.woff2') format('woff2'), url('/static/fonts/CircularStd-Black.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Circular Std';
  src: url('/static/fonts/CircularStd-BoldItalic.woff2') format('woff2'), url('/static/fonts/CircularStd-BoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Circular Std';
  src: url('/static/fonts/CircularStd-Medium.woff2') format('woff2'), url('/static/fonts/CircularStd-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Circular Std';
  src: url('/static/fonts/CircularStd-Bold.woff2') format('woff2'), url('/static/fonts/CircularStd-Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'slack-icons';
  src: url('/static/fonts/slack-icons.woff2') format('woff2'), url('/static/fonts/slack-icons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
img {
  max-width: 100%;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
input,
select,
textarea,
button {
  font-family: 'Lato', Helvetica, sans-serif;
}
html {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 16px;
}
@media (max-height: 560px) {
  html.isDesktop {
    overflow: auto;
  }
}
body {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: white;
  font-family: 'Lato', Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -ms-font-feature-settings: "kern" 1;
  font-feature-settings: "kern";
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  z-index: 1;
}
@media (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  body {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
  }
}
.isDesktop body.isWithoutScrollSnap {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}
button {
  padding: 0;
  outline: none;
  border: none;
  background: none;
}
sup {
  font-size: 60%;
  position: relative;
  vertical-align: baseline;
  top: -0.6em;
}
a {
  position: relative;
  text-decoration: none;
}
.fakesvg {
  position: fixed;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
}
html.isTablet .condition--notablet {
  display: none !important;
}
html.isNotTablet .condition--tablet {
  display: none !important;
}
br.conditional {
  display: none;
}
@media (min-width: 1280px) {
  br.desktop {
    display: inline;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  br.tablet {
    display: inline;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: landscape), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: landscape) {
  br.tablet-land {
    display: inline;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: portrait), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: portrait) {
  br.tablet-port {
    display: inline;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  br.phone {
    display: inline;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  br.phone-land {
    display: inline;
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 812px) and (max-height:375px) and (orientation: portrait) {
  br.phone-port {
    display: inline;
  }
}
html.build--events a.to-slack,
html.build--learn a.to-slack {
  display: none;
}
.isWithoutTransition {
  transition: none !important;
}
.MenuSpecialUTM {
  display: none;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MenuSpecialUTM {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
html.utmSpecial .MenuSpecialUTM {
  display: block;
}
html.utmSpecial .MenuGeneral {
  display: none;
}



.MobMenu {
  z-index: 130;
}
@media (min-width: 1280px) {
  .MobMenu {
    display: none;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MobMenu .MenuSpecialUTM {
    display: block;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .MobMenu .MenuSpecialUTM {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    display: flex;
    justify-content: space-between;
  }
  .MobMenu .MenuSpecialUTM .MobMenu-menu-button {
    margin: 0;
    width: 50%;
    line-height: 55px;
  }
  .MobMenu .MenuSpecialUTM .MobMenu-menu-button--try {
    margin-right: 16px;
  }
}
.MobMenu-content {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: opacity 0.5s, visibility 0s 0.5s, z-index 0s 0.5s;
}
.MobMenu.expanded .MobMenu-content {
  z-index: 131;
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s, visibility 0s, z-index 0s;
}
.MobMenu-menu {
  position: fixed;
  z-index: 130;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
}
@media (min-width: 1280px) {
  .MobMenu-menu {
    display: none;
  }
}
html.phone-landscape .MobMenu-menu {
  min-height: 300px;
}
html.phone-landscape .MobMenu-menu-scroll {
  width: 330px;
  float: right;
  margin-top: -55px;
}
html.phone-landscape .MobMenu-menu-buttons {
  float: left;
  width: calc(100% - 330px);
  margin-top: 120px;
  position: relative;
  left: 20px;
  max-width: 350px;
}
.MobMenu-menu-wrapper {
  margin: 2px 0 0;
}
.MobMenu-menu-wrapper:first-child {
  margin: 85px 0 0;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MobMenu-menu-wrapper:first-child {
    margin: 64px 0 0;
  }
}
.MobMenu-menu-header {
  position: relative;
  height: auto;
  width: auto;
  border-radius: 6px;
  transition: background-color 0.3s;
  margin: 0 12px 0;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px), (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .MobMenu-menu-header {
    margin-left: 12px;
    margin-right: 12px;
  }
  .MobMenu-menu-header-item {
    padding: 13px 34px 13px 20px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.3px;
  }
  .MobMenu-menu-header-item svg {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 18px;
    top: 19px;
    transform: rotate(-90deg);
    transition: transform 0.3s;
  }
}
.MobMenu-menu-header.isActive {
  background-color: #F6F6F6;
}
.MobMenu-menu-header.isActive svg {
  transform: rotate(0deg);
}
.MobMenu-menu .Scroll-menu {
  visibility: visible;
  position: relative;
  height: auto;
  display: none;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px), (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .MobMenu-menu .Scroll-menu {
    margin-left: 48px;
    height: auto;
    top: 11px;
    margin-bottom: 25px;
    padding-top: 0 !important;
  }
}
.MobMenu-menu .Scroll-menu-item {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.55px;
  padding: 0;
  margin: 0 0 14px;
}
.MobMenu-menu .Scroll-menu-item.active,
.MobMenu-menu .Scroll-menu-item:hover {
  color: #000;
  font-weight: bold;
}
.MobMenu-menu .Scroll-menu-item span {
  top: 18px;
}
.MobMenu-menu-button {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  margin: 7px 12px 7px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .MobMenu-menu-button {
    line-height: 64px;
  }
}
.MobMenu-menu-button--contact {
  border-radius: 4px;
  line-height: 50px;
  border: 1px solid #611F69;
  color: #fff;
  box-shadow: 0 0 0 1px transparent;
  background: #611F69;
}
.no-touchevents .MobMenu-menu-button--contact {
  transition: 0.2s box-shadow;
}
.no-touchevents .MobMenu-menu-button--contact:hover,
.touchevents .MobMenu-menu-button--contact:active {
  box-shadow: 0 0 0 1px #611F69;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .MobMenu-menu-button--contact {
    border-radius: 4px;
    line-height: 62px;
  }
}
.MobMenu-menu-button--try {
  font-size: 14px;
  border-radius: 4px;
  line-height: 50px;
  margin: 12px 12px 0;
  color: #611F69;
  border: 1px solid #4A154B;
  background: #fff;
}
.no-touchevents .MobMenu-menu-button--try {
  transition: 0.2s background;
}
.no-touchevents .MobMenu-menu-button--try:hover,
.touchevents .MobMenu-menu-button--try:active {
  background: #4A154B;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .MobMenu-menu-button--try {
    border-radius: 4px;
  }
}
.MobMenu-burger {
  position: fixed;
  top: 35px;
  right: 30.3px;
  width: 20px;
  height: 14.6px;
  z-index: 1100;
  cursor: pointer;
}
.MobMenu.expanded .MobMenu-burger {
  z-index: 1101;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MobMenu-burger {
    top: 35px;
    right: 30.3px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MobMenu-burger {
    top: 25px;
    right: 24px;
  }
}
.MobMenu-burger:before {
  content: ' ';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}
.MobMenu-burger-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 2.5px;
  background: #1D1C1D;
  border-radius: 1px;
  transition: transform 0.5s, opacity 0.5s, width 0.5s;
  transform-origin: 50% 50%;
}
.MobMenu-burger-line--1 {
  top: 0;
}
.MobMenu.expanded .MobMenu-burger-line--1 {
  transform: translateY(7px) rotate(45deg);
  width: 20px;
}
.MobMenu-burger-line--2 {
  top: 7px;
}
.MobMenu.expanded .MobMenu-burger-line--2 {
  opacity: 0;
}
.MobMenu-burger-line--3 {
  top: 14px;
}
.MobMenu.expanded .MobMenu-burger-line--3 {
  transform: translateY(-7px) rotate(-45deg);
  width: 20px;
}

.SlackIntro {
  position: relative;
  height: 100vh;
  min-height: 700px;
  scroll-snap-align: start;
}
@media (min-width: 1280px) {
  .SlackIntro {
    left: 50%;
    margin: -60px 0 -150px -640px;
    width: 1280px;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro {
    margin: -40px 0 -80px 0;
    left: 0;
    width: 100%;
    min-height: 740px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro {
    min-height: 640px;
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 812px) and (max-height:375px) and (orientation: portrait) {
  .SlackIntro {
    left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  .SlackIntro {
    left: 0;
    width: 100%;
    min-height: 700px;
    scroll-snap-align: end;
  }
}
.SlackIntro.isInitial .SlackIntro-text > * {
  transform: translate3d(0, -50px, 0);
  opacity: 0;
}
.SlackIntro.isInitial .SlackIntro-buttons {
  transform: translate3d(0, -50px, 0);
  opacity: 0;
}
.SlackIntro-landscapeWrapper {
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px), (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-landscapeWrapper {
    top: 0;
  }
}
.SlackIntro-text {
  position: relative;
  top: 16.47058824%;
  color: #1D1C1D;
  text-align: center;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-text {
    top: 14.84375%;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-text {
    top: 13.07578009%;
    max-width: 229px;
    margin: 0 auto;
  }
  html.lang--es-es .SlackIntro-text,
  html.lang--fr-fr .SlackIntro-text {
    max-width: 305px;
  }
}
.SlackIntro-textHeader {
  white-space: nowrap;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
  font-size: 64px;
  line-height: 68px;
  font-weight: bold;
  letter-spacing: -1.5px;
  transition: transform 1s 0.233s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.233s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-textHeader {
    font-size: 48px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-textHeader {
    white-space: normal;
    font-size: 32px;
    line-height: 34px;
  }
}
.SlackIntro-textSubheader {
  white-space: nowrap;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin: 16px 0 19px;
  letter-spacing: -0.2px;
  transition: transform 1s 0.283s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.283s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-textSubheader {
    margin: 5px 0 30px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-textSubheader {
    white-space: normal;
    font-size: 16px;
    line-height: 22px;
    margin: 6px 0 0;
  }
}
.SlackIntro-textButtons {
  transition: transform 1s 0.333s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.333s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-textButtons {
    display: none;
  }
}
.SlackIntro-button {
  width: 192px;
  height: 56px;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: pointer;
  vertical-align: top;
  text-align: center;
  transition: 0.2s background, box-shadow 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (min-width: 1280px) {
  html.lang--es-la .SlackIntro-button,
  html.lang--es-es .SlackIntro-button,
  html.lang--pt-br .SlackIntro-button {
    width: 230px;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  html.lang--fr-fr .SlackIntro-button,
  html.lang--de-de .SlackIntro-button,
  html.lang--es-la .SlackIntro-button,
  html.lang--pt-br .SlackIntro-button,
  html.lang--es-es .SlackIntro-button {
    width: 260px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-button {
    display: block;
    width: 100%;
    height: 52px;
  }
}
.SlackIntro-button--demo {
  color: #ffffff;
  background: #611F69;
  line-height: 56px;
}
.isDesktop .SlackIntro-button--demo:hover,
.isNotDesktop .SlackIntro-button--demo:active {
  background: #4A154B;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-button--demo {
    line-height: 52px;
    margin-top: 8px;
  }
}
.SlackIntro-button--try {
  display: none;
  color: #611F69;
  line-height: 54px;
  box-shadow: inset 0 0 0 1px #4A154B;
}
.isDesktop .SlackIntro-button--try:hover,
.isNotDesktop .SlackIntro-button--try:active {
  box-shadow: inset 0 0 0 2px #4A154B;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-button--try {
    display: inline-block;
    margin-left: 12px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-button--try {
    display: block;
    line-height: 50px;
  }
}
.SlackIntro-buttons {
  display: none;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-buttons {
    position: absolute;
    display: block;
    left: 12px;
    right: 12px;
    bottom: 12px;
    transition: transform 1s 0.333s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.333s cubic-bezier(0.19, 1, 0.22, 1);
  }
}

.SlackIntro h1 {
  position: absolute;
  width: 100%;
  top: 50%;
  opacity: 0.9;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
  font-weight: 900;
  color: #000;
  text-align: center;
  z-index: 4;
  margin-top: -147px;
  font-size: 120px;
  letter-spacing: -2.05px;
  line-height: 130px;
}
html.lang--de-de .SlackIntro h1 {
  font-size: 120px;
}
html.lang--es-es .SlackIntro h1 {
  font-size: 100px;
}
html.lang--es-la .SlackIntro h1 {
  font-size: 100px;
}
html.lang--fr-fr .SlackIntro h1 {
  font-size: 120px;
}
html.lang--ja-jp .SlackIntro h1 {
  font-size: 80px;
}
html.lang--pt-br .SlackIntro h1 {
  font-size: 120px;
}
@media (min-width: 1280px) {
  html.lang--ja-jp .SlackIntro h1,
  html.lang--es-la .SlackIntro h1,
  html.lang--es-es .SlackIntro h1 {
    margin-top: -212px;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro h1 {
    font-weight: 800;
    margin-top: -120px;
    font-size: 88px;
    letter-spacing: -1.6px;
    line-height: 92px;
  }
  html.lang--de-de .SlackIntro h1 {
    font-size: 80px;
  }
  html.lang--es-es .SlackIntro h1 {
    font-size: 70px;
  }
  html.lang--es-la .SlackIntro h1 {
    font-size: 70px;
  }
  html.lang--fr-fr .SlackIntro h1 {
    font-size: 88px;
  }
  html.lang--ja-jp .SlackIntro h1 {
    font-size: 60px;
  }
  html.lang--pt-br .SlackIntro h1 {
    font-size: 88px;
  }
  html.lang--ja-jp .SlackIntro h1,
  html.lang--es-la .SlackIntro h1,
  html.lang--es-es .SlackIntro h1 {
    margin-top: -172px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro h1 {
    font-weight: 800;
    margin-top: -63px;
    font-size: 52px;
    letter-spacing: -1.2px;
    line-height: 56px;
  }
  html.lang--de-de .SlackIntro h1 {
    font-size: 36px;
  }
  html.lang--es-es .SlackIntro h1 {
    font-size: 30px;
  }
  html.lang--es-la .SlackIntro h1 {
    font-size: 30px;
  }
  html.lang--fr-fr .SlackIntro h1 {
    font-size: 52px;
  }
  html.lang--ja-jp .SlackIntro h1 {
    font-size: 30px;
  }
  html.lang--pt-br .SlackIntro h1 {
    font-size: 35px;
  }
  html.lang--ja-jp .SlackIntro h1,
  html.lang--es-la .SlackIntro h1,
  html.lang--es-es .SlackIntro h1 {
    margin-top: -90px;
  }
}
.SlackIntro h1 div {
  display: inline-block;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s transform ease, 1s opacity ease-in;
}
.SlackIntro h1 div span {
  position: relative;
  display: inline-block;
  transition: 640ms transform ease 360ms;
}
.SlackIntro h1 div span:nth-child(1) {
  transform: translateY(7.777777777777778px);
}
.SlackIntro h1 div span:nth-child(2) {
  transform: translateY(14.777777777777777px);
}
.SlackIntro h1 div span:nth-child(3) {
  transform: translateY(22px);
}
.SlackIntro h1 div span:nth-child(4) {
  transform: translateY(29.444444444444443px);
}
.SlackIntro h1 div span:nth-child(5) {
  transform: translateY(37.111111111111114px);
}
.SlackIntro h1 div span:nth-child(6) {
  transform: translateY(45px);
}
.SlackIntro h1 div span:nth-child(7) {
  transform: translateY(53.111111111111114px);
}
.SlackIntro h1 div span:nth-child(8) {
  transform: translateY(61.44444444444444px);
}
.SlackIntro h1 div span:nth-child(9) {
  transform: translateY(70px);
}
.SlackIntro h1 div span:nth-child(10) {
  transform: translateY(78.77777777777779px);
}
.SlackIntro h1 div span:nth-child(11) {
  transform: translateY(87.77777777777777px);
}
.SlackIntro h1 div span:nth-child(12) {
  transform: translateY(97px);
}
.SlackIntro h1 div span:nth-child(13) {
  transform: translateY(106.44444444444444px);
}
.SlackIntro h1 div span:nth-child(14) {
  transform: translateY(116.11111111111111px);
}
.SlackIntro h1 div span:nth-child(15) {
  transform: translateY(126px);
}
.SlackIntro h1 div span:nth-child(16) {
  transform: translateY(136.11111111111111px);
}
.SlackIntro h1 div span:nth-child(17) {
  transform: translateY(146.44444444444446px);
}
.SlackIntro h1 div span:nth-child(18) {
  transform: translateY(157px);
}
.SlackIntro h1 div span:nth-child(19) {
  transform: translateY(167.77777777777777px);
}
.SlackIntro h1 div span:nth-child(20) {
  transform: translateY(178.77777777777777px);
}
.SlackIntro h1 div span:nth-child(21) {
  transform: translateY(190px);
}
.SlackIntro h1 div span:nth-child(22) {
  transform: translateY(201.44444444444443px);
}
.SlackIntro h1 div span:nth-child(23) {
  transform: translateY(213.11111111111114px);
}
.SlackIntro h1 div span:nth-child(24) {
  transform: translateY(225px);
}
.SlackIntro h1 div span:nth-child(25) {
  transform: translateY(237.11111111111114px);
}
.SlackIntro h1 div span:nth-child(26) {
  transform: translateY(249.44444444444443px);
}
.SlackIntro h1 div span:nth-child(27) {
  transform: translateY(262px);
}
.SlackIntro h1 div span:nth-child(28) {
  transform: translateY(274.77777777777777px);
}
.SlackIntro h1 div span:nth-child(29) {
  transform: translateY(287.77777777777777px);
}
.SlackIntro h1 div span:nth-child(30) {
  transform: translateY(301px);
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro h1 div span:nth-child(1) {
    transform: translateY(3.7777777777777777px);
  }
  .SlackIntro h1 div span:nth-child(2) {
    transform: translateY(6.777777777777777px);
  }
  .SlackIntro h1 div span:nth-child(3) {
    transform: translateY(10px);
  }
  .SlackIntro h1 div span:nth-child(4) {
    transform: translateY(13.444444444444443px);
  }
  .SlackIntro h1 div span:nth-child(5) {
    transform: translateY(17.111111111111114px);
  }
  .SlackIntro h1 div span:nth-child(6) {
    transform: translateY(21px);
  }
  .SlackIntro h1 div span:nth-child(7) {
    transform: translateY(25.111111111111114px);
  }
  .SlackIntro h1 div span:nth-child(8) {
    transform: translateY(29.444444444444443px);
  }
  .SlackIntro h1 div span:nth-child(9) {
    transform: translateY(34px);
  }
  .SlackIntro h1 div span:nth-child(10) {
    transform: translateY(38.777777777777786px);
  }
  .SlackIntro h1 div span:nth-child(11) {
    transform: translateY(43.77777777777777px);
  }
  .SlackIntro h1 div span:nth-child(12) {
    transform: translateY(49px);
  }
  .SlackIntro h1 div span:nth-child(13) {
    transform: translateY(54.44444444444444px);
  }
  .SlackIntro h1 div span:nth-child(14) {
    transform: translateY(60.111111111111114px);
  }
  .SlackIntro h1 div span:nth-child(15) {
    transform: translateY(66px);
  }
  .SlackIntro h1 div span:nth-child(16) {
    transform: translateY(72.11111111111111px);
  }
  .SlackIntro h1 div span:nth-child(17) {
    transform: translateY(78.44444444444446px);
  }
  .SlackIntro h1 div span:nth-child(18) {
    transform: translateY(85px);
  }
  .SlackIntro h1 div span:nth-child(19) {
    transform: translateY(91.77777777777777px);
  }
  .SlackIntro h1 div span:nth-child(20) {
    transform: translateY(98.77777777777779px);
  }
  .SlackIntro h1 div span:nth-child(21) {
    transform: translateY(106px);
  }
  .SlackIntro h1 div span:nth-child(22) {
    transform: translateY(113.44444444444443px);
  }
  .SlackIntro h1 div span:nth-child(23) {
    transform: translateY(121.11111111111113px);
  }
  .SlackIntro h1 div span:nth-child(24) {
    transform: translateY(129px);
  }
  .SlackIntro h1 div span:nth-child(25) {
    transform: translateY(137.11111111111114px);
  }
  .SlackIntro h1 div span:nth-child(26) {
    transform: translateY(145.44444444444443px);
  }
  .SlackIntro h1 div span:nth-child(27) {
    transform: translateY(154px);
  }
  .SlackIntro h1 div span:nth-child(28) {
    transform: translateY(162.77777777777777px);
  }
  .SlackIntro h1 div span:nth-child(29) {
    transform: translateY(171.77777777777777px);
  }
  .SlackIntro h1 div span:nth-child(30) {
    transform: translateY(181px);
  }
}
.SlackIntro-scroll {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 26px;
  left: 0;
  z-index: 4;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-scroll {
    bottom: 44px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-scroll {
    bottom: 24px;
  }
}
.SlackIntro-scroll-text {
  display: inline-block;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #C8B8C9;
  letter-spacing: 0.8px;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s transform ease 200ms, 1s opacity ease-in 200ms;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-scroll-text {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.92px;
  }
}
.SlackIntro-scroll-text span {
  position: relative;
  display: inline-block;
  transition: 640ms transform ease 560ms;
}
.SlackIntro-scroll-text span:nth-child(1) {
  transform: translateY(11.777777777777779px);
}
.SlackIntro-scroll-text span:nth-child(2) {
  transform: translateY(22.77777777777778px);
}
.SlackIntro-scroll-text span:nth-child(3) {
  transform: translateY(34px);
}
.SlackIntro-scroll-text span:nth-child(4) {
  transform: translateY(45.44444444444444px);
}
.SlackIntro-scroll-text span:nth-child(5) {
  transform: translateY(57.111111111111114px);
}
.SlackIntro-scroll-text span:nth-child(6) {
  transform: translateY(69px);
}
.SlackIntro-scroll-text span:nth-child(7) {
  transform: translateY(81.11111111111111px);
}
.SlackIntro-scroll-text span:nth-child(8) {
  transform: translateY(93.44444444444444px);
}
.SlackIntro-scroll-text span:nth-child(9) {
  transform: translateY(106px);
}
.SlackIntro-scroll-text span:nth-child(10) {
  transform: translateY(118.77777777777779px);
}
.SlackIntro-scroll-text span:nth-child(11) {
  transform: translateY(131.77777777777777px);
}
.SlackIntro-scroll-text span:nth-child(12) {
  transform: translateY(145px);
}
.SlackIntro-scroll-text span:nth-child(13) {
  transform: translateY(158.44444444444446px);
}
.SlackIntro-scroll-text span:nth-child(14) {
  transform: translateY(172.11111111111111px);
}
.SlackIntro-scroll-text span:nth-child(15) {
  transform: translateY(186px);
}
.SlackIntro-scroll-text span:nth-child(16) {
  transform: translateY(200.11111111111111px);
}
.SlackIntro-scroll-text span:nth-child(17) {
  transform: translateY(214.44444444444446px);
}
.SlackIntro-scroll-text span:nth-child(18) {
  transform: translateY(229px);
}
.SlackIntro-scroll-text span:nth-child(19) {
  transform: translateY(243.77777777777777px);
}
.SlackIntro-scroll-text span:nth-child(20) {
  transform: translateY(258.77777777777777px);
}
.SlackIntro-scroll-text span:nth-child(21) {
  transform: translateY(274px);
}
.SlackIntro-scroll-text span:nth-child(22) {
  transform: translateY(289.44444444444446px);
}
.SlackIntro-scroll-text span:nth-child(23) {
  transform: translateY(305.11111111111114px);
}
.SlackIntro-scroll-text span:nth-child(24) {
  transform: translateY(321px);
}
.SlackIntro-scroll-text span:nth-child(25) {
  transform: translateY(337.11111111111114px);
}
.SlackIntro-scroll-text span:nth-child(26) {
  transform: translateY(353.44444444444446px);
}
.SlackIntro-scroll-text span:nth-child(27) {
  transform: translateY(370px);
}
.SlackIntro-scroll-text span:nth-child(28) {
  transform: translateY(386.77777777777777px);
}
.SlackIntro-scroll-text span:nth-child(29) {
  transform: translateY(403.77777777777777px);
}
.SlackIntro-scroll-text span:nth-child(30) {
  transform: translateY(421px);
}
.SlackIntro-scroll-text span:nth-child(31) {
  transform: translateY(438.44444444444446px);
}
.SlackIntro-scroll-text span:nth-child(32) {
  transform: translateY(456.1111111111111px);
}
.SlackIntro-scroll-text span:nth-child(33) {
  transform: translateY(474px);
}
.SlackIntro-scroll-text span:nth-child(34) {
  transform: translateY(492.1111111111111px);
}
.SlackIntro-scroll-text span:nth-child(35) {
  transform: translateY(510.44444444444446px);
}
.SlackIntro-scroll-text span:nth-child(36) {
  transform: translateY(529px);
}
.SlackIntro-scroll-text span:nth-child(37) {
  transform: translateY(547.7777777777778px);
}
.SlackIntro-scroll-text span:nth-child(38) {
  transform: translateY(566.7777777777778px);
}
.SlackIntro-scroll-text span:nth-child(39) {
  transform: translateY(586px);
}
.SlackIntro-scroll-text span:nth-child(40) {
  transform: translateY(605.4444444444445px);
}
.SlackIntro-scroll-text span:nth-child(41) {
  transform: translateY(625.1111111111111px);
}
.SlackIntro-scroll-text span:nth-child(42) {
  transform: translateY(645px);
}
.SlackIntro-scroll-text span:nth-child(43) {
  transform: translateY(665.1111111111111px);
}
.SlackIntro-scroll-text span:nth-child(44) {
  transform: translateY(685.4444444444445px);
}
.SlackIntro-scroll-text span:nth-child(45) {
  transform: translateY(706px);
}
.SlackIntro-scroll-text span:nth-child(46) {
  transform: translateY(726.7777777777778px);
}
.SlackIntro-scroll-text span:nth-child(47) {
  transform: translateY(747.7777777777777px);
}
.SlackIntro-scroll-text span:nth-child(48) {
  transform: translateY(769px);
}
.SlackIntro-scroll-text span:nth-child(49) {
  transform: translateY(790.4444444444443px);
}
.SlackIntro-scroll-text span:nth-child(50) {
  transform: translateY(812.1111111111111px);
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-scroll-text span:nth-child(1) {
    transform: translateY(3.7777777777777777px);
  }
  .SlackIntro-scroll-text span:nth-child(2) {
    transform: translateY(6.777777777777777px);
  }
  .SlackIntro-scroll-text span:nth-child(3) {
    transform: translateY(10px);
  }
  .SlackIntro-scroll-text span:nth-child(4) {
    transform: translateY(13.444444444444443px);
  }
  .SlackIntro-scroll-text span:nth-child(5) {
    transform: translateY(17.111111111111114px);
  }
  .SlackIntro-scroll-text span:nth-child(6) {
    transform: translateY(21px);
  }
  .SlackIntro-scroll-text span:nth-child(7) {
    transform: translateY(25.111111111111114px);
  }
  .SlackIntro-scroll-text span:nth-child(8) {
    transform: translateY(29.444444444444443px);
  }
  .SlackIntro-scroll-text span:nth-child(9) {
    transform: translateY(34px);
  }
  .SlackIntro-scroll-text span:nth-child(10) {
    transform: translateY(38.777777777777786px);
  }
  .SlackIntro-scroll-text span:nth-child(11) {
    transform: translateY(43.77777777777777px);
  }
  .SlackIntro-scroll-text span:nth-child(12) {
    transform: translateY(49px);
  }
  .SlackIntro-scroll-text span:nth-child(13) {
    transform: translateY(54.44444444444444px);
  }
  .SlackIntro-scroll-text span:nth-child(14) {
    transform: translateY(60.111111111111114px);
  }
  .SlackIntro-scroll-text span:nth-child(15) {
    transform: translateY(66px);
  }
  .SlackIntro-scroll-text span:nth-child(16) {
    transform: translateY(72.11111111111111px);
  }
  .SlackIntro-scroll-text span:nth-child(17) {
    transform: translateY(78.44444444444446px);
  }
  .SlackIntro-scroll-text span:nth-child(18) {
    transform: translateY(85px);
  }
  .SlackIntro-scroll-text span:nth-child(19) {
    transform: translateY(91.77777777777777px);
  }
  .SlackIntro-scroll-text span:nth-child(20) {
    transform: translateY(98.77777777777779px);
  }
  .SlackIntro-scroll-text span:nth-child(21) {
    transform: translateY(106px);
  }
  .SlackIntro-scroll-text span:nth-child(22) {
    transform: translateY(113.44444444444443px);
  }
  .SlackIntro-scroll-text span:nth-child(23) {
    transform: translateY(121.11111111111113px);
  }
  .SlackIntro-scroll-text span:nth-child(24) {
    transform: translateY(129px);
  }
  .SlackIntro-scroll-text span:nth-child(25) {
    transform: translateY(137.11111111111114px);
  }
  .SlackIntro-scroll-text span:nth-child(26) {
    transform: translateY(145.44444444444443px);
  }
  .SlackIntro-scroll-text span:nth-child(27) {
    transform: translateY(154px);
  }
  .SlackIntro-scroll-text span:nth-child(28) {
    transform: translateY(162.77777777777777px);
  }
  .SlackIntro-scroll-text span:nth-child(29) {
    transform: translateY(171.77777777777777px);
  }
  .SlackIntro-scroll-text span:nth-child(30) {
    transform: translateY(181px);
  }
  .SlackIntro-scroll-text span:nth-child(31) {
    transform: translateY(190.44444444444446px);
  }
  .SlackIntro-scroll-text span:nth-child(32) {
    transform: translateY(200.1111111111111px);
  }
  .SlackIntro-scroll-text span:nth-child(33) {
    transform: translateY(210px);
  }
  .SlackIntro-scroll-text span:nth-child(34) {
    transform: translateY(220.11111111111111px);
  }
  .SlackIntro-scroll-text span:nth-child(35) {
    transform: translateY(230.44444444444443px);
  }
  .SlackIntro-scroll-text span:nth-child(36) {
    transform: translateY(241px);
  }
  .SlackIntro-scroll-text span:nth-child(37) {
    transform: translateY(251.7777777777778px);
  }
  .SlackIntro-scroll-text span:nth-child(38) {
    transform: translateY(262.77777777777777px);
  }
  .SlackIntro-scroll-text span:nth-child(39) {
    transform: translateY(274px);
  }
  .SlackIntro-scroll-text span:nth-child(40) {
    transform: translateY(285.44444444444446px);
  }
  .SlackIntro-scroll-text span:nth-child(41) {
    transform: translateY(297.1111111111111px);
  }
  .SlackIntro-scroll-text span:nth-child(42) {
    transform: translateY(309px);
  }
  .SlackIntro-scroll-text span:nth-child(43) {
    transform: translateY(321.11111111111114px);
  }
  .SlackIntro-scroll-text span:nth-child(44) {
    transform: translateY(333.44444444444446px);
  }
  .SlackIntro-scroll-text span:nth-child(45) {
    transform: translateY(346px);
  }
  .SlackIntro-scroll-text span:nth-child(46) {
    transform: translateY(358.7777777777778px);
  }
  .SlackIntro-scroll-text span:nth-child(47) {
    transform: translateY(371.7777777777777px);
  }
  .SlackIntro-scroll-text span:nth-child(48) {
    transform: translateY(385px);
  }
  .SlackIntro-scroll-text span:nth-child(49) {
    transform: translateY(398.4444444444444px);
  }
  .SlackIntro-scroll-text span:nth-child(50) {
    transform: translateY(412.11111111111114px);
  }
}
.SlackIntro-scroll-arrow {
  display: inline-block;
  width: 20px;
  height: 12px;
  margin-top: 16px;
  transform-origin: 50% 100%;
  transform: translateY(30px) scaleY(0);
  opacity: 0;
  transition: 500ms transform ease 700ms, 200ms opacity ease-in 800ms;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-scroll-arrow {
    margin-top: 10px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-scroll-arrow {
    margin-top: 10px;
    width: 18px;
    height: 10px;
  }
}
.SlackIntro-scroll-arrow-inner {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-animation: bounce_arrow 4s infinite 2s;
          animation: bounce_arrow 4s infinite 2s;
}
@-webkit-keyframes bounce_arrow {
  0% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  12% {
    transform: translateY(5px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  18% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  24% {
    transform: translateY(5px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  30% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce_arrow {
  0% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  12% {
    transform: translateY(5px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  18% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  24% {
    transform: translateY(5px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  30% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.SlackIntro-scroll-arrow svg {
  width: 100%;
  height: 100%;
}
.SlackIntro.initial-show h1 div {
  transform: none;
  opacity: 1;
}
.SlackIntro.initial-show h1 div span {
  transform: none;
}
.SlackIntro.initial-show .SlackIntro-scroll-text {
  transform: none;
  opacity: 1;
}
.SlackIntro.initial-show .SlackIntro-scroll-text span {
  transform: none;
}
.SlackIntro.initial-show .SlackIntro-scroll-arrow {
  transform: none;
  opacity: 1;
}

.SlackIntro.isInitial .SlackIntro-circle {
  opacity: 0;
}
.SlackIntro.isInitial .SlackIntro-circle--0 {
  transform: translate3d(-21px, -157px, 0) scale(0.9);
}
.SlackIntro.isInitial .SlackIntro-circle--1 {
  transform: translate3d(81px, -52px, 0) scale(0.5);
}
.SlackIntro.isInitial .SlackIntro-circle--2 {
  transform: translate3d(48px, 76px, 0) scale(0.875);
}
.SlackIntro.isInitial .SlackIntro-circle--3 {
  transform: translate3d(-21px, 56px, 0) scale(0.8);
}
.SlackIntro.isInitial .SlackIntro-circle--4 {
  transform: translate3d(-17px, 96px, 0) scale(0.625);
}
.SlackIntro.isInitial .SlackIntro-circle--5 {
  transform: translate3d(-117px, -84px, 0) scale(0.625);
}
.SlackIntro.isInitial .SlackIntro-circle--6 {
  transform: translate3d(78px, 59px, 0) scale(0.775);
}
.SlackIntro.isInitial .SlackIntro-circle--7 {
  transform: translate3d(-73px, 96px, 0) scale(0.625);
}
.SlackIntro.isInitial .SlackIntro-circle--8 {
  transform: translate3d(33px, 114px, 0) scale(0.425);
}
.SlackIntro-circles {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: 1040ms transform ease, 1040ms opacity ease-in;
}
@media (min-width: 1280px) {
  html.lang--fr-fr .SlackIntro-circles {
    top: 10px;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-circles {
    top: 30px;
  }
}
.SlackIntro .SlackIntro-circle {
  position: absolute;
  width: 80px;
  height: 80px;
  z-index: 2;
  border-radius: 6px;
  overflow: hidden;
}
.SlackIntro .SlackIntro-circle--0 {
  left: 883px;
  top: 41.76470588%;
  transition: transform 1s 0.15s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro .SlackIntro-circle--1 {
  left: 1146px;
  top: 52.82352941%;
  transition: transform 1s 0.15s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro .SlackIntro-circle--2 {
  left: 492px;
  top: 71.41176471%;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro .SlackIntro-circle--3 {
  left: 188px;
  top: 43.41176471%;
  transition: transform 1s 0.07s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.07s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro .SlackIntro-circle--4 {
  left: 54px;
  top: 54.11764706%;
  transition: transform 1s 0.07s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.07s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro .SlackIntro-circle--5 {
  left: 621px;
  top: 46.70588235%;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro .SlackIntro-circle--6 {
  left: 1007px;
  top: 70.23529412%;
  transition: transform 1s 0.15s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro .SlackIntro-circle--7 {
  left: 384px;
  top: 58.35294118%;
  transition: transform 1s 0.07s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.07s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro .SlackIntro-circle--8 {
  left: 818px;
  top: 58.94117647%;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro .SlackIntro-circle {
    width: 60px;
    height: 60px;
  }
  .SlackIntro .SlackIntro-circle--0 {
    left: 69.921875%;
    top: 39.94140625%;
  }
  .SlackIntro .SlackIntro-circle--1 {
    left: 88.80208333%;
    top: 53.125%;
  }
  .SlackIntro .SlackIntro-circle--2 {
    left: 41.92708333%;
    top: 78.515625%;
  }
  .SlackIntro .SlackIntro-circle--3 {
    left: 19.921875%;
    top: 38.18359375%;
  }
  .SlackIntro .SlackIntro-circle--4 {
    left: 3.64583333%;
    top: 52.05078125%;
  }
  .SlackIntro .SlackIntro-circle--5 {
    left: 47.91666667%;
    top: 44.7265625%;
  }
  .SlackIntro .SlackIntro-circle--6 {
    left: 78.125%;
    top: 67.67578125%;
  }
  .SlackIntro .SlackIntro-circle--7 {
    left: 24.34895833%;
    top: 69.23828125%;
  }
  .SlackIntro .SlackIntro-circle--8 {
    left: 58.72395833%;
    top: 59.47265625%;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro .SlackIntro-circle {
    width: 44px;
    height: 44px;
  }
  .SlackIntro .SlackIntro-circle--0 {
    left: 18.4%;
    top: 35.51263001%;
  }
  .SlackIntro .SlackIntro-circle--1 {
    left: 5.6%;
    top: 45.31946508%;
  }
  .SlackIntro .SlackIntro-circle--2 {
    left: 82.13333333%;
    top: 39.07875186%;
  }
  .SlackIntro .SlackIntro-circle--3 {
    left: 11.73333333%;
    top: 61.66419019%;
  }
  .SlackIntro .SlackIntro-circle--4 {
    left: 34.13333333%;
    top: 68.64784547%;
  }
  .SlackIntro .SlackIntro-circle--5 {
    left: 60.8%;
    top: 34.32392273%;
  }
  .SlackIntro .SlackIntro-circle--6 {
    left: 39.73333333%;
    top: 41.75334324%;
  }
  .SlackIntro .SlackIntro-circle--7 {
    left: 79.73333333%;
    top: 63.00148588%;
  }
  .SlackIntro .SlackIntro-circle--8 {
    left: 67.46666667%;
    top: 52.74888559%;
  }
}
.SlackIntro .SlackIntro-circle img {
  width: 100%;
  height: 100%;
}

.SlackIntro.isInitial .SlackIntro-line path {
  -webkit-clip-path: polygon(-20% -50%, 0 -50%, 0 150%, -20% 150%);
          clip-path: polygon(-20% -50%, 0 -50%, 0 150%, -20% 150%);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro.isInitial .SlackIntro-line path {
    -webkit-clip-path: polygon(-50% 0, -50% 0, 150% 0, 150% 0);
            clip-path: polygon(-50% 0, -50% 0, 150% 0, 150% 0);
  }
}
@media (min-width: 1280px) {
  .SlackIntro.isInitial .SlackIntro-line--reverseDesktop path {
    -webkit-clip-path: polygon(100% -50%, 100% -50%, 100% 150%, 100% 150%);
            clip-path: polygon(100% -50%, 100% -50%, 100% 150%, 100% 150%);
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro.isInitial .SlackIntro-line--reverseTablet path {
    -webkit-clip-path: polygon(-50% 100%, -50% 100%, 150% 100%, 150% 100%);
            clip-path: polygon(-50% 100%, -50% 100%, 150% 100%, 150% 100%);
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro.isInitial .SlackIntro-line--reversePhone path {
    -webkit-clip-path: polygon(100% -50%, 100% -50%, 100% 150%, 100% 150%);
            clip-path: polygon(100% -50%, 100% -50%, 100% 150%, 100% 150%);
  }
}
.SlackIntro-lines {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media (min-width: 1280px) {
  .SlackIntro-lines--desktop {
    display: block;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-lines--tablet {
    display: block;
    top: 30px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-lines--phone {
    display: block;
  }
}
.SlackIntro-lines svg circle {
  transform-origin: 50% 50%;
}
.SlackIntro-lines svg circle.transform-origin-left-top {
  transform-origin: 0% 0%;
}
.SlackIntro-lines svg circle.transform-origin-right-top {
  transform-origin: 100% 0%;
}
.SlackIntro-lines svg circle.transform-origin-left-bottom {
  transform-origin: 0% 100%;
}
.SlackIntro-lines svg circle.transform-origin-right-bottom {
  transform-origin: 100% 100%;
}
.SlackIntro-line--0 path {
  transition: -webkit-clip-path 1s 0.537s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.537s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.537s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1s 0.537s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro-line--1 path {
  transition: -webkit-clip-path 1s 0.453s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.453s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.453s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1s 0.453s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro-line--2 path {
  transition: -webkit-clip-path 1s 0.383s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.383s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.383s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1s 0.383s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro-line--3 path {
  transition: -webkit-clip-path 1s 0.467s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.467s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.467s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1s 0.467s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro-line--4 path {
  transition: -webkit-clip-path 1s 0.533s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.533s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.533s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1s 0.533s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro-line--5 path {
  transition: -webkit-clip-path 1s 0.617s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.617s cubic-bezier(0.19, 1, 0.22, 1);
  transition: clip-path 1s 0.617s cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1s 0.617s cubic-bezier(0.19, 1, 0.22, 1);
}
.SlackIntro-line path {
  -webkit-clip-path: polygon(-20% -50%, 100% -50%, 100% 150%, -20% 150%);
          clip-path: polygon(-20% -50%, 100% -50%, 100% 150%, -20% 150%);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-line path {
    -webkit-clip-path: polygon(-50% 0, -50% 100%, 150% 100%, 150% 0);
            clip-path: polygon(-50% 0, -50% 100%, 150% 100%, 150% 0);
  }
}

.SlackIntro.isInitial .SlackIntro-bubble {
  transform: scale(0.2);
  opacity: 0;
}
.SlackIntro-bubble {
  position: absolute;
  bottom: 0;
  height: 48px;
  z-index: 3;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble {
    height: 32px;
    margin-bottom: 10px;
  }
}
.SlackIntro-bubble--hashtag {
  height: 36px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--hashtag {
    height: 28px;
  }
}
.SlackIntro-bubble--hashtag .SlackIntro-bubble-inner {
  line-height: 36px;
  font-weight: 800;
  color: #ffffff;
  padding: 0 12px;
  letter-spacing: -0.7px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--hashtag .SlackIntro-bubble-inner {
    line-height: 28px;
  }
}
.SlackIntro-bubble--hashtag .SlackIntro-bubble-inner:after {
  content: none;
}
.SlackIntro-bubble--hashtag .SlackIntro-bubble-panel {
  box-shadow: none;
}
.SlackIntro-bubble--1 {
  left: 6%;
  bottom: 40%;
  margin-bottom: -6.82352941%;
  transition: transform 1s 0.67s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.67s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-bubble--1 {
    left: 4%;
    bottom: 36%;
    margin-bottom: 0;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 768 / 890) and (max-aspect-ratio: 910 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 768 / 890) and (max-aspect-ratio: 910 / 740) {
  .SlackIntro-bubble--1 {
    bottom: 32%;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 813px) and (max-width: 1279px) and (max-height: 739px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (max-height: 739px) {
  .SlackIntro-bubble--1 {
    bottom: 32%;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--1 {
    bottom: 24%;
    left: 48%;
    margin-bottom: 0;
  }
}
.SlackIntro-bubble--1 .SlackIntro-bubble-panel {
  border-radius: 0 48px 48px 48px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--1 .SlackIntro-bubble-panel {
    border-radius: 48px 0 48px 48px;
  }
}
.SlackIntro-bubble--2 {
  left: 41%;
  bottom: 26%;
  margin-left: 55px;
  margin-bottom: -0.58823529%;
  transition: transform 1s 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-bubble--2 {
    bottom: 18%;
    left: 46%;
    margin-left: 5.20833333%;
    margin-bottom: 0.78125%;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 813px) and (max-width: 1279px) and (max-height: 739px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (max-height: 739px) {
  .SlackIntro-bubble--2 {
    left: 44%;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--2 {
    display: none;
  }
}
.SlackIntro-bubble--2 .SlackIntro-bubble-panel {
  border-radius: 48px 48px 48px 0;
}
.SlackIntro-bubble--3 {
  right: 7%;
  bottom: 44%;
  margin-right: 55px;
  margin-bottom: -1.17647059%;
  transition: transform 1s 0.75s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-bubble--3 {
    bottom: 45%;
    right: 7%;
    margin-right: 5.20833333%;
    margin-bottom: -0.9765625%;
  }
  html.lang--es-es .SlackIntro-bubble--3 {
    bottom: 40%;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 813px) and (max-width: 1279px) and (max-height: 739px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (max-height: 739px) {
  .SlackIntro-bubble--3 {
    bottom: 46%;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--3 {
    left: 7%;
    bottom: 48%;
    right: auto;
    margin-right: 0;
    margin-bottom: -35px;
  }
}
.SlackIntro-bubble--3 .SlackIntro-bubble-panel {
  border-radius: 48px 48px 0 48px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--3 .SlackIntro-bubble-panel {
    border-radius: 0 48px 48px 48px;
  }
}
.SlackIntro-bubble--4 {
  left: 18%;
  bottom: 54%;
  margin-left: 50px;
  margin-bottom: -5.88235294%;
  transition: transform 1s 0.453s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.453s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-bubble--4 {
    bottom: 62%;
    left: 23%;
    margin-left: 0;
    margin-bottom: -23.4375%;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 768 / 890) and (max-aspect-ratio: 910 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 768 / 890) and (max-aspect-ratio: 910 / 740) {
  .SlackIntro-bubble--4 {
    bottom: 68%;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 813px) and (max-width: 1279px) and (max-height: 739px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (max-height: 739px) {
  .SlackIntro-bubble--4 {
    bottom: 44%;
    left: 27%;
    margin-bottom: 0;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--4 {
    bottom: 33%;
    left: 14%;
    margin-left: 26.66666667%;
    margin-bottom: 5.9435364%;
  }
}
.SlackIntro-bubble--4 .SlackIntro-bubble-panel {
  background: #C05B8C;
}
.SlackIntro-bubble--5 {
  left: 41%;
  bottom: 26%;
  margin-left: -5px;
  margin-bottom: 5.88235294%;
  transition: transform 1s 0.383s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.383s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-bubble--5 {
    bottom: 18%;
    left: 46%;
    margin-left: -6.51041667%;
    margin-bottom: 12.6953125%;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 768 / 890) and (max-aspect-ratio: 910 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 768 / 890) and (max-aspect-ratio: 910 / 740) {
  .SlackIntro-bubble--5 {
    bottom: 13%;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 813px) and (max-width: 1279px) and (max-height: 739px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (max-height: 739px) {
  .SlackIntro-bubble--5 {
    margin-bottom: 0;
    bottom: 27%;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--5 {
    bottom: 49%;
    left: 88%;
    margin-left: -26.66666667%;
    margin-bottom: 0;
  }
}
.SlackIntro-bubble--5 .SlackIntro-bubble-panel {
  background: #007A5A;
}
.SlackIntro-bubble--6 {
  left: 82%;
  bottom: 29%;
  margin-left: -25px;
  margin-bottom: 2.35294118%;
  transition: transform 1s 0.533s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s 0.533s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-bubble--6 {
    bottom: 32%;
    left: 80%;
    margin-left: -6.77083333%;
    margin-bottom: 4.39453125%;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 768 / 890) and (max-aspect-ratio: 910 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 768 / 890) and (max-aspect-ratio: 910 / 740) {
  .SlackIntro-bubble--6 {
    bottom: 33%;
    margin-bottom: 0;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-aspect-ratio: 911 / 740) and (max-aspect-ratio: 1279 / 740), (min-width: 813px) and (max-width: 1279px) and (max-height: 739px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (max-height: 739px) {
  .SlackIntro-bubble--6 {
    bottom: 30%;
    left: 83%;
    margin-bottom: 5%;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble--6 {
    display: none;
  }
}
.SlackIntro-bubble--6 .SlackIntro-bubble-panel {
  background: #4589B5;
}
.SlackIntro-bubble--1 .SlackIntro-bubble-inner:after {
  background-image: url('/static/img/intro/bulbs/v2/emoji-05.svg');
}
.SlackIntro-bubble--2 .SlackIntro-bubble-inner:after {
  background-image: url('/static/img/intro/bulbs/v2/integration-logo-03.svg');
}
.SlackIntro-bubble--3 .SlackIntro-bubble-inner:after {
  background-image: url('/static/img/intro/bulbs/v2/integration-logo-04.svg');
}
.SlackIntro-bubble-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0 10px 36px 0 rgba(211, 211, 224, 0.9);
  border-radius: 48px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-bubble-panel {
    margin-top: 30px;
  }
}
.SlackIntro-bubble-inner {
  position: relative;
  display: inline-block;
  vertical-align: top;
  opacity: 0.9;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #000;
  letter-spacing: -0.5px;
  line-height: 48px;
  padding: 0 20px 0 18px;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackIntro-bubble-inner {
    margin-top: 30px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble-inner {
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
  }
}
.SlackIntro-bubble-inner:after {
  content: '';
  display: inline-block;
  vertical-align: -3px;
  width: 21px;
  height: 22px;
  background-size: 100% 100%;
  margin-left: 16px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackIntro-bubble-inner:after {
    vertical-align: -2px;
    width: 15px;
    height: 15px;
    margin-left: 7px;
  }
}

.SlackIntro-channel {
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  transform: translate(-50%, -50%);
  z-index: 5;
  transform-origin: 0 0;
  font-size: 48px;
  line-height: 1.5;
  font-weight: 800;
  letter-spacing: -0.67px;
  padding: 0 37px;
  border-radius: 40px;
}
.SlackIntro-channel-inner {
  position: relative;
  font-family: 'Lato', Helvetica, sans-serif;
  color: #FFFFFF;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.SlackIntro-channel-inner i {
  font-style: normal;
  display: inline-block;
}
.SlackIntro-channel-inner span {
  display: inline-block;
  transform: scale(0.84210526);
  transform-origin: 46% 73%;
}

.SlackFrame-body-helper-phone {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 24px 48px 0 rgba(74, 21, 75, 0.3);
  opacity: 0;
}
.SlackFrame-body-helper-phone:after {
  content: ' ';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-image: url('/static/img/mobile-ui.png');
  background-size: 100% 100%;
  border-radius: inherit;
  touch-action: pan-x;
}
html.lang--de-de .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/de-de/mobile-ui.png');
}
html.lang--es-es .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/es-es/mobile-ui.png');
}
html.lang--es-la .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/es-la/mobile-ui.png');
}
html.lang--fr-fr .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/fr-fr/mobile-ui.png');
}
html.lang--ja-jp .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/ja-jp/mobile-ui.png');
}
html.lang--pt-br .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/pt-br/mobile-ui.png');
}
html.lang--en-gb .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/en-gb/mobile-ui.png');
}
html.lang--it-it .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/it-it/mobile-ui.png');
}
html.lang--ko-kr .SlackFrame-body-helper-phone:after {
  background-image: url('/static/img/intl/ko-kr/mobile-ui.png');
}
.SlackFrame-body-helper-1 {
  transform: translateZ(1px);
}
.SlackFrame {
  position: relative;
  height: 100vh;
  margin: 28px 0 0;
  overflow: hidden;
  scroll-snap-align: start;
  scroll-margin-top: 85px;
}
.SlackFrame--1 {
  margin: 80px 0 0;
}
html.lang--fr-fr .SlackFrame--1 {
  margin: 100px 0 0;
}
.isDesktop.safari .SlackFrame {
  padding-top: 85px;
  margin-top: -85px;
}
html.lang--fr-fr .isDesktop.safari .SlackFrame {
  padding-top: 100px;
  margin-top: -100px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .isNotDesktop .SlackFrame {
    margin-bottom: 30px;
    padding-bottom: 55px;
    height: 90vh;
  }
}
@media (min-width: 1108px) and (max-width: 1279px) {
  .isNotDesktop .SlackFrame {
    height: 110vh;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackFrame {
    margin: 28px 0 25px 0;
    padding-bottom: 125px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame {
    padding-top: 64px;
    scroll-margin: 64px;
  }
}
@media (max-width: 375px) and (max-height:812px) and (min-height:668px) and (orientation: portrait) {
  .SlackFrame {
    margin-bottom: -218px;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  .SlackFrame {
    height: auto;
    margin: 28px 0 25px 0;
    padding-bottom: 300px;
  }
}
.SlackFrame--1 .SlackFrame-bodyHeader {
  background: #2B092B;
}
.SlackFrame--1 .SlackFrame-bodyHeader-search {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)), #300B31;
}
.SlackFrame--2 .SlackFrame-bodyHeader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #0C1E57;
}
.SlackFrame--2 .SlackFrame-bodyHeader-search {
  background: linear-gradient(0deg, #0C1E57, #0C1E57), linear-gradient(0deg, #1E328F, #1E328F), #300B31;
}
.SlackFrame--3 .SlackFrame-bodyHeader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #1D2229;
}
.SlackFrame--3 .SlackFrame-bodyHeader-search {
  background: linear-gradient(0deg, #1D2229, #1D2229), linear-gradient(0deg, #1E328F, #1E328F), #300B31;
}
.SlackFrame-header {
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
  font-size: 32px;
  line-height: 38px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #1D1C1D;
  text-align: center;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-header {
    margin-bottom: -28px;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackFrame-header {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-header {
    font-size: 24px;
    line-height: 28px;
  }
}
.SlackFrame-landscapeWrapper {
  position: relative;
  height: 100%;
}
.SlackFrame-body-wrapper {
  position: absolute;
  z-index: 2;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-body-wrapper {
    position: relative;
  }
}
.SlackFrame-body {
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
}
.SlackFrame-bodyHeader {
  display: flex;
  background: #2B092B;
  height: 40px;
  width: 100%;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
}
.SlackFrame-bodyHeader > svg {
  width: 20px;
  height: 20px;
  margin: 14px 8px 14px 0;
}
.SlackFrame-bodyHeader > svg:first-child,
.SlackFrame-bodyHeader > svg:nth-child(2),
.SlackFrame-bodyHeader > svg:nth-child(3) {
  width: 12px;
  height: 12px;
}
.SlackFrame-bodyHeader > svg:first-child {
  margin: 14px 8px 14px 10px;
}
.SlackFrame-bodyHeader > svg:nth-child(4) {
  margin: 10px 16px 10px 87px;
}
.SlackFrame-bodyHeader > svg:nth-child(5) {
  margin: 10px 0 10px 0;
  opacity: 0.4;
}
.SlackFrame-bodyHeader > svg:nth-child(6) {
  margin: 10px 0 10px 21px;
}
.SlackFrame-bodyHeader > svg:nth-child(8) {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 20px;
  height: 20px;
  margin: 0;
}
.SlackFrame-bodyHeader-search {
  position: absolute;
  left: calc(50% - 220px / 2 - 0.5px);
  top: calc(50% - 24px / 2);
  width: 345px;
  height: 24px;
  border-radius: 6px;
  border: 1.4px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.SlackFrame-bodyHeader-search > svg {
  width: 24px;
  height: 18px;
  margin: 2px 0 0px 110px;
}
html.lang--de-de .SlackFrame-bodyHeader-search > svg,
html.lang--en-gb .SlackFrame-bodyHeader-search > svg,
html.lang--es-es .SlackFrame-bodyHeader-search > svg {
  margin-left: 80px;
}
.SlackFrame-bodyHeader-search-text {
  white-space: nowrap;
  width: 100px;
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  position: absolute;
  top: 2px;
  left: 142px;
}
html.lang--de-de .SlackFrame-bodyHeader-search-text,
html.lang--en-gb .SlackFrame-bodyHeader-search-text,
html.lang--es-es .SlackFrame-bodyHeader-search-text {
  left: 112px;
}
.SlackFrame-body-helper-1[data-tp="phone"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 24px 48px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-body-helper-1[data-tp="phone"] {
    position: relative;
  }
}
.SlackFrame-body-helper-2[data-tp="phone"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transform-origin: 0 0;
}
.SlackFrame-body-helper-1[data-tp="tablet"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
}
.SlackFrame-body-helper-1[data-tp="tablet"]:before {
  content: '';
  position: absolute;
  top: -30.88235294px;
  bottom: -45.58823529px;
  left: -29.41176471px;
  right: -29.41176471px;
  background: #fbe8ee;
  box-shadow: 0 0 0 4.41176471px #D7BDCD;
  border-radius: 17.64705882px;
  opacity: 0;
  transition: opacity 0.567s;
}
.SlackFrame-body-helper-1[data-tp="tablet"]:after {
  content: ' ';
  position: absolute;
  top: calc(100% + 18px / 0.68);
  height: 32.35294118px;
  left: -117.64705882px;
  right: -117.64705882px;
  background: #fbe8ee;
  box-shadow: 0 0 0 4.41176471px #D7BDCD;
  border-radius: 8.82352941px 8.82352941px 58.82352941px 58.82352941px;
  opacity: 0;
  transition: opacity 0.567s;
}
.SlackFrame-body-helper-1[data-tp="tablet"].withNoteBookBorder:before,
.SlackFrame-body-helper-1[data-tp="tablet"].withNoteBookBorder:after {
  opacity: 1;
}
.SlackFrame-body-helper-2[data-tp="tablet"] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.SlackFrame-channels-to-frame-text,
.SlackFrame-works-text {
  position: absolute;
  width: 100%;
  top: 21%;
  margin-top: -70px;
  opacity: 0;
  transform: translateY(90px);
  text-align: center;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackFrame-channels-to-frame-text,
  .SlackFrame-works-text {
    margin-top: -27px;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: portrait), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: portrait) {
  .SlackFrame-channels-to-frame-text,
  .SlackFrame-works-text {
    margin-top: 50px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-channels-to-frame-text,
  .SlackFrame-works-text {
    margin-top: -33px;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  .SlackFrame-channels-to-frame-text,
  .SlackFrame-works-text {
    top: 73px;
    margin-top: 0px;
  }
}
@media (max-width: 320px) and (max-height:568px) {
  .SlackFrame-channels-to-frame-text,
  .SlackFrame-works-text {
    margin-top: -13px;
  }
}
.SlackFrame-channels-to-frame-text,
.SlackFrame-collaborate-text,
.SlackFrame-departments-text,
.SlackFrame-companies-text,
.SlackFrame-mobile-text {
  font-weight: bold;
  font-size: 46px;
  color: #000;
  letter-spacing: -0.77px;
  line-height: 60px;
}
html.lang--ja-jp .SlackFrame-channels-to-frame-text,
html.lang--ja-jp .SlackFrame-collaborate-text,
html.lang--ja-jp .SlackFrame-departments-text,
html.lang--ja-jp .SlackFrame-companies-text,
html.lang--ja-jp .SlackFrame-mobile-text {
  font-size: 41.4px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackFrame-channels-to-frame-text,
  .SlackFrame-collaborate-text,
  .SlackFrame-departments-text,
  .SlackFrame-companies-text,
  .SlackFrame-mobile-text {
    font-size: 36px;
    letter-spacing: -0.6px;
    line-height: 48px;
  }
  html.lang--de-de .SlackFrame-channels-to-frame-text,
  html.lang--de-de .SlackFrame-collaborate-text,
  html.lang--de-de .SlackFrame-departments-text,
  html.lang--de-de .SlackFrame-companies-text,
  html.lang--de-de .SlackFrame-mobile-text {
    line-height: 38px;
  }
  html.lang--es-es .SlackFrame-channels-to-frame-text,
  html.lang--es-es .SlackFrame-collaborate-text,
  html.lang--es-es .SlackFrame-departments-text,
  html.lang--es-es .SlackFrame-companies-text,
  html.lang--es-es .SlackFrame-mobile-text {
    line-height: 38px;
  }
  html.lang--es-la .SlackFrame-channels-to-frame-text,
  html.lang--es-la .SlackFrame-collaborate-text,
  html.lang--es-la .SlackFrame-departments-text,
  html.lang--es-la .SlackFrame-companies-text,
  html.lang--es-la .SlackFrame-mobile-text {
    line-height: 48px;
  }
  html.lang--fr-fr .SlackFrame-channels-to-frame-text,
  html.lang--fr-fr .SlackFrame-collaborate-text,
  html.lang--fr-fr .SlackFrame-departments-text,
  html.lang--fr-fr .SlackFrame-companies-text,
  html.lang--fr-fr .SlackFrame-mobile-text {
    line-height: 38px;
  }
  html.lang--ja-jp .SlackFrame-channels-to-frame-text,
  html.lang--ja-jp .SlackFrame-collaborate-text,
  html.lang--ja-jp .SlackFrame-departments-text,
  html.lang--ja-jp .SlackFrame-companies-text,
  html.lang--ja-jp .SlackFrame-mobile-text {
    line-height: 48px;
  }
  html.lang--pt-br .SlackFrame-channels-to-frame-text,
  html.lang--pt-br .SlackFrame-collaborate-text,
  html.lang--pt-br .SlackFrame-departments-text,
  html.lang--pt-br .SlackFrame-companies-text,
  html.lang--pt-br .SlackFrame-mobile-text {
    line-height: 38px;
  }
  html.lang--ja-jp .SlackFrame-channels-to-frame-text,
  html.lang--ja-jp .SlackFrame-collaborate-text,
  html.lang--ja-jp .SlackFrame-departments-text,
  html.lang--ja-jp .SlackFrame-companies-text,
  html.lang--ja-jp .SlackFrame-mobile-text {
    font-size: 32.4px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-channels-to-frame-text,
  .SlackFrame-collaborate-text,
  .SlackFrame-departments-text,
  .SlackFrame-companies-text,
  .SlackFrame-mobile-text {
    font-size: 24px;
    letter-spacing: -0.17px;
    line-height: 28px;
  }
  html.lang--ja-jp .SlackFrame-channels-to-frame-text,
  html.lang--ja-jp .SlackFrame-collaborate-text,
  html.lang--ja-jp .SlackFrame-departments-text,
  html.lang--ja-jp .SlackFrame-companies-text,
  html.lang--ja-jp .SlackFrame-mobile-text {
    font-size: 21.6px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  html.lang--pt-br .SlackFrame-departments-text,
  html.lang--pt-br .SlackFrame-mobile-text {
    margin-bottom: 6px;
  }
}
.SlackFrame-collaborate-text,
.SlackFrame-departments-text,
.SlackFrame-companies-text,
.SlackFrame-mobile-text {
  position: absolute;
  width: 100%;
  opacity: 0;
  text-align: center;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
  margin-bottom: 18px;
  bottom: 100%;
}
@media (max-width: 320px) and (max-height:568px) {
  .SlackFrame-collaborate-text,
  .SlackFrame-departments-text,
  .SlackFrame-companies-text,
  .SlackFrame-mobile-text {
    margin-bottom: 8px;
  }
}
.SlackFrame-collaborate-text.conditional,
.SlackFrame-departments-text.conditional,
.SlackFrame-companies-text.conditional,
.SlackFrame-mobile-text.conditional {
  display: none;
}
@media (min-width: 1280px) {
  .SlackFrame-collaborate-text.desktop,
  .SlackFrame-departments-text.desktop,
  .SlackFrame-companies-text.desktop,
  .SlackFrame-mobile-text.desktop {
    display: block;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackFrame-collaborate-text.tablet,
  .SlackFrame-departments-text.tablet,
  .SlackFrame-companies-text.tablet,
  .SlackFrame-mobile-text.tablet {
    display: block;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: landscape), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: landscape) {
  .SlackFrame-collaborate-text.tablet-land,
  .SlackFrame-departments-text.tablet-land,
  .SlackFrame-companies-text.tablet-land,
  .SlackFrame-mobile-text.tablet-land {
    display: block;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: portrait), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: portrait) {
  .SlackFrame-collaborate-text.tablet-port,
  .SlackFrame-departments-text.tablet-port,
  .SlackFrame-companies-text.tablet-port,
  .SlackFrame-mobile-text.tablet-port {
    display: block;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-collaborate-text.phone,
  .SlackFrame-departments-text.phone,
  .SlackFrame-companies-text.phone,
  .SlackFrame-mobile-text.phone {
    display: block;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  .SlackFrame-collaborate-text.phone-land,
  .SlackFrame-departments-text.phone-land,
  .SlackFrame-companies-text.phone-land,
  .SlackFrame-mobile-text.phone-land {
    display: block;
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 812px) and (max-height:375px) and (orientation: portrait) {
  .SlackFrame-collaborate-text.phone-port,
  .SlackFrame-departments-text.phone-port,
  .SlackFrame-companies-text.phone-port,
  .SlackFrame-mobile-text.phone-port {
    display: block;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: portrait), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: portrait) {
  .SlackFrame-collaborate-text,
  .SlackFrame-departments-text,
  .SlackFrame-companies-text,
  .SlackFrame-mobile-text {
    margin-bottom: 15px;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: landscape), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: landscape) {
  .SlackFrame-collaborate-text,
  .SlackFrame-departments-text,
  .SlackFrame-companies-text,
  .SlackFrame-mobile-text {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  .SlackFrame-collaborate-text,
  .SlackFrame-departments-text,
  .SlackFrame-companies-text,
  .SlackFrame-mobile-text {
    margin-top: 73px;
    bottom: auto;
    width: 100% !important;
    padding: 0 24px;
  }
}
.SlackFrame-works-text {
  font-weight: 900;
  font-size: 80px;
  color: #000;
  letter-spacing: -1.6px;
  line-height: 88px;
}
html.lang--ja-jp .SlackFrame-works-text {
  font-size: 56px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .SlackFrame-works-text {
    font-weight: 800;
    margin-top: -57px;
    font-size: 64px;
    letter-spacing: -1.35px;
    line-height: 72px;
  }
  html.lang--ja-jp .SlackFrame-works-text {
    font-size: 44.8px;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: landscape), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: landscape) {
  .SlackFrame-works-text {
    margin-top: -57px;
  }
}
@media (min-width: 813px) and (max-width: 1279px) and (orientation: portrait), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (orientation: portrait) {
  .SlackFrame-works-text {
    margin-top: 26px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-works-text {
    font-weight: 800;
    margin-top: -61px;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 44px;
  }
  html.lang--de-de .SlackFrame-works-text {
    font-size: 40px;
  }
  html.lang--es-es .SlackFrame-works-text {
    font-size: 40px;
  }
  html.lang--es-la .SlackFrame-works-text {
    font-size: 40px;
  }
  html.lang--fr-fr .SlackFrame-works-text {
    font-size: 35px;
  }
  html.lang--ja-jp .SlackFrame-works-text {
    font-size: 35px;
  }
  html.lang--pt-br .SlackFrame-works-text {
    font-size: 40px;
  }
  html.lang--ja-jp .SlackFrame-works-text {
    line-height: 35px;
    padding-top: 10px;
  }
}
@media (max-width: 767px) and (orientation: portrait), (max-width: 812px) and (max-height:375px) and (orientation: portrait) {
  .SlackFrame-works-text {
    top: 50%;
    margin-top: -215px;
    margin-top: calc(-50vw - 27px);
  }
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  .SlackFrame-works-text {
    top: 73px;
    margin-top: 0px;
  }
}
@media (max-width: 320px) and (max-height:568px) {
  .SlackFrame-works-text {
    margin-top: calc(-50vw - 0px);
  }
}
.SlackFrame-bg {
  position: -webkit-sticky;
  position: sticky;
  width: 224vmax;
  height: 224vmax;
  left: 50%;
  top: 100%;
  transform-origin: 50% 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
}
.SlackFrame-bg-inner {
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  transform: scale(0);
  border-radius: 50%;
  background-color: white;
}
.SlackFrame-bg .fade {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.SlackFrame-bottomAnnotation {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  padding-top: 12px;
  transform-origin: 50% 0%;
  opacity: 0;
  transition: opacity 0.2s;
}
.SlackFrame-bottomAnnotation.visible {
  opacity: 0.3;
}
@media (min-width: 1280px) {
  .SlackFrame-bottomAnnotation {
    padding-top: 22px;
  }
}
html.isPhone .SlackFrame-bottomAnnotation {
  top: 121%;
  font-size: 9px;
  padding-top: 22px;
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  html.isPhone .SlackFrame-bottomAnnotation {
    top: 100%;
    padding-top: 3px;
  }
}
@media (min-width: 1280px) {
  .SlackFrame-tooltipsInner--carousel {
    display: none;
  }
}
.SlackFrame-tooltipsInner--carousel.swiper-container {
  overflow: visible;
  margin: 16px 0 0;
}
.SlackFrame-tooltipsInner--carousel .swiper-wrapper {
  height: 87px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrame-tooltipsInner--carousel .swiper-wrapper {
    height: 129px;
  }
}

.SlackFrameContacts {
  letter-spacing: 0.1px;
  width: 220px;
  min-width: 220px;
  background: #3F0E40;
  font-size: 15px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  padding: 10px 0 37px;
  margin: 40px 0 0;
}
.SlackFrameContacts--1 {
  background: #3F0E40;
}
.SlackFrameContacts--2 {
  background: #0C1E57;
}
.SlackFrameContacts--3 {
  background: #1D2229;
}
.SlackFrameContacts-header {
  position: relative;
  padding: 0 16px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.SlackFrameContacts-title {
  position: relative;
  font-size: 15px;
  line-height: 22px;
  font-weight: 900;
  color: white;
  transform-origin: -18px 60%;
  margin-left: 1px;
}
.SlackFrameContacts-title svg {
  position: absolute;
  width: 7px;
  height: 5px;
  top: 11px;
  margin-left: 4px;
}
.SlackFrameContacts-actor {
  font-size: 13px;
  line-height: 18px;
  position: relative;
  padding-left: 14px;
  margin-top: 3px;
}
.SlackFrameContacts-actor svg {
  width: 9px;
  height: 9px;
  position: absolute;
  left: 1px;
  top: 4px;
}
.SlackFrameContacts-edit {
  position: absolute;
  top: 3px;
  right: 16px;
  width: 36px;
  height: 36px;
  background: #ffffff;
  border-radius: 50%;
}
.SlackFrameContacts-edit svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  fill: #4A154B;
}
.SlackFrameContacts-tools {
  padding: 16px 32px 16px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.SlackFrameContacts-tool {
  display: flex;
  align-items: center;
  padding-left: 1px;
}
.SlackFrameContacts-tool--unreads .SlackFrameContacts-icon:before {
  content: '\E103';
}
.SlackFrameContacts-tool--unreads .SlackFrameContacts-toolName {
  font-weight: 900;
  color: #ffffff;
}
.SlackFrameContacts-tool--threads .SlackFrameContacts-icon:before {
  content: '\E171';
}
.SlackFrameContacts-tool--threads .SlackFrameContacts-toolName {
  max-width: 144px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SlackFrameContacts-tool--mentions .SlackFrameContacts-icon:before {
  content: '\E009';
}
.SlackFrameContacts-tool--mentions .SlackFrameContacts-toolName {
  max-width: 144px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SlackFrameContacts-tool--drafts .SlackFrameContacts-icon:before {
  content: '\E059';
}
.SlackFrameContacts-tool--drafts .SlackFrameContacts-toolName {
  font-weight: 900;
  color: #ffffff;
}
.SlackFrameContacts-tool--more {
  padding-left: 0;
}
.SlackFrameContacts-tool--more .SlackFrameContacts-icon {
  margin-right: 9px;
}
.SlackFrameContacts-tool--more .SlackFrameContacts-icon:before {
  content: '\E265';
}
.SlackFrameContacts-icon {
  position: relative;
  width: 20px;
  margin-right: 8px;
}
.SlackFrameContacts-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  font-family: 'slack-icons', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
}
.SlackFrameContacts-groups {
  padding: 0 20px 0 16px;
}
.SlackFrameContacts-group {
  margin-top: 16px;
}
html.lang--it-it .SlackFrameContacts-group--chats {
  display: grid;
}
.SlackFrameContacts-group--chats .SlackFrameContacts-contact {
  padding-left: 6px;
}
.SlackFrameContacts-groupTitle {
  position: relative;
  display: flex;
  align-items: center;
}
.SlackFrameContacts-groupTitle:before {
  content: '\E272';
  width: 20px;
  height: 20px;
  font-family: 'slack-icons', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  transform: rotate(90deg);
  margin-right: 7px;
}
.SlackFrameContacts-groupAdd {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  line-height: 28px;
}
.SlackFrameContacts-groupAdd:before {
  content: '\E279';
  font-family: 'slack-icons', Helvetica, sans-serif;
}
.SlackFrameContacts-contact {
  display: flex;
  position: relative;
  padding-left: 6px;
  white-space: nowrap;
}
html.lang--es-es .SlackFrameContacts-contact span,
html.lang--fr-fr .SlackFrameContacts-contact span {
  max-width: 144px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.lang--it-it .SlackFrameContacts-contact:nth-child(5) {
  order: 1;
}
html.lang--it-it .SlackFrameContacts-contact:nth-child(4) {
  order: 2;
}
html.lang--it-it .SlackFrameContacts-contact:nth-child(3) {
  order: 3;
}
html.lang--it-it .SlackFrameContacts-contact:nth-child(2) {
  order: 4;
}
.SlackFrameContacts-contact--intro-end {
  display: flex;
}
.SlackFrameContacts-contact--intro-end span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.SlackFrameContacts-contact.unread .SlackFrameContacts-contact--channel-name {
  font-weight: 900;
  color: white;
}
.SlackFrameContacts-contact.new span {
  max-width: 144px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SlackFrameContacts-contact.new .SlackFrameContacts-contact-new {
  display: block;
  margin-left: 5px;
  margin-top: 3px;
}
.SlackFrameContacts-contact.selected,
.SlackFrameContacts-contact.hover {
  color: rgba(255, 255, 255, 0.9);
  background: #1264A3;
  margin-left: -16px;
  margin-right: -20px;
  padding-left: 22px;
}
.SlackFrameContacts-contact.selected svg,
.SlackFrameContacts-contact.hover svg {
  right: 8px;
}
.SlackFrameContacts-contact.selected.selected--1,
.SlackFrameContacts-contact.hover.selected--1 {
  background: #1264A3;
}
.SlackFrameContacts-contact.selected.selected--2,
.SlackFrameContacts-contact.hover.selected--2,
.SlackFrameContacts-contact.selected.selected--3,
.SlackFrameContacts-contact.hover.selected--3 {
  background: #4F9588;
}
.SlackFrameContacts-contact-new {
  display: none;
  font-style: normal;
  font-weight: 900;
  background: #CD2553;
  border-radius: 9px;
  padding: 0 9px;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  position: relative;
  top: 3px;
}
.SlackFrameContacts-contact--channel-icon {
  position: relative;
  width: 20px;
}
.SlackFrameContacts-contact--channel-icon:before {
  content: '\E125';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  font-family: 'slack-icons', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
}
.SlackFrameContacts-contact--channel-name {
  max-width: 144px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SlackFrameContacts-contact .lefticon {
  position: relative;
  width: 20px;
}
.SlackFrameContacts-contact .lefticon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
  font-family: 'slack-icons', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  color: #2BAC76;
}
.SlackFrameContacts-contact .lefticon--slackbot:before {
  content: '\E515';
}
.SlackFrameContacts-contact .lefticon--online:before {
  content: '\E506';
}
.SlackFrameContacts-contact .lefticon--offline:before {
  content: '\E507';
  color: rgba(255, 255, 255, 0.8);
}
.SlackFrameContacts-contact .groupicon {
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -7px;
  width: 18px;
  height: 14px;
}
.SlackFrameContacts-contact .svg--chatheader-manage-left-call {
  display: none;
  width: 16px;
  height: 16px;
  position: relative;
  fill: #fff;
  opacity: 0.4 !important;
  left: 8px;
  top: 2px;
}
.SlackFrameContacts-contact--call .svg--chatheader-manage-left-call {
  display: inline-block;
}

.SlackFrameChat {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: white;
  position: relative;
  margin: 40px 0 0;
}
.SlackFrameChat.withUser {
  max-width: calc(100% - 220px);
}
.SlackFrameChat-contentWrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.SlackFrameChat-inner {
  flex: 1;
  display: flex;
  max-height: calc(100% - 63px);
}

.SlackFrameChatHeader {
  height: 63px;
  min-height: 63px;
  display: flex;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.SlackFrameChatHeader .svg--star {
  width: 13px;
  height: 12px;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.SlackFrameChatHeader .svg--user {
  width: 11px;
  height: 10px;
  margin-right: 3px;
}
.SlackFrameChatHeader .svg--pin {
  width: 10px;
  height: 12px;
  margin-left: 6px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.SlackFrameChatHeader-info {
  padding: 10px 0 0 21px;
  flex: 1;
  margin-bottom: 7px;
  position: relative;
  margin-right: 30px;
}
.SlackFrameChatHeader-title {
  font-size: 15px;
  line-height: 22px;
  font-weight: 900;
  transform-origin: -10px -10px;
  position: absolute;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SlackFrameChatHeader-titleText {
  display: inline-block;
}
.SlackFrameChatHeader-titleText:before {
  content: '\E14C';
  width: 0.75em;
  font-family: 'slack-icons', Helvetica, sans-serif;
  font-weight: 400;
}
.SlackFrameChatHeader-params {
  color: #717274;
  font-size: 0;
  line-height: 18px;
  position: absolute;
  top: 37px;
  white-space: nowrap;
  width: 100%;
}
.SlackFrameChatHeader-params .text {
  font-size: 13px;
  margin-right: 11px;
}
.SlackFrameChatHeader-params .text.pinnum {
  margin-right: 7px;
}
.SlackFrameChatHeader-params .text.caption {
  margin-left: 8px;
  width: calc(100% - 120px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  height: 30px;
}
.SlackFrameChatHeader-params .text.caption .pen {
  font-size: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  margin: 0 0 3px 0;
  background-image: url('/static/img/emoji/emoji-08.svg');
  vertical-align: bottom;
}
.SlackFrameChatHeader-params .text.caption .symbol-paper {
  font-size: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: 100% 100%;
  margin: 0 0 3px 0;
  background-image: url('/static/img/emoji/emoji-12.svg');
  vertical-align: bottom;
}
.SlackFrameChatHeader-params .sep {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #B8B9BA;
  position: relative;
  top: 1px;
}
.SlackFrameChatHeader-manage {
  white-space: nowrap;
  padding: 22px 20px 0;
}
.SlackFrameChatHeader-manage > * {
  vertical-align: top;
}
.SlackFrameChatHeader-manage-right {
  font-family: 'slack-icons', Helvetica, sans-serif;
  height: 20px;
  width: 20px;
  font-size: 20px;
  color: rgba(29, 28, 29, 0.7);
}
.SlackFrameChatHeader-manage-right:before {
  content: '\E008';
}
.SlackFrameChatHeader-input {
  border-radius: 4px;
  border: 1px solid #A0A0A2;
  display: inline-block;
  width: 160px;
  font-size: 15px;
  color: #717274;
  padding: 8px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatHeader-input {
    width: 140px;
  }
}
.SlackFrameChatHeader-input .svg {
  width: 15px;
  height: 14px;
  position: relative;
  top: 2px;
  margin-right: 5px;
  fill: #717274;
}
.SlackFrameChatHeader-input.hover {
  color: #4E9DDA;
}
.SlackFrameChatHeader-input.hover svg {
  fill: #4E9DDA;
}

@-webkit-keyframes SlackFrameChatInput-caret {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
}
@keyframes SlackFrameChatInput-caret {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
}
.SlackFrameChatInput-shared {
  font-family: 'Lato', Helvetica, sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #616061;
  margin: 0 0 6px 40px;
}
.SlackFrameChatInput-shared.isHidden {
  display: none;
}
.SlackFrameChatInput-shared svg {
  width: 16px;
  height: 16px;
  margin-right: 7px;
  vertical-align: text-bottom;
}
.SlackFrameChatInput-field {
  display: flex;
  margin: 0 20px 21px;
}
.SlackFrameChatInput-input {
  display: flex;
  flex-flow: column;
  flex: 1;
  border: 1px solid rgba(29, 28, 29, 0.7);
  border-radius: 4px;
  min-height: 88px;
}
.SlackFrameChatInput-text {
  flex: 1;
  position: relative;
  color: #2C2D30;
  width: 100%;
}
.SlackFrameChatInput-text > span {
  padding: 10px 8px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.SlackFrameChatInput-text .hidden {
  display: none;
}
.SlackFrameChatInput-text span.placeholder {
  color: #A0A0A2;
  white-space: nowrap;
  overflow: hidden;
}
.SlackFrameChatInput-text .text-inner.withCursor:after,
.SlackFrameChatInput-text .text-inner-link.withCursor:after {
  content: ' ';
  width: 1px;
  height: 18px;
  position: relative;
  left: 1px;
  background: #2C2D30;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: SlackFrameChatInput-caret 1s infinite;
          animation: SlackFrameChatInput-caret 1s infinite;
}
.SlackFrameChatInput-text .text-inner-link.annotated,
.SlackFrameChatInput-text .text-inner .link {
  color: #007AB8;
  background: #EAF5FC;
  padding: 0 1px 1px;
  border-radius: 3px;
}
.SlackFrameChatInput-buttons {
  height: 39px;
  width: 100%;
  position: relative;
  display: flex;
  background-color: #F8F8F8;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13);
  border-radius: 0 0 4px 4px;
  align-items: center;
  color: rgba(29, 28, 29, 0.7);
  font-family: 'slack-icons', Helvetica, sans-serif;
  font-size: 16px;
  justify-content: space-between;
}
.SlackFrameChatInput-buttons-left {
  display: flex;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left {
    width: 60%;
    justify-content: space-between;
  }
}
.SlackFrameChatInput-buttons-left--zipper {
  height: 20px;
  width: 20px;
  margin: 10px 4px 8px 10px;
  border-right: 1px solid rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--zipper {
    margin: 10px 4px 8px 10px;
  }
}
.SlackFrameChatInput-buttons-left--zipper:before {
  content: '\E011';
}
.SlackFrameChatInput-buttons-left--bold {
  height: 20px;
  width: 20px;
  margin: 10px 0 8px 15px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--bold {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--bold:before {
  content: '\E160';
}
.SlackFrameChatInput-buttons-left--italic {
  height: 20px;
  width: 20px;
  margin: 10px 0 8px 17px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--italic {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--italic:before {
  content: '\E161';
}
.SlackFrameChatInput-buttons-left--strikethrough {
  height: 20px;
  width: 20px;
  margin: 10px 4px 8px 17px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--strikethrough {
    margin: 10px 4px 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--strikethrough:before {
  content: '\E163';
}
.SlackFrameChatInput-buttons-left--code {
  height: 20px;
  width: 20px;
  margin: 10px 0 8px 17px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--code {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--code:before {
  content: '\E066';
}
.SlackFrameChatInput-buttons-left--link {
  height: 20px;
  width: 20px;
  margin: 10px 0 8px 17px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--link {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--link:before {
  content: '\E074';
}
.SlackFrameChatInput-buttons-left--numbered {
  height: 20px;
  width: 20px;
  margin: 10px 0 8px 17px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--numbered {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--numbered:before {
  content: '\E158';
}
.SlackFrameChatInput-buttons-left--bullet {
  height: 20px;
  width: 20px;
  margin: 10px 0 8px 17px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--bullet {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--bullet:before {
  content: '\E157';
}
.SlackFrameChatInput-buttons-left--quote {
  height: 20px;
  width: 20px;
  margin: 10px 0 8px 17px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--quote {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--quote:before {
  content: '\E120';
}
.SlackFrameChatInput-buttons-left--code-block {
  height: 20px;
  width: 20px;
  margin: 10px 0 8px 17px;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-left--code-block {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-left--code-block:before {
  content: '\E15B';
}
.SlackFrameChatInput-buttons-right {
  display: flex;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-right {
    width: 25%;
    justify-content: space-between;
  }
}
.SlackFrameChatInput-buttons-right--text {
  height: 20px;
  width: 20px;
  margin: 10px 17px 8px 0;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-right--text {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-right--text:before {
  content: '\E194';
}
.SlackFrameChatInput-buttons-right--mentions {
  height: 20px;
  width: 20px;
  margin: 10px 17px 8px 0;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-right--mentions {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-right--mentions:before {
  content: '\E009';
}
.SlackFrameChatInput-buttons-right--smile {
  height: 20px;
  width: 20px;
  margin: 10px 17px 8px 0;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-right--smile {
    margin: 10px 0 8px 0;
  }
}
.SlackFrameChatInput-buttons-right--smile:before {
  content: '\E094';
}
.SlackFrameChatInput-buttons-right--paperclip {
  height: 20px;
  width: 20px;
  margin: 10px 15px 8px 0;
}
@media (max-width: 1023px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameChatInput-buttons-right--paperclip {
    margin: 10px 15px 8px 0;
  }
}
.SlackFrameChatInput-buttons-right--paperclip:before {
  content: '\E089';
}
.SlackFrameChatInput-typing {
  color: #727272;
  font-size: 11px;
}
.SlackFrameChatInput-typing > span {
  opacity: 0;
  position: absolute;
  bottom: 6px;
  left: 21px;
}
.SlackFrameChatInput-typing > span.visible {
  opacity: 1;
}
.SlackFrameChatInput-typing-instruments {
  position: absolute;
  bottom: 0;
  right: 24px;
  width: 313px;
  height: 22px;
  background-image: url('/static/img/typing-instruments.png');
  background-size: 100% 100%;
  transition: opacity 0.15s;
}
html.lang--de-de .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/de-de/typing-instruments.png');
}
html.lang--es-es .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/es-es/typing-instruments.png');
}
html.lang--es-la .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/es-la/typing-instruments.png');
}
html.lang--fr-fr .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/fr-fr/typing-instruments.png');
}
html.lang--ja-jp .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/ja-jp/typing-instruments.png');
}
html.lang--pt-br .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/pt-br/typing-instruments.png');
}
html.lang--en-gb .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/en-gb/typing-instruments.png');
}
html.lang--it-it .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/it-it/typing-instruments.png');
}
html.lang--ko-kr .SlackFrameChatInput-typing-instruments {
  background-image: url('/static/img/intl/ko-kr/typing-instruments.png');
}
html.lang--de-de .SlackFrameChatInput-typing-instruments {
  width: 374px;
}
html.lang--es-es .SlackFrameChatInput-typing-instruments {
  width: 354px;
}
html.lang--es-la .SlackFrameChatInput-typing-instruments {
  width: 386px;
}
html.lang--fr-fr .SlackFrameChatInput-typing-instruments {
  width: 332px;
}
html.lang--ja-jp .SlackFrameChatInput-typing-instruments {
  width: 226px;
}
html.lang--pt-br .SlackFrameChatInput-typing-instruments {
  width: 370px;
}
.SlackFrameChatInput-typing-instruments.hidden {
  opacity: 0;
  transition: opacity 0s;
}

.SlackFrameChatContent {
  flex: 1;
  height: calc(100% - 66px);
  overflow: hidden;
  color: #2C2D30;
}
.SlackFrameChatContent-scroll {
  position: relative;
  transform-origin: 0 0;
}
.SlackFrameChatContent a {
  color: #007AB8;
}
.SlackFrameChatContent code {
  color: #d52e43;
  background: #f7f7f9;
  display: inline-block;
  margin-top: -10px;
  margin-left: 1px;
  padding: 0 3px;
  font-weight: normal;
  font-family: 'Monaco', Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #e1e1e8;
  border-radius: 3px;
  line-height: 18px;
}
.SlackFrameChatContent-buttons {
  display: flex;
  margin-top: 7px;
  margin-left: 1px;
}
.SlackFrameChatContent-button {
  font-size: 13px;
  font-weight: bold;
  border: 1px solid rgba(44, 45, 48, 0.3);
  border-radius: 4px;
  padding: 2px 8px 2px 9px;
}
.SlackFrameChatContent-button--more {
  font-weight: normal;
  color: #A0A0A2;
}
.SlackFrameChatContent-button--more svg {
  margin-left: 20px;
  width: 7px;
  height: 5px;
  position: relative;
  top: -2px;
  margin-left: 44px;
  margin-right: 2px;
}
.SlackFrameChatContent-button + .SlackFrameChatContent-button {
  margin-left: 8px;
}
.SlackFrameChatContent-params {
  margin-top: 7px;
  margin-bottom: -1px;
  color: #717274;
}
.SlackFrameChatContent-param pl {
  color: #007AB8;
}
.SlackFrameChatContent-repparams {
  margin-bottom: -4px;
}
.SlackFrameChatContent-repparams-branch {
  color: #717274;
  font-size: 13px;
  margin-top: 3px;
}
.SlackFrameChatContent-repparams-branch img {
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.Message {
  display: flex;
  margin: 0 20px;
  padding-bottom: 16px;
  color: #2C2D30;
  position: relative;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Message {
    margin: 0 22px 0 28px;
  }
}
.Message--part {
  margin-top: -16px;
}
.Message.hover:before {
  content: " ";
  position: absolute;
  top: -8px;
  left: -32px;
  bottom: 6px;
  right: -32px;
  background: rgba(44, 45, 48, 0.03);
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Message.hover:before {
    left: -28px;
    right: -22px;
  }
}
.Message.hidden {
  opacity: 0;
}
.Message-userpic {
  background-size: cover;
  width: 36px;
  height: 36px;
  border-radius: 3px;
  margin-right: 11px;
  position: relative;
}
.Message-userpic--b:after {
  content: ' ';
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 22px;
  height: 22px;
  background: url('/static/img/user-b.png');
  background-size: 100%;
}
.Message-userpic--r:after {
  content: ' ';
  position: absolute;
  border: 3px solid white;
  background: #717274;
  width: 16px;
  height: 16px;
  right: -3px;
  bottom: -3px;
  border-radius: 4px;
}
.Message-right {
  flex: 1;
  transform-origin: 0 15px;
}
.Message-userCall {
  width: 16px;
  height: 16px;
  fill: #717274;
  margin: 0px 5px 0px 6px;
  display: none;
}
.Message-userCall.visible {
  display: inline-block;
}
.Message-author {
  font-size: 15px;
  font-weight: 900;
}
.Message-author.hover {
  position: relative;
}
.Message-author.hover:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid currentColor;
}
.Message-author app {
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
  padding: 1px 3px;
  position: relative;
  top: -1px;
  background: rgba(44, 45, 48, 0.1);
  border-radius: 2px;
  color: #717274;
  margin: 0 3px 0 -1px;
}
.Message-time {
  color: #717274;
  font-size: 13px;
}
.Message-content {
  font-size: 15px;
  line-height: 22px;
}
.Message-content i {
  font-style: normal;
  font-size: 19px;
  line-height: 0;
  position: relative;
  top: 1px;
}
.Message-content i.symbolsvg {
  font-size: 0;
  top: 0;
}
.Message-content i.symbolsvg:after {
  content: ' ';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: 100% 100%;
  margin: -10px -1px -5px -1px;
}
.Message-content i.symbolsvg--06:after {
  background-image: url('/static/img/emoji/emoji-06.svg');
}
.Message-content i.symbolsvg--09:after {
  background-image: url('/static/img/emoji/emoji-09.svg');
  width: 17px;
  height: 17px;
  margin-bottom: -1px;
}
.Message-content i.symbolsvg--05-big:after {
  background-image: url('/static/img/emoji/emoji-05.svg');
  width: 42px;
  height: 42px;
  margin-bottom: -5px;
  margin-top: -2px;
  margin-left: -6px;
}
.Message-content bi {
  font-size: 32px;
  line-height: 42px;
  position: relative;
  top: -1px;
  left: -3px;
}
.Message-content l {
  display: inline-block;
  position: relative;
  z-index: 1;
  color: #007AB8;
  padding-right: 2px;
}
.Message-content l:after {
  content: ' ';
  position: absolute;
  top: 3px;
  left: -2px;
  right: 0px;
  bottom: 0;
  background: #FFF5CC;
  z-index: -1;
  border-radius: 3px;
}
.Message-content l.blue:after {
  background: #EAF5FC;
}
.Message-join {
  color: #717274;
}
.MessageActions {
  position: absolute;
  top: -8px;
  left: -32px;
  bottom: 14px;
  right: -32px;
  background: rgba(44, 45, 48, 0.03);
  display: none;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MessageActions {
    left: -28px;
    right: -22px;
  }
}
.MessageActions svg {
  width: 176px;
  height: 30px;
  position: absolute;
  top: -13px;
  right: 26px;
}
.MessageActions.visible {
  display: block;
}
/*

	<div class="Message {{classes}}" {{ attributes }}>
		<div class="Message-userpic" style="background-image: url('{{ userpic }}')"></div>
		<div class="Message-right">
			<div class="Message-header">
				<div class="Message-author">{{ author }}</div>
				<div class="Message-time">{{ time }}</div>
			</div>
			<div class="Message-content">{{ caller() }}</div>
		</div>
	</div>

	*/

.MessageAttachement {
  font-size: 15px;
}
.MessageAttachement:last-child {
  margin-bottom: 6px;
}
.MessageAttachement-caption {
  color: #717274;
}
.MessageAttachement-caption svg {
  width: 7px;
  height: 5px;
  margin-left: 6px;
  position: relative;
  top: -2px;
}
.MessageAttachement-content {
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  margin-top: 4px;
  max-width: 430px;
  padding: 9px 5px;
}
.MessageAttachement-header {
  display: flex;
}
.MessageAttachement-symbol {
  font-family: 'slack-icons', Helvetica, sans-serif;
  font-size: 50px;
  line-height: 1;
  width: 1em;
  display: inline-block;
}
.MessageAttachement-info {
  margin-left: 3px;
  margin-top: 5px;
  transform-origin: 0 -130px;
}
.MessageAttachement-title {
  color: #2C2D30;
  font-weight: bold;
}
.MessageAttachement-size {
  color: #717274;
  font-size: 13px;
  line-height: 16px;
}
.MessageAttachement-usercontent {
  margin: 8px 11px 2px;
}
.MessageAttachement-image {
  display: block;
  position: relative;
}
.MessageAttachement-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/*
<div class="MessageAttachement {{classes}}" {{ attributes }}>
		<div class="MessageAttachement-caption">{{ caption }}{% call macros.svgSprite('arrow-down') %}{% endcall %}</div>
		<div class="MessageAttachement-content">
			<div class="MessageAttachement-header">
				<div class="MessageAttachement-symbol">{{ symbol }}</div>
				<div class="MessageAttachement-info">
					<div class="MessageAttachement-title">{{ title }}</div>
					<div class="MessageAttachement-size">{{ size }}</div>
				</div>
			</div>
			<div class="MessageAttachement-usercontent">{{ caller() }}</div>
		</div>
	</div>

	*/

.MessageReactions {
  margin: 8px 0 0;
  display: flex;
}
.MessageReactions .MessageReaction + .MessageReaction {
  margin-left: 5px;
}
.MessageReactions.hidden {
  display: none;
}
.MessageReactions.hover .MessageReaction--add {
  display: block;
}
.MessageReaction {
  border: 1px solid #ECECEC;
  padding: 0px 6px 0 1px;
  display: flex;
  border-radius: 3px;
}
.MessageReaction.hidden {
  opacity: 0;
}
.MessageReaction.hover {
  border-color: #2E9EE0;
}
.MessageReaction--add {
  width: 34px;
  display: none;
}
.MessageReaction--add svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  left: 8px;
}
.MessageReaction.active {
  border-color: #9BD1FF;
  background: #F3FAFF;
}
.MessageReaction.active .MessageReaction-num {
  color: #0576B9;
  font-weight: bold;
}
.MessageReaction-symbol {
  font-size: 17px;
  line-height: 10px;
  display: inline-block;
  margin: 0 0 0 2px;
  position: relative;
  top: 6px;
}
.MessageReaction-symbol:after {
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100% 100%;
  margin: -5px 4px -1px -1px;
}
.MessageReaction-symbol--emoji-01:after {
  background-image: url('/static/img/emoji/emoji-01.svg');
}
.MessageReaction-symbol--emoji-02:after {
  background-image: url('/static/img/emoji/emoji-02.svg');
}
.MessageReaction-symbol--emoji-03:after {
  background-image: url('/static/img/emoji/emoji-03.svg');
}
.MessageReaction-symbol--emoji-04:after {
  background-image: url('/static/img/emoji/emoji-04.svg');
}
.MessageReaction-symbol--emoji-05:after {
  background-image: url('/static/img/emoji/emoji-05.svg');
}
.MessageReaction-symbol--emoji-06:after {
  background-image: url('/static/img/emoji/emoji-06.svg');
}
.MessageReaction-symbol--emoji-07:after {
  background-image: url('/static/img/emoji/emoji-07.svg');
}
.MessageReaction-symbol--emoji-08:after {
  background-image: url('/static/img/emoji/emoji-08.svg');
}
.MessageReaction-symbol--emoji-09:after {
  background-image: url('/static/img/emoji/emoji-09-small.svg');
}
.MessageReaction-symbol--emoji-10:after {
  background-image: url('/static/img/emoji/emoji-10.svg');
}
.MessageReaction-symbol--emoji-11:after {
  background-image: url('/static/img/emoji/emoji-11.svg');
}
.MessageReaction-symbol--emoji-12:after {
  background-image: url('/static/img/emoji/emoji-12.svg');
}
.MessageReaction-num {
  font-size: 12px;
  color: #717274;
  line-height: 21px;
}

.MessageCitation {
  padding-left: 16px;
  position: relative;
  margin-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 4px;
}
.MessageCitation:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 2px;
}
.MessageCitation-date {
  color: #717274;
  font-size: 12px;
  margin-top: 2px;
  margin-bottom: -5px;
}
.MessageCitation--gray:before {
  background: #E8E8E8;
}
.MessageCitation--darkgray:before {
  background: #828282;
}
.MessageCitation--purple:before {
  background: #7E8DE2;
}
.MessageCitation--black:before {
  background: #1D2229;
}

.MessageTask-header {
  display: flex;
}
.MessageTask-userpic {
  background-size: cover;
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
  left: 1px;
  margin-right: 7px;
  border-radius: 3px;
}
.MessageTask-caption {
  color: #717274;
}
.MessageTask-caption sep {
  color: #F0F0F0;
}
.MessageTask-caption b {
  color: #2C2D30;
  font-weight: 900;
  margin-left: 3px;
  margin-right: 3px;
}
.MessageTask-link {
  font-weight: bold;
  color: #007AB8;
}

.MessageDate {
  text-align: center;
  margin: 4px 0 24px;
  position: relative;
}
.MessageDate:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  right: 0;
  background: #E8E8E8;
}
.MessageDate-caption {
  padding: 5px 16px 8px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  z-index: 1;
  font-family: 'Lato', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.5px;
  color: #2C2D30;
  border-radius: 24px;
  border: 1px solid #E8E8E8;
}

.MessageTyping {
  margin: -11px 0 -8px;
  position: relative;
}
.MessageTyping-caption {
  margin-left: 29px;
  display: inline-block;
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 13px;
  color: #9d9d9d;
}

.MessageImage {
  font-size: 15px;
}
.MessageImage-caption {
  color: #717274;
}
.MessageImage-caption svg {
  width: 7px;
  height: 5px;
  margin-left: 6px;
  position: relative;
  top: -2px;
}
.MessageImage-content {
  margin-top: 4px;
  max-width: 360px;
}
.MessageImage-image {
  display: block;
}

.MessageCall {
  font-size: 15px;
  line-height: 18px;
  max-width: 440px;
}
.MessageCall-caption {
  color: #717274;
}
.MessageCall-caption svg {
  width: 7px;
  height: 5px;
  margin-left: 6px;
  position: relative;
  top: -2px;
}
.MessageCall-content {
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  margin-top: 4px;
  position: relative;
}
.MessageCall-iconCall {
  width: 38px;
  height: 38px;
  position: absolute;
  left: 17px;
  top: 20px;
}
.MessageCall-row {
  padding: 20px 5px 14px 70px;
}
.MessageCall-title {
  font-weight: bold;
}
.MessageCall-row--2 {
  font-size: 13px;
  color: #717274;
  background: #F6F6F6;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 2px;
  border-top: 1px solid #E8E8E8;
}
.MessageCall-user {
  width: 36px;
  height: 36px;
  border-radius: 3px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.MessageCall-group {
  margin: 16px;
}
.MessageCall-button {
  width: 92px;
  height: 36px;
  background: #FFFFFF;
  border: 1px solid rgba(44, 45, 48, 0.3);
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  color: #2C2D30;
  font-weight: bold;
  margin: 18px 16px 0 0;
}
html.lang--es-es .MessageCall-button,
html.lang--pt-br .MessageCall-button,
html.lang--it-it .MessageCall-button {
  margin-top: 10px;
  height: 50px;
}
.MessageCall-button > p {
  margin: 6px 0 0;
}
.MessageCall-other {
  display: none;
}
.MessageCall-other.visible {
  display: inline-block;
}

.MessageNewMessages {
  text-align: right;
  margin: -24px 0 -4px;
  position: relative;
}
.MessageNewMessages:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 11px;
  height: 1px;
  right: 0;
  background: #EC96A0;
}
.MessageNewMessages-caption {
  padding: 0 6px 1px;
  background: white;
  display: inline-block;
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 12px;
  color: #D72B3F;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  margin-right: 21px;
}
.MessageNewMessages-caption span {
  position: relative;
  top: -1px;
}

.SlackFrameUserInfo {
  display: none;
  width: 336px;
  border-left: 1px solid #E8E8E8;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  height: 100%;
}
.SlackFrameUserInfo.visible {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.SlackFrameUserInfo-header {
  position: relative;
  z-index: 1;
  background: #F7F7F7;
  display: flex;
  justify-content: space-between;
}
.SlackFrameUserInfo-header .svg--arrow-left {
  width: 7px;
  height: 12px;
  margin: 27px 0 0 17px;
}
.SlackFrameUserInfo-header .svg--cross {
  width: 12px;
  height: 12px;
  margin: 28px 14px 0 0;
}
.SlackFrameUserInfo-header span {
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
  flex: 1;
  color: #2C2D30;
  margin: 21px 0 21px 12px;
}
.SlackFrameUserInfo-photoHeader {
  position: relative;
  background: #2C2D30;
  display: flex;
}
.SlackFrameUserInfo-photoHeader-rect {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  background: white;
  margin: 13px 0 0 14px;
}
.SlackFrameUserInfo-photoHeader span {
  font-weight: 900;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.1px;
  flex: 1;
  color: white;
  margin: 9px 0 10px 9px;
}
.SlackFrameUserInfo-photoHeader .svg--help {
  width: 18px;
  height: 18px;
  margin: 8px 10px 0 0;
}
.SlackFrameUserInfo-baseInfo {
  margin: 14px 14px 15px 14px;
}
.SlackFrameUserInfo-baseInfo .svg--userinfo-buttons {
  width: 195px;
  height: 36px;
  margin-top: 18px;
}
.SlackFrameUserInfo-name {
  font-weight: 900;
  font-size: 22px;
  line-height: 30px;
}
.SlackFrameUserInfo-name span {
  position: relative;
}
.SlackFrameUserInfo-name span:after {
  content: ' ';
  width: 9px;
  height: 9px;
  background: #34785C;
  border-radius: 2px;
  position: absolute;
  top: 11px;
  right: -17px;
}
.SlackFrameUserInfo-role {
  font-size: 16px;
  line-height: 30px;
  margin-top: -3px;
}
.SlackFrameUserInfo-params {
  font-size: 15px;
  line-height: 25px;
  margin-top: -6px;
  margin-left: 14px;
}
.SlackFrameUserInfo-paramsLine {
  background: #E8E8E8;
  height: 1px;
  margin-left: -14px;
}
.SlackFrameUserInfo-paramsName {
  color: #717274;
}
.SlackFrameUserInfo-paramsValue {
  margin: 0 0 10px 0;
  color: #2F649F;
}
.SlackFrameUserInfo-paramsValue--1 {
  color: #2C2D30;
  margin: 0 0 10px 0;
}
.SlackFrameUserInfo-paramsValue--4 {
  color: #2F649F;
  background: #FFF5CC;
  border-radius: 3px;
  padding: 0 2px;
  width: 105px;
  margin: 0 0 10px 0;
  white-space: nowrap;
}
html.lang--es-es .SlackFrameUserInfo-paramsValue--4,
html.lang--fr-fr .SlackFrameUserInfo-paramsValue--4 {
  width: 190px;
}
html.lang--it-it .SlackFrameUserInfo-paramsValue--4 {
  width: 115px;
}
html.lang--ko-kr .SlackFrameUserInfo-paramsValue--4 {
  width: 65px;
}
.SlackFrameUserInfo-buttons {
  margin: 18px 0 15px 0;
  text-align: center;
  justify-content: space-between;
  display: flex;
}
html.lang--de-de .SlackFrameUserInfo-buttons,
html.lang--fr-fr .SlackFrameUserInfo-buttons {
  margin: 18px 0 15px -6px;
}
.SlackFrameUserInfo-button {
  display: inline-block;
  border: 1px solid #bfc0c0;
  font: bold 15px/18px Lato;
  line-height: 18px;
  border-radius: 4px;
  padding: 8px 8px 10px;
  vertical-align: top;
  color: #2c2d30;
}
html.lang--de-de .SlackFrameUserInfo-button,
html.lang--fr-fr .SlackFrameUserInfo-button {
  display: inline-table;
  min-height: 56px;
}
.SlackFrameUserInfo-button:first-child {
  width: 117px;
  margin: 0 12px 0 0;
}
html.lang--fr-fr .SlackFrameUserInfo-button:first-child {
  padding-top: 15px;
}
.SlackFrameUserInfo-button:nth-child(2) {
  width: 126px;
  margin: 0 12px 0 0;
}
.SlackFrameUserInfo-button--icon {
  font-family: 'slack-icons', Helvetica, sans-serif;
  transform: rotate(90deg);
  font-size: 18px;
  padding: 9px 8px;
}
html.lang--de-de .SlackFrameUserInfo-button--icon,
html.lang--fr-fr .SlackFrameUserInfo-button--icon {
  padding: 18px 18px;
}
.SlackFrameUserInfo-button--icon:before {
  content: '\E067';
}

.SlackFrameCall {
  display: none;
  width: 336px;
  border-left: 1px solid #E8E8E8;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  height: 100%;
  font-size: 15px;
  color: #2C2D30;
}
.SlackFrameCall.visible {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.SlackFrameCall-group {
  padding-left: 15px;
  border-bottom: 1px solid #E8E8E8;
}
.SlackFrameCall-groupHeader {
  font-weight: 900;
  line-height: 30px;
}
.SlackFrameCall-groupChanel {
  color: #606060;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 9px;
}
.SlackFrameCall-group svg {
  position: absolute;
  width: 12px;
  height: 12px;
  right: 24px;
  top: 26px;
}
.SlackFrameCall-menu {
  display: flex;
  justify-content: space-between;
  color: #606060;
  padding: 0 28px 0 28px;
  border-bottom: 1px solid #E8E8E8;
}
.SlackFrameCall-menu-buttons {
  text-align: center;
}
.SlackFrameCall-menu-buttonsImage {
  margin: 18px 0 2px 0;
}
.SlackFrameCall-menu-buttonsImage svg {
  width: 40px;
  height: 40px;
}
.SlackFrameCall-menu-buttonsCaption {
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 15px;
}
.SlackFrameCall-listItem {
  display: flex;
  justify-content: space-between;
  padding: 15px 16px 14px 16px;
  text-align: center;
  border-bottom: 1px solid #E8E8E8;
}
.SlackFrameCall-listItem-title {
  font-weight: 900;
  font-size: 15px;
  line-height: 25px;
  position: relative;
}
.SlackFrameCall-listItem-title svg {
  margin: 5px 4px 0 2px;
  width: 13px;
  height: 13px;
}
.SlackFrameCall-listItem-title span {
  position: absolute;
  font-size: 13px;
  line-height: 22px;
  color: #606060;
  font-weight: 400;
  top: 1px;
  left: 85px;
}
.SlackFrameCall-listItemRight {
  display: flex;
}
.SlackFrameCall-listItemRight-count {
  font-size: 13px;
  line-height: 22px;
  color: #606060;
}
.SlackFrameCall-listItemRight-arrow {
  margin: 3px 0 0 8.2px;
}
.SlackFrameCall-listItemRight-arrow svg {
  width: 13px;
  height: 13px;
}

.Popup {
  opacity: 0;
  transition: opacity 0.3s;
}
.Popup.visible {
  opacity: 1;
}
.Popup img {
  opacity: 0;
  transition: opacity 0.3s;
}
.PopupAttachement {
  position: absolute;
  right: 300px;
  bottom: 71px;
}
.PopupAttachement-img1-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.PopupAttachement-img1-wrapper,
.PopupAttachement-img1-wrapper img {
  height: 237px;
  width: 271px;
}
.PopupAttachement-img2-wrapper {
  position: absolute;
  opacity: 0;
  left: -200px;
  bottom: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.PopupAttachement-img2-wrapper,
.PopupAttachement-img2-wrapper img {
  height: 107px;
  width: 191px;
}
.PopupAttachement img {
  position: absolute;
  left: 0;
  bottom: 0;
}
.PopupAttachement.state1 .PopupAttachement-img1--1 {
  opacity: 1;
}
.PopupAttachement.state2 .PopupAttachement-img1--2 {
  opacity: 1;
}
.PopupAttachement.state2 .PopupAttachement-img2--1 {
  opacity: 1;
}
.PopupAttachement.state2 .PopupAttachement-img2-wrapper {
  opacity: 1;
}
.PopupAttachement.state3 .PopupAttachement-img1--2 {
  opacity: 0;
}
.PopupAttachement.state3 .PopupAttachement-img2--2 {
  opacity: 1;
}
@-webkit-keyframes PopupSearch-caret {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
}
@keyframes PopupSearch-caret {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
}
.PopupSearch {
  position: absolute;
  top: -17px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0 0 0 6px;
}
.PopupSearch-content {
  position: absolute;
  left: 50%;
  top: 18px;
  margin-left: -360px;
  width: 720px;
  bottom: 0;
  transition: opacity 0.3s;
}
.PopupSearch-content img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.PopupSearch-textPlace {
  position: absolute;
  top: 14px;
  left: 57px;
  right: 100px;
  font-size: 16px;
  z-index: 2;
}
.PopupSearch-placeholder,
.PopupSearch-textWrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.PopupSearch-placeholder {
  color: #717274;
}
.PopupSearch-placeholder.hidden {
  opacity: 0;
}
.PopupSearch-textWrapper {
  color: #2C2D30;
}
.PopupSearch-textWrapper.withCursor:after {
  content: ' ';
  width: 1px;
  height: 18px;
  background: #979797;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: PopupSearch-caret 1s infinite;
          animation: PopupSearch-caret 1s infinite;
}
.PopupSearch.contenthidden .PopupSearch-content {
  opacity: 0;
}
.PopupSearch .PopupSearch-img1 {
  z-index: 2;
}
.PopupSearch .PopupSearch-img2 {
  opacity: 1;
}
.PopupSearch.state1 .PopupSearch-img1 {
  opacity: 1;
}
.PopupSearch.state2 .PopupSearch-img1 {
  opacity: 0;
}
.PopupSearch.state3 .PopupSearch-img3 {
  opacity: 1;
}
.PopupSearch.state4 .PopupSearch-img4 {
  opacity: 1;
}
.PopupSearch.state5 .PopupSearch-img5 {
  opacity: 1;
}
.PopupSearch.state6 .PopupSearch-img6 {
  opacity: 1;
}
.PopupSearch.state7 .PopupSearch-img7 {
  opacity: 1;
}
.PopupSearch-checkbox {
  position: absolute;
  right: 29px;
}
.PopupSearch-checkbox--1 {
  top: 180px;
}
.PopupSearch-checkbox--2 {
  top: 205px;
}
.PopupSearch-checkbox--3 {
  top: 230px;
}
.PopupSearch-checkbox--4 {
  top: 332px;
}
.PopupSearch-checkbox--5 {
  top: 357px;
}
.PopupSearch-checkbox--6 {
  top: 382px;
}
.PopupSearch-checkbox.hidden {
  opacity: 0;
}
.PopupSearch-checkboxes {
  transform: translateZ(1px);
  transition: opacity 0.3s;
}
.PopupSearch-checkboxes.hidden {
  opacity: 0;
}
.PopupSearch label {
  position: fixed;
  opacity: 0;
}
.PopupActions {
  position: absolute;
  right: 154px;
  bottom: 22px;
}
.PopupActions-img-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.PopupActions-img-wrapper,
.PopupActions-img-wrapper img {
  height: 338px;
  width: 271px;
}
.PopupActions img {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.PopupActions.state1 .PopupActions-img-1 {
  opacity: 1;
}
.PopupActions.state2 .PopupActions-img-2 {
  opacity: 1;
}
.PopupAsana {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0 0 6px;
}
.PopupAsana-content {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -260px;
  margin-top: -187px;
  width: 520px;
  height: 374px;
  box-shadow: 0px 14px 30px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.PopupAsana-content img {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 1;
}
.PopupAsana-textPlace {
  position: absolute;
  top: 98px;
  left: 37px;
  right: 100px;
  font-size: 16px;
  z-index: 2;
}
.PopupAsana-placeholder,
.PopupAsana-textWrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.PopupAsana-placeholder {
  color: #717274;
}
.PopupAsana-placeholder.hidden {
  opacity: 0;
}
.PopupAsana-textWrapper {
  color: #2C2D30;
}
.PopupAsana-textWrapper.withCursor:after {
  content: ' ';
  width: 1px;
  height: 18px;
  background: #979797;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: PopupSearch-caret 1s infinite;
          animation: PopupSearch-caret 1s infinite;
}
.PopupAsana-statictext {
  position: absolute;
  font-size: 16px;
  z-index: 2;
  color: #2C2D30;
  letter-spacing: -0.4px;
}
.PopupAsana-statictext--descr {
  top: 266px;
  left: 36px;
  max-width: 450px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.PopupAsana-statictext--name {
  top: 183px;
  left: 52px;
}
.PopupGDrive {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0 0 6px;
}
.PopupGDrive-content {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -294px;
  margin-top: -248px;
  width: 589px;
  height: 496px;
  box-shadow: 0px 14px 30px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.PopupGDrive-content img {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 0;
}
.PopupGDrive.state1 .PopupGDrive-img1 {
  opacity: 1;
}
.PopupGDrive.state2 .PopupGDrive-img2 {
  opacity: 1;
}
.PopupShare {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.PopupShare-content {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -280px;
  margin-top: -186px;
  width: 560px;
  height: 372px;
  box-shadow: 0px 14px 30px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.PopupShare-content img {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 1;
}
.PopupShare-textPlace {
  position: absolute;
  top: 159px;
  left: 36px;
  right: 40px;
  font-size: 16px;
  z-index: 2;
}
.PopupShare-placeholder,
.PopupShare-textWrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.PopupShare-placeholder {
  color: #717274;
}
.PopupShare-placeholder.hidden {
  opacity: 0;
}
.PopupShare-textWrapper {
  color: #2C2D30;
}
.PopupShare-textWrapper.withCursor:after {
  content: ' ';
  width: 1px;
  height: 18px;
  background: #979797;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: PopupSearch-caret 1s infinite;
          animation: PopupSearch-caret 1s infinite;
}

.SlackFrameTooltip {
  position: absolute;
  transform: translateZ(1px);
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .SlackFrameTooltip {
    display: none;
  }
}
.SlackFrameTooltip .SlackFrameTooltip-inner {
  position: absolute;
}
.SlackFrameTooltip .SlackFrameTooltip-inner:after {
  content: ' ';
  position: absolute;
  border: 10px solid transparent;
  transition: transform 0.1s 0.25s;
}
.SlackFrameTooltip .SlackFrameTooltip-content {
  position: relative;
  background: #ffc643;
  background: linear-gradient(70deg, #ffb41f 0%, #ffc643 100%);
  border-radius: 8px;
  transition: transform 0.15s 0.1s;
}
.SlackFrameTooltip .SlackFrameTooltip-text {
  white-space: nowrap;
  font-family: 'Averta', Helvetica, sans-serif;
  color: #171637;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-align: center;
  padding: 18px 21px;
  opacity: 0;
  transition: opacity 0.15s 0s, transform 0.15s 0s;
  transform: scale(0.9);
}
.SlackFrameTooltip .SlackFrameTooltip-text b {
  font-weight: 800;
}
.SlackFrameTooltip.visible .SlackFrameTooltip-inner:after {
  transition: transform 0.1s 0s !important;
}
.SlackFrameTooltip.visible .SlackFrameTooltip-content {
  transform: none !important;
  transition: transform 0.15s 0.1s !important;
}
.SlackFrameTooltip.visible .SlackFrameTooltip-text {
  opacity: 1 !important;
  transform: scale(1) !important;
  transition: opacity 0.15s 0.2s, transform 0.15s 0.2s;
}
html.isTablet .SlackFrameTooltip {
  transform: translateZ(1px) scale(1.095);
}
html.isNotTablet .SlackFrameTooltip--top .SlackFrameTooltip-content,
html.isTablet .SlackFrameTooltip--t_top .SlackFrameTooltip-content {
  transform-origin: 50% 100%;
  transform: scale(0.85, 0);
}
html.isNotTablet .SlackFrameTooltip--top .SlackFrameTooltip-inner,
html.isTablet .SlackFrameTooltip--t_top .SlackFrameTooltip-inner {
  left: 0;
  top: auto;
  right: auto;
  bottom: 9px;
  transform: translateX(-50%);
}
html.isNotTablet .SlackFrameTooltip--top .SlackFrameTooltip-inner:after,
html.isTablet .SlackFrameTooltip--t_top .SlackFrameTooltip-inner:after {
  bottom: 0;
  border-top-color: #ffbf31;
  transform: translate(-50%, 100%) scale(0);
  margin-bottom: 1px;
}
html.isNotTablet .SlackFrameTooltip--top .SlackFrameTooltip-text,
html.isTablet .SlackFrameTooltip--t_top .SlackFrameTooltip-text {
  transform-origin: 50% 100%;
}
html.isNotTablet .SlackFrameTooltip--top.visible .SlackFrameTooltip-inner:after,
html.isTablet .SlackFrameTooltip--t_top.visible .SlackFrameTooltip-inner:after {
  transform: translate(-50%, 100%) scale(1);
}
html.isNotTablet .SlackFrameTooltip--bottom .SlackFrameTooltip-content,
html.isTablet .SlackFrameTooltip--t_bottom .SlackFrameTooltip-content {
  transform-origin: 50% 0%;
  transform: scale(0.85, 0);
}
html.isNotTablet .SlackFrameTooltip--bottom .SlackFrameTooltip-inner,
html.isTablet .SlackFrameTooltip--t_bottom .SlackFrameTooltip-inner {
  left: 0;
  top: 9px;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
}
html.isNotTablet .SlackFrameTooltip--bottom .SlackFrameTooltip-inner:after,
html.isTablet .SlackFrameTooltip--t_bottom .SlackFrameTooltip-inner:after {
  top: 0;
  left: 50%;
  border-bottom-color: #ffbf31;
  transform: translate(-50%, -100%) scale(0);
  margin-top: 1px;
}
html.isNotTablet .SlackFrameTooltip--bottom .SlackFrameTooltip-text,
html.isTablet .SlackFrameTooltip--t_bottom .SlackFrameTooltip-text {
  transform-origin: 50% 0%;
}
html.isNotTablet .SlackFrameTooltip--bottom.visible .SlackFrameTooltip-inner:after,
html.isTablet .SlackFrameTooltip--t_bottom.visible .SlackFrameTooltip-inner:after {
  transform: translate(-50%, -100%) scale(1);
}
html.isNotTablet .SlackFrameTooltip--left .SlackFrameTooltip-content,
html.isTablet .SlackFrameTooltip--t_left .SlackFrameTooltip-content {
  transform-origin: 100% 50%;
  transform: scale(0, 0.85);
}
html.isNotTablet .SlackFrameTooltip--left .SlackFrameTooltip-inner,
html.isTablet .SlackFrameTooltip--t_left .SlackFrameTooltip-inner {
  left: auto;
  top: 0;
  right: 9px;
  bottom: auto;
  transform: translateY(-50%);
}
html.isNotTablet .SlackFrameTooltip--left .SlackFrameTooltip-inner:after,
html.isTablet .SlackFrameTooltip--t_left .SlackFrameTooltip-inner:after {
  top: 50%;
  right: 0%;
  border-left-color: #ffc643;
  transform: translate(100%, -50%) scale(0);
  margin-right: 1px;
}
html.isNotTablet .SlackFrameTooltip--left .SlackFrameTooltip-text,
html.isTablet .SlackFrameTooltip--t_left .SlackFrameTooltip-text {
  transform-origin: 100% 50%;
}
html.isNotTablet .SlackFrameTooltip--left.visible .SlackFrameTooltip-inner:after,
html.isTablet .SlackFrameTooltip--t_left.visible .SlackFrameTooltip-inner:after {
  transform: translate(100%, -50%) scale(1);
}
html.isNotTablet .SlackFrameTooltip--right .SlackFrameTooltip-content,
html.isTablet .SlackFrameTooltip--t_right .SlackFrameTooltip-content {
  transform-origin: 0% 50%;
  transform: scale(0, 0.85);
}
html.isNotTablet .SlackFrameTooltip--right .SlackFrameTooltip-inner,
html.isTablet .SlackFrameTooltip--t_right .SlackFrameTooltip-inner {
  left: 9px;
  top: 0;
  right: auto;
  bottom: auto;
  transform: translateY(-50%);
}
html.isNotTablet .SlackFrameTooltip--right .SlackFrameTooltip-inner:after,
html.isTablet .SlackFrameTooltip--t_right .SlackFrameTooltip-inner:after {
  top: 50%;
  left: 0%;
  border-right-color: #ffb41f;
  transform: translate(-100%, -50%) scale(0);
  margin-left: 1px;
}
html.isNotTablet .SlackFrameTooltip--right .SlackFrameTooltip-text,
html.isTablet .SlackFrameTooltip--t_right .SlackFrameTooltip-text {
  transform-origin: 0% 50%;
}
html.isNotTablet .SlackFrameTooltip--right.visible .SlackFrameTooltip-inner:after,
html.isTablet .SlackFrameTooltip--t_right.visible .SlackFrameTooltip-inner:after {
  transform: translate(-100%, -50%) scale(1);
}

.desktop-tooltip-channels {
  top: 300px;
  left: 80px;
}
.desktop-tooltip-channels .SlackFrameTooltip-content {
  margin-left: 60px;
}
.desktop-tooltip-channels :after {
  right: 53%;
}
.desktop-tooltip-share {
  bottom: 70px;
  right: 100px;
}
html.lang--es-es .desktop-tooltip-share {
  right: 110px;
}
html.lang--ja-jp .desktop-tooltip-share {
  right: 135px;
}
html.lang--it-it .desktop-tooltip-share,
html.lang--ko-kr .desktop-tooltip-share {
  right: 110px;
}
html.lang--ko-kr .desktop-tooltip-share {
  right: 115px;
}
.desktop-tooltip-share :after {
  right: 16%;
}
.desktop-tooltip-integrate {
  bottom: 353px;
  left: 286px;
}
html.isDesktop.lang--fr-fr .desktop-tooltip-integrate .SlackFrameTooltip-text {
  width: 310px;
  white-space: normal;
}
html.isDesktop.lang--fr-fr .desktop-tooltip-integrate .SlackFrameTooltip-text br {
  display: none;
}
.desktop-tooltip-actions {
  bottom: 185px;
  right: 90px;
}
html.lang--de-de .desktop-tooltip-actions,
html.lang--es-es .desktop-tooltip-actions,
html.lang--es-la .desktop-tooltip-actions {
  bottom: 190px;
  right: 110px;
}
html.lang--ja-jp .desktop-tooltip-actions {
  bottom: 195px;
  right: 120px;
}
html.lang--it-it .desktop-tooltip-actions {
  bottom: 195px;
  right: 105px;
}
html.lang--ko-kr .desktop-tooltip-actions {
  bottom: 195px;
  right: 85px;
}
.desktop-tooltip-actions :after {
  right: 15%;
}
.desktop-tooltip-asana {
  top: 50%;
  left: 50%;
  margin-top: 150px;
  margin-left: 240px;
}
.desktop-tooltip-search {
  top: 25px;
  left: 50%;
  margin-left: -150px;
}
html.lang--de-de .desktop-tooltip-search {
  margin-left: -100px;
}
html.lang--es-es .desktop-tooltip-search {
  margin-left: -150px;
}
html.lang--es-la .desktop-tooltip-search {
  margin-left: -150px;
}
html.lang--fr-fr .desktop-tooltip-search {
  margin-left: -80px;
}
html.lang--ja-jp .desktop-tooltip-search {
  margin-left: -150px;
}
html.lang--pt-br .desktop-tooltip-search {
  margin-left: -150px;
}
html.lang--ja-jp .desktop-tooltip-search {
  margin-left: -120px;
}
html.lang--it-it .desktop-tooltip-search {
  margin-left: -120px;
}
.desktop-tooltip-filter {
  top: 420px;
  left: 50%;
  margin-left: 210px;
}
.desktop-tooltip-support {
  bottom: 270px;
  left: 230px;
}
html.isDesktop.lang--de-de .desktop-tooltip-support .SlackFrameTooltip-text,
html.isDesktop.lang--es-es .desktop-tooltip-support .SlackFrameTooltip-text {
  width: 310px;
  white-space: normal;
}
html.isDesktop.lang--de-de .desktop-tooltip-support .SlackFrameTooltip-text br,
html.isDesktop.lang--es-es .desktop-tooltip-support .SlackFrameTooltip-text br {
  display: none;
}
.desktop-tooltip-engineering {
  bottom: 380px;
  left: 230px;
}
html.isDesktop.lang--de-de .desktop-tooltip-engineering .SlackFrameTooltip-text,
html.isDesktop.lang--es-es .desktop-tooltip-engineering .SlackFrameTooltip-text,
html.isDesktop.lang--es-la .desktop-tooltip-engineering .SlackFrameTooltip-text,
html.isDesktop.lang--fr-fr .desktop-tooltip-engineering .SlackFrameTooltip-text,
html.isDesktop.lang--pt-br .desktop-tooltip-engineering .SlackFrameTooltip-text {
  width: 300px;
  white-space: normal;
}
html.isDesktop.lang--de-de .desktop-tooltip-engineering .SlackFrameTooltip-text br,
html.isDesktop.lang--es-es .desktop-tooltip-engineering .SlackFrameTooltip-text br,
html.isDesktop.lang--es-la .desktop-tooltip-engineering .SlackFrameTooltip-text br,
html.isDesktop.lang--fr-fr .desktop-tooltip-engineering .SlackFrameTooltip-text br,
html.isDesktop.lang--pt-br .desktop-tooltip-engineering .SlackFrameTooltip-text br {
  display: none;
}
.desktop-tooltip-sales {
  bottom: 150px;
  left: 230px;
}
html.isDesktop.lang--de-de .desktop-tooltip-sales .SlackFrameTooltip-text,
html.isDesktop.lang--es-es .desktop-tooltip-sales .SlackFrameTooltip-text,
html.isDesktop.lang--pt-br .desktop-tooltip-sales .SlackFrameTooltip-text {
  width: 300px;
  white-space: normal;
}
html.isDesktop.lang--de-de .desktop-tooltip-sales .SlackFrameTooltip-text br,
html.isDesktop.lang--es-es .desktop-tooltip-sales .SlackFrameTooltip-text br,
html.isDesktop.lang--pt-br .desktop-tooltip-sales .SlackFrameTooltip-text br {
  display: none;
}
.desktop-tooltip-sharedchannels {
  top: 405px;
  left: 110px;
}
html.lang--it-it .desktop-tooltip-sharedchannels {
  top: 320px;
}
.desktop-tooltip-sharedchannels :after {
  right: 45%;
}
.desktop-tooltip-notifications {
  top: 345px;
  left: 250px;
}
html.lang--de-de .desktop-tooltip-notifications {
  left: 260px;
}
html.lang--it-it .desktop-tooltip-notifications {
  top: 380px;
}
.desktop-tooltip-notifications :after {
  right: 73%;
}
.desktop-tooltip-notifications .SlackFrameTooltip-content {
  margin-left: -190px;
}
.desktop-tooltip-invite {
  bottom: 70px;
  left: 280px;
}
.desktop-tooltip-invite :after {
  right: 50% !important;
}
.desktop-tooltip-guests {
  bottom: 55px;
  right: 350px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .desktop-tooltip-guests {
    right: 265px;
  }
}
.desktop-tooltip-call {
  top: 110px;
  right: 120px;
}
.desktop-tooltip-call :after {
  right: 45%;
}
html.lang--de-de .desktop-tooltip-call .SlackFrameTooltip-text {
  width: 420px;
  white-space: normal;
}
html.lang--de-de .desktop-tooltip-call .SlackFrameTooltip-text br {
  display: none;
}
html.lang--de-de .desktop-tooltip-call {
  right: 190px;
}
html.lang--de-de .desktop-tooltip-call :after {
  right: 30%;
}
html.lang--es-la .desktop-tooltip-call,
html.lang--es-es .desktop-tooltip-call {
  right: 175px;
}
html.lang--es-la .desktop-tooltip-call :after,
html.lang--es-es .desktop-tooltip-call :after {
  right: 30%;
}
html.lang--pt-br .desktop-tooltip-call {
  top: 110px;
  right: 150px;
}
html.lang--pt-br .desktop-tooltip-call :after {
  right: 35%;
}
html.lang--fr-fr .desktop-tooltip-call,
html.lang--it-it .desktop-tooltip-call,
html.lang--ko-kr .desktop-tooltip-call {
  top: 110px;
  right: 155px;
}
html.lang--fr-fr .desktop-tooltip-call :after,
html.lang--it-it .desktop-tooltip-call :after,
html.lang--ko-kr .desktop-tooltip-call :after {
  right: 36%;
}

.MobSlackFrameTooltip {
  pointer-events: none;
  position: relative;
  padding: 25px 46px 29px 28px;
  color: #1D1C1D;
  text-shadow: 0 10px 10px rgba(57, 57, 144, 0.12);
  letter-spacing: -0.2px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  background: linear-gradient(187.02deg, #FFC847 0%, #FFB41F 93.34%), #F5C645;
  box-shadow: 0 16px 40px rgba(255, 200, 71, 0.4);
  border-radius: 10px;
  display: flex;
  align-items: center;
  opacity: 0.3;
  transition: opacity 0.3s, transform 0.3s ease-out;
}
@media (min-width: 1280px) {
  .MobSlackFrameTooltip {
    display: none;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MobSlackFrameTooltip {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 0.24375px;
    padding: 0 95px 6px 43px;
  }
}
.MobSlackFrameTooltip.swiper-slide {
  width: 639px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MobSlackFrameTooltip.swiper-slide {
    width: 683px;
  }
}
.MobSlackFrameTooltip span {
  white-space: normal;
}
.MobSlackFrameTooltip-inner {
  position: relative;
}
.MobSlackFrameTooltip b {
  font-weight: 800;
}
.MobSlackFrameTooltip.mobile-tooltip-channels,
.MobSlackFrameTooltip.mobile-tooltip-support,
.MobSlackFrameTooltip.mobile-tooltip-sharedchannels {
  opacity: 1;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MobSlackFrameTooltip {
    display: flex;
  }
}

.MobSlackFrameTooltipPointer {
  pointer-events: none;
  position: absolute;
  background: rgba(255, 200, 71, 0.16);
  border: 2px solid #ffc847;
  border-radius: 13px;
  transform: translateZ(1px);
  transition: opacity 0.3s;
  opacity: 0;
  display: none;
}
.MobSlackFrameTooltipPointer.visible {
  opacity: 1;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .MobSlackFrameTooltipPointer {
    display: block;
  }
}
.mobile-pointer-tooltip-channels {
  left: 5px;
  top: 325px;
  width: 209px;
  height: 113px;
}
.mobile-pointer-tooltip-share {
  right: 15px;
  bottom: 16px;
  width: 59px;
  height: 59px;
}
.mobile-pointer-tooltip-integrate {
  left: 241px;
  bottom: 120px;
  right: 20px;
  height: 370px;
}
.mobile-pointer-tooltip-actions {
  right: 7px;
  bottom: 153px;
  width: 193px;
  height: 43px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .mobile-pointer-tooltip-actions {
    bottom: 150px;
  }
  html.lang--de-de .mobile-pointer-tooltip-actions {
    bottom: 150px;
  }
  html.lang--es-es .mobile-pointer-tooltip-actions {
    bottom: 150px;
  }
  html.lang--es-la .mobile-pointer-tooltip-actions {
    bottom: 128px;
  }
  html.lang--fr-fr .mobile-pointer-tooltip-actions {
    bottom: 150px;
  }
  html.lang--ja-jp .mobile-pointer-tooltip-actions {
    bottom: 128px;
  }
  html.lang--pt-br .mobile-pointer-tooltip-actions {
    bottom: 128px;
  }
}
html.lang--de-de .mobile-pointer-tooltip-actions,
html.lang--pt-br .mobile-pointer-tooltip-actions {
  bottom: 172px;
}
.mobile-pointer-tooltip-asana {
  right: calc( 50% - 242px );
  bottom: calc( 50% - 174px );
  width: 96px;
  height: 51px;
}
.mobile-pointer-tooltip-search {
  right: calc( 50% - 368px );
  top: 0;
  left: calc( 50% - 368px );
  height: 64px;
}
.mobile-pointer-tooltip-filter {
  right: calc( 50% - 346px );
  top: 300px;
  width: 280px;
  height: 117px;
}
.mobile-pointer-tooltip-support {
  left: 241px;
  bottom: 110px;
  right: 20px;
  height: 226px;
}
.mobile-pointer-tooltip-engineering {
  left: 241px;
  bottom: 110px;
  right: 20px;
  height: 330px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .mobile-pointer-tooltip-engineering {
    height: 339px;
  }
  html.lang--de-de .mobile-pointer-tooltip-engineering {
    height: 339px;
  }
  html.lang--es-es .mobile-pointer-tooltip-engineering {
    height: 315px;
  }
  html.lang--es-la .mobile-pointer-tooltip-engineering {
    height: 339px;
  }
  html.lang--fr-fr .mobile-pointer-tooltip-engineering {
    height: 339px;
  }
  html.lang--ja-jp .mobile-pointer-tooltip-engineering {
    height: 315px;
  }
  html.lang--pt-br .mobile-pointer-tooltip-engineering {
    height: 359px;
  }
}
.mobile-pointer-tooltip-sales {
  left: 241px;
  bottom: 120px;
  right: 20px;
  height: 224px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .mobile-pointer-tooltip-sales {
    height: 224px;
  }
  html.lang--de-de .mobile-pointer-tooltip-sales {
    height: 224px;
  }
  html.lang--es-es .mobile-pointer-tooltip-sales {
    height: 224px;
  }
  html.lang--es-la .mobile-pointer-tooltip-sales {
    height: 246px;
  }
  html.lang--fr-fr .mobile-pointer-tooltip-sales {
    height: 246px;
  }
  html.lang--ja-jp .mobile-pointer-tooltip-sales {
    height: 224px;
  }
  html.lang--pt-br .mobile-pointer-tooltip-sales {
    height: 224px;
  }
}
.mobile-pointer-tooltip-sharedchannels {
  left: 5px;
  bottom: 184px;
  width: 209px;
  height: 38px;
}
html.lang--it-it .mobile-pointer-tooltip-sharedchannels {
  bottom: 268px;
}
.mobile-pointer-tooltip-notifications {
  left: 5px;
  top: 352px;
  width: 209px;
  height: 28px;
}
html.no-macos .mobile-pointer-tooltip-notifications {
  top: 352px;
}
html.lang--it-it .mobile-pointer-tooltip-notifications {
  top: 380px;
}
.mobile-pointer-tooltip-invite {
  left: 245px;
  bottom: 75px;
  width: 165px;
  height: 28px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px), (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .mobile-pointer-tooltip-invite {
    width: 165px;
  }
  html.lang--de-de .mobile-pointer-tooltip-invite {
    width: 200px;
  }
  html.lang--es-es .mobile-pointer-tooltip-invite {
    width: 170px;
  }
  html.lang--es-la .mobile-pointer-tooltip-invite {
    width: 180px;
  }
  html.lang--fr-fr .mobile-pointer-tooltip-invite {
    width: 215px;
  }
  html.lang--ja-jp .mobile-pointer-tooltip-invite {
    width: 165px;
  }
  html.lang--pt-br .mobile-pointer-tooltip-invite {
    width: 250px;
  }
}
html.lang--de-de .mobile-pointer-tooltip-invite,
html.lang--ja-jp .mobile-pointer-tooltip-invite {
  width: 200px;
}
html.lang--pt-br .mobile-pointer-tooltip-invite {
  width: 235px;
}
.mobile-pointer-tooltip-guests {
  right: 40px;
  bottom: 20px;
  width: 285px;
  height: 58px;
}
html.lang--de-de .mobile-pointer-tooltip-guests {
  bottom: 7px;
  width: 285px;
  height: 78px;
}
html.lang--pt-br .mobile-pointer-tooltip-guests,
html.lang--es-es .mobile-pointer-tooltip-guests,
html.lang--fr-fr .mobile-pointer-tooltip-guests {
  bottom: 2px;
  width: 285px;
  height: 78px;
}
.mobile-pointer-tooltip-call {
  right: 102px;
  top: 110px;
  width: 53px;
  height: 80px;
}
html.lang--pt-br .mobile-pointer-tooltip-call {
  right: 93px;
}

.Cursor {
  position: absolute;
  width: 52px;
  height: 52px;
  z-index: 100;
  opacity: 0;
  transform: translateZ(1px);
}
.Cursor-pointer {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url('/static/img/cursor.png');
  background-size: 100%;
  transform: scale(1);
}
.Cursor-pointer.click-action {
  transform: scale(0.8);
}
.Cursor-highlight {
  content: " ";
  position: absolute;
  left: 6px;
  top: 6px;
  right: 6px;
  bottom: 6px;
  background: #fff;
  border-radius: 100px;
  transform: translate(0, -2px) scale(1);
  transform-origin: 50% 50%;
  opacity: 0;
}
.Cursor-highlight.click-prepare {
  opacity: 0.6;
}
.Cursor-highlight.click-action {
  transform: translate(0, -2px) scale(2.5);
  opacity: 0;
}
.Cursor.scene1-0-attachementhover-prepare {
  right: 20px;
  top: calc(100% - 52px);
  opacity: 0;
}
.Cursor.scene1-1-attachementhover-show {
  right: 20px;
  top: calc(100% - 65px);
  opacity: 1;
}
.Cursor.scene1-2-tocloudservices {
  right: 50px;
  top: calc(100% - 52px - 90px);
  opacity: 1;
}
.Cursor.scene1-3-togdirve {
  right: 400px;
  top: calc(100% - 52px - 60px);
  opacity: 1;
}
.Cursor.scene1-4-hide {
  opacity: 0;
}
.Cursor.scene1-5-toAnnualPlanning {
  left: calc(50% - 20px);
  top: calc(50% - 52px + 60px);
  opacity: 1;
}
.Cursor.scene1-6-toSelect {
  left: calc(50% - 257px);
  top: calc(50% - 52px + 241px);
  opacity: 1;
}
.Cursor.scene1-7-hide {
  opacity: 0;
}
.Cursor.scene1-8-message-prepare {
  top: calc(100% - 52px - 50px);
  left: calc(100% - 52px - 150px);
}
.Cursor.scene1-9-message-prepare {
  top: calc(100% - 52px - 75px);
  left: calc(100% - 52px - 200px);
}
.Cursor.scene1-10-actions {
  top: calc(100% - 52px - 140px);
  left: calc(100% - 52px - 12px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-10-actions,
html.lang--ja-jp .Cursor.scene1-10-actions {
  top: calc(100% - 52px - 160px);
}
.Cursor.scene1-11-task {
  top: calc(100% - 52px - 101px);
  left: calc(100% - 52px - 160px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-11-task,
html.lang--ja-jp .Cursor.scene1-11-task {
  top: calc(100% - 52px - 95px);
}
.Cursor.scene1-12-hide {
  opacity: 0;
}
.Cursor.scene1-13-createtask-prepare {
  top: calc(50% - 52px + 247px);
  left: calc(50% - 52px + 217px);
}
html.lang--de-de .Cursor.scene1-13-createtask-prepare,
html.lang--ja-jp .Cursor.scene1-13-createtask-prepare {
  top: calc(50% - 52px + 190px);
}
.Cursor.scene1-14-createtask {
  top: calc(50% - 52px + 182px);
  left: calc(50% - 52px + 227px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-14-createtask,
html.lang--ja-jp .Cursor.scene1-14-createtask {
  top: calc(50% - 52px + 182px);
}
.Cursor.scene1-15-hide {
  opacity: 0;
}
.Cursor.scene1-16-search-prepare {
  top: calc(100% - 100px);
  left: 50%;
}
html.lang--de-de .Cursor.scene1-16-search-prepare,
html.lang--ja-jp .Cursor.scene1-16-search-prepare {
  top: calc(100% - 100px);
}
.Cursor.scene1-17-search-show {
  opacity: 1;
}
.Cursor.scene1-17-search {
  top: 0;
  left: calc(100% - 52px - 300);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-17-search,
html.lang--ja-jp .Cursor.scene1-17-search {
  top: 0;
}
.Cursor.scene1-18-hide {
  opacity: 0;
}
.Cursor.scene1-19-files-prepare {
  top: 100px;
  left: calc(50% - 52px - 100px);
}
html.lang--de-de .Cursor.scene1-19-files-prepare,
html.lang--ja-jp .Cursor.scene1-19-files-prepare {
  top: 100px;
  left: calc(50% - 52px - 100px);
}
.Cursor.scene1-20-files {
  top: 70px;
  left: calc(50% - 52px - 145px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-20-files,
html.lang--ja-jp .Cursor.scene1-20-files {
  top: 70px;
  left: calc(50% - 52px - 145px);
}
.Cursor.scene1-21-hide {
  opacity: 0;
}
.Cursor.scene1-22-past-planning-prepare {
  top: 400px;
  left: calc(50% - 52px + 260px);
}
html.lang--de-de .Cursor.scene1-22-past-planning-prepare,
html.lang--ja-jp .Cursor.scene1-22-past-planning-prepare {
  top: 400px;
  left: calc(50% - 52px + 260px);
}
.Cursor.scene1-23-past-planning {
  top: 340px;
  left: calc(50% - 52px + 300px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-23-past-planning,
html.lang--ja-jp .Cursor.scene1-23-past-planning {
  top: 340px;
  left: calc(50% - 52px + 300px);
}
.Cursor.scene1-24-hide {
  opacity: 0;
}
.Cursor.scene1-25-filehover-prepare {
  top: 100px;
  left: calc(50% - 52px - 60px);
}
html.lang--de-de .Cursor.scene1-25-filehover-prepare,
html.lang--ja-jp .Cursor.scene1-25-filehover-prepare {
  top: 100px;
  left: calc(50% - 52px - 60px);
}
.Cursor.scene1-26-filehover {
  top: 170px;
  left: calc(50% - 52px - 74px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-26-filehover,
html.lang--ja-jp .Cursor.scene1-26-filehover {
  top: 170px;
  left: calc(50% - 52px - 74px);
}
.Cursor.scene1-27-fileexport {
  top: 150px;
  left: calc(50% - 52px + 10px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-27-fileexport,
html.lang--ja-jp .Cursor.scene1-27-fileexport {
  top: 150px;
  left: calc(50% - 52px + 10px);
}
.Cursor.scene1-28-hide {
  opacity: 0;
}
.Cursor.scene1-29-share-prepare {
  top: calc(50% + 147px);
  left: calc(50% - 52px + 300px);
}
html.lang--de-de .Cursor.scene1-29-share-prepare,
html.lang--ja-jp .Cursor.scene1-29-share-prepare {
  top: calc(50% + 147px);
  left: calc(50% - 52px + 300px);
}
.Cursor.scene1-30-share {
  top: calc(50% + 127px);
  left: calc(50% - 52px + 260px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene1-30-share,
html.lang--ja-jp .Cursor.scene1-30-share {
  top: calc(50% + 127px);
  left: calc(50% - 52px + 260px);
}
.Cursor.scene1-31-hide {
  opacity: 0;
}
.Cursor.scene1-32-billing-prepare {
  top: 308px;
  left: 145px;
}
html.lang--de-de .Cursor.scene1-32-billing-prepare,
html.lang--ja-jp .Cursor.scene1-32-billing-prepare {
  top: 308px;
  left: 145px;
}
.Cursor.scene1-33-billing {
  top: 288px;
  left: 105px;
  opacity: 0;
}
.Cursor.scene2-0-hide {
  opacity: 0;
}
.Cursor.scene2-1-prepare {
  top: 308px;
  left: 145px;
}
.Cursor.scene2-2-acme {
  top: 165px;
  left: 105px;
}
.Cursor.scene3-0-hide {
  opacity: 0;
}
.Cursor.scene3-0-reaction {
  top: calc(100% - 180px);
  left: 290px;
  opacity: 1;
}
.Cursor.scene3-1-hide {
  opacity: 0;
}
.Cursor.scene3-2-contact {
  top: 355px;
  left: 105px;
  opacity: 1;
}
.Cursor.scene3-3-hide {
  opacity: 0;
}
.Cursor.scene3-4-hover {
  top: calc(100% - 180px);
  left: 290px;
  opacity: 1;
}
html.lang--de-de .Cursor.scene3-4-hover,
html.lang--ja-jp .Cursor.scene3-4-hover {
  top: calc(100% - 200px);
}
.Cursor.scene3-5-userinfo {
  top: calc(50% + 100px);
  left: calc(100% - 10px);
  opacity: 0;
}
html.lang--de-de .Cursor.scene3-5-userinfo,
html.lang--ja-jp .Cursor.scene3-5-userinfo {
  top: calc(50% + 100px);
}
.Cursor.scene3-6-userinfo-scroll {
  top: calc(70% + 25px);
  opacity: 0;
}
.Cursor.scene3-7-userinfo-hide {
  opacity: 0;
}
.Cursor.scene3-8-userinfo-close {
  opacity: 1;
  top: 50px;
  left: calc(100% - 50px);
}
html.lang--de-de .Cursor.scene3-8-userinfo-close,
html.lang--ja-jp .Cursor.scene3-8-userinfo-close {
  top: 50px;
}
.Cursor.scene3-9-userinfo-hide {
  opacity: 0;
}
.Cursor.scene3-10-call {
  top: 47px;
  left: calc(100% - 56px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene3-10-call,
html.lang--ja-jp .Cursor.scene3-10-call {
  top: 47px;
}
.Cursor.scene3-10-call-all-prepare {
  top: 100px;
  left: calc(100% - 56px);
  opacity: 0;
}
html.lang--de-de .Cursor.scene3-10-call-all-prepare,
html.lang--ja-jp .Cursor.scene3-10-call-all-prepare {
  top: 100px;
}
.Cursor.scene3-10-call-all {
  top: 120px;
  left: calc(100% - 150px);
  opacity: 1;
}
html.lang--de-de .Cursor.scene3-10-call-all,
html.lang--ja-jp .Cursor.scene3-10-call-all {
  top: 120px;
}
.Cursor.scene3-11-call-hide {
  opacity: 0;
}

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.Scroll {
  position: absolute;
  z-index: 80;
  width: 16px;
  right: -50px;
  top: 35px;
  height: 250px;
  transition: all 0.35s ease-in-out;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px), (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll {
    position: relative;
    top: 0;
    right: auto;
    left: auto;
    width: 100%;
    bottom: 12%;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .navigation-visible .Scroll {
    transition: opacity 0.35s ease-in-out;
    opacity: 1;
    visibility: inherit;
  }
  .navigation-visible .Scroll:hover .Scroll-menu {
    opacity: 1;
    pointer-events: all;
  }
}
@media (min-width: 1024px) {
  .navigation-visible.isNotDesktop .Scroll {
    transition: all 0.35s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
}
.Scroll.before {
  opacity: 0;
  transition: opacity 0.5s;
}
.Scroll.active,
.Scroll.after {
  opacity: 1;
  transition: opacity 0.5s 1.5s;
}
@media (min-width: 1280px) {
  html.lang--pt-br .Scroll--1 .Scroll-point--6 {
    top: 338px;
  }
  html.lang--pt-br .Scroll--1 .Scroll-line--5 {
    height: 65px;
  }
  html.lang--pt-br .Scroll--3 .Scroll-point--1 {
    top: 82px;
  }
  html.lang--pt-br .Scroll--3 .Scroll-point--2 {
    top: 133px;
  }
  html.lang--pt-br .Scroll--3 .Scroll-point--3 {
    top: 184px;
  }
  html.lang--pt-br .Scroll--3 .Scroll-point--4 {
    top: 235px;
  }
  html.lang--pt-br .Scroll--3 .Scroll-line--0 {
    height: 64px;
  }
  html.lang--pt-br .Scroll--3 .Scroll-line--1 {
    top: 88px;
  }
  html.lang--pt-br .Scroll--3 .Scroll-line--2 {
    top: 139px;
  }
  html.lang--pt-br .Scroll--3 .Scroll-line--3 {
    top: 190px;
  }
  html.lang--fr-fr .Scroll--1 .Scroll-point--6 {
    top: 338px;
  }
  html.lang--fr-fr .Scroll--1 .Scroll-line--5 {
    height: 65px;
  }
  html.lang--fr-fr .Scroll--3 .Scroll-point--1 {
    top: 82px;
  }
  html.lang--fr-fr .Scroll--3 .Scroll-point--2 {
    top: 133px;
  }
  html.lang--fr-fr .Scroll--3 .Scroll-point--3 {
    top: 184px;
  }
  html.lang--fr-fr .Scroll--3 .Scroll-point--4 {
    top: 235px;
  }
  html.lang--fr-fr .Scroll--3 .Scroll-line--0 {
    height: 64px;
  }
  html.lang--fr-fr .Scroll--3 .Scroll-line--1 {
    top: 88px;
  }
  html.lang--fr-fr .Scroll--3 .Scroll-line--2 {
    top: 139px;
  }
  html.lang--fr-fr .Scroll--3 .Scroll-line--3 {
    top: 190px;
  }
  html.lang--es-la .Scroll--1 .Scroll-point--6,
  html.lang--it-it .Scroll--1 .Scroll-point--6 {
    top: 338px;
  }
  html.lang--es-la .Scroll--1 .Scroll-line--5,
  html.lang--it-it .Scroll--1 .Scroll-line--5 {
    height: 65px;
  }
  html.lang--es-es .Scroll--1 .Scroll-point--6 {
    top: 338px;
  }
  html.lang--es-es .Scroll--1 .Scroll-line--5 {
    height: 65px;
  }
  html.lang--de-de .Scroll--1 .Scroll-point--6 {
    top: 338px;
  }
  html.lang--de-de .Scroll--1 .Scroll-line--5 {
    height: 65px;
  }
  html.lang--de-de .Scroll--3 .Scroll-point--1 {
    top: 82px;
  }
  html.lang--de-de .Scroll--3 .Scroll-point--2 {
    top: 133px;
  }
  html.lang--de-de .Scroll--3 .Scroll-point--3 {
    top: 184px;
  }
  html.lang--de-de .Scroll--3 .Scroll-point--4 {
    top: 235px;
  }
  html.lang--de-de .Scroll--3 .Scroll-line--0 {
    height: 64px;
  }
  html.lang--de-de .Scroll--3 .Scroll-line--1 {
    top: 88px;
  }
  html.lang--de-de .Scroll--3 .Scroll-line--2 {
    top: 139px;
  }
  html.lang--de-de .Scroll--3 .Scroll-line--3 {
    top: 190px;
  }
}
.Scroll-line {
  position: absolute;
  left: 7px;
  width: 2px;
  height: 39px;
  background: rgba(74, 21, 75, 0.2);
  transition: all 0.1s linear;
  z-index: 1;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-line {
    display: none;
  }
}
.Scroll-line--0 {
  top: 11px;
}
.Scroll-line--1 {
  top: 62px;
}
.Scroll-line--2 {
  top: 113px;
}
.Scroll-line--3 {
  top: 164px;
}
.Scroll-line--4 {
  top: 215px;
}
.Scroll-line--5 {
  top: 266px;
}
.Scroll-line--prev {
  height: 37px;
}
.Scroll-line--next {
  height: 37px;
  margin-top: 2px;
}
.Scroll-linePercent {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  background: #4A154B;
  z-index: 1;
}
.Scroll-point {
  position: absolute;
  border-radius: 50%;
  left: 4px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border: 4px solid #4A154B;
  transition: all 0.15s linear;
  z-index: 1;
  cursor: pointer;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point {
    position: relative;
    margin-top: 10px;
    width: 12px;
    height: 12px;
    display: flex;
    border: none;
    background: #611F69;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-point {
    position: relative;
    margin-top: 30px;
    width: 23px;
    height: 23px;
    display: flex;
    border: none;
    background: #611F69;
  }
}
.Scroll-point--0 {
  top: 5px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point--0 {
    top: 0;
    margin-right: 14px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-point--0 {
    top: 0;
    margin-right: 27px;
  }
}
.Scroll-point--1 {
  top: 56px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point--1 {
    top: auto;
    margin-right: 14px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-point--1 {
    top: auto;
    margin-right: 27px;
  }
}
.Scroll-point--2 {
  top: 107px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point--2 {
    top: auto;
    margin-right: 14px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-point--2 {
    top: auto;
    margin-right: 27px;
  }
}
.Scroll-point--3 {
  top: 158px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point--3 {
    top: auto;
    margin-right: 14px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-point--3 {
    top: auto;
    margin-right: 27px;
  }
}
.Scroll-point--4 {
  top: 209px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point--4 {
    top: auto;
    margin-right: 14px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-point--4 {
    top: auto;
    margin-right: 27px;
  }
}
.Scroll-point--5 {
  top: 260px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point--5 {
    top: auto;
    margin-right: 14px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-point--5 {
    top: auto;
    margin-right: 27px;
  }
}
.Scroll-point--6 {
  top: 311px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point--6 {
    top: auto;
    margin-right: 14px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-point--6 {
    top: auto;
    margin-right: 27px;
  }
}
@media (min-width: 1280px) {
  .Scroll-point--active {
    margin-top: -6px;
    left: 2px;
    width: 12px;
    height: 12px;
  }
}
.Scroll-point--inactive {
  border: 4px solid rgba(74, 21, 75, 0.2);
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px), (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-point--inactive {
    border: none;
    background: #1D2229;
    opacity: 0.2;
  }
}
.Scroll-point.hover {
  border-color: #7C3085;
}
@media (min-width: 1280px) {
  .Scroll:after {
    content: ' ';
    position: absolute;
    top: -50px;
    left: -25px;
    bottom: -50px;
    right: -50px;
  }
}
.Scroll-menu {
  opacity: 1;
  position: absolute;
  top: -44px;
  left: 0;
  bottom: -40px;
  border-radius: 8px;
  width: 260px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.2px;
  font-weight: 400;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  text-align: left;
  color: #000;
  transition: opacity 0.3s;
}
@media (min-width: 1280px) {
  html.isNotDesktop .Scroll-menu {
    top: -8px;
    width: 250px;
  }
  html.lang--pt-br .Scroll-menu {
    width: 250px;
  }
  html.lang--de-de .Scroll-menu {
    width: 270px;
  }
  html.lang--es-la .Scroll-menu,
  html.lang--es-es .Scroll-menu {
    width: 275px;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-menu {
    display: none;
  }
}
html.lang--ja-jp .Scroll-menu {
  font-size: 11.7px;
}
@media (min-width: 1024px) {
  .isDesktop .Scroll-menu {
    padding-top: 36px;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
}
.Scroll-menu-item {
  margin-bottom: 25px;
  cursor: pointer;
  margin-right: -50px;
  padding-right: 50px;
  position: relative;
  z-index: 10;
  padding-left: 30px;
  transition: font-weight 0.2s;
}
html.build--events .Scroll-menu-item--last,
html.build--learn .Scroll-menu-item--last {
  display: none;
}
.Scroll-menu-item.active {
  font-weight: 600;
  pointer-events: none;
}
.Scroll-menu-item.active:last-child {
  pointer-events: all;
}
.Scroll-menu-item.active:last-child span {
  opacity: 1;
  color: #611F69;
}
.Scroll-menu-item.active:last-child span > svg {
  fill: #611F69;
}
html.isDesktop .Scroll-menu-item:hover span {
  border-bottom-color: #4A154B;
}
.Scroll-menu-item:after {
  content: ' ';
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  width: 50px;
}
.Scroll-menu-item span {
  transition: border 0.3s;
  border-bottom: 1px solid transparent;
}
@media (min-width: 1280px), (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .isDesktop .Scroll-menu-item:last-child:hover span {
    color: #611F69;
    opacity: 1;
  }
  .isDesktop .Scroll-menu-item:last-child:hover span > svg {
    fill: #611F69;
  }
  .Scroll-menu-item:last-child span {
    color: #696969;
    opacity: 0.5;
  }
  .Scroll-menu-item:last-child span > svg {
    height: 12px;
    width: 12px;
    fill: #696969;
  }
}
@media (min-width: 1280px) and (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) and (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-menu-item:last-child span {
    opacity: 1;
  }
}
@media (min-width: 1280px) {
  .Scroll-menu-item--0 {
    top: 0;
  }
  html.lang--de-de .Scroll-menu-item--0 {
    top: 0;
  }
  html.lang--es-es .Scroll-menu-item--0 {
    top: 0;
  }
  html.lang--es-la .Scroll-menu-item--0 {
    top: 0;
  }
  html.lang--fr-fr .Scroll-menu-item--0 {
    top: 0;
  }
  html.lang--ja-jp .Scroll-menu-item--0 {
    top: 0;
  }
  html.lang--pt-br .Scroll-menu-item--0 {
    top: 0;
  }
}
.Scroll-mob {
  position: absolute;
  font-weight: bold;
  font-size: 24px;
  line-height: 64px;
  letter-spacing: -0.4px;
  color: #696969;
  bottom: 40px;
  left: auto;
  right: auto;
  z-index: 100;
  cursor: pointer;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
}
.Scroll-mob-item {
  opacity: 0.5;
}
.Scroll-mob .isActivate {
  color: #4A154B;
  font-weight: bold;
  opacity: 1;
}
.Scroll-mob .isActivate svg {
  opacity: 1;
  fill: #4A154B;
}
@media (min-width: 1280px) {
  .Scroll-mob {
    display: none;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Scroll-mob {
    bottom: 120px;
    font-size: 26px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-mob {
    bottom: 30px;
    font-size: 34px;
    line-height: 64px;
    letter-spacing: -0.4px;
  }
}
.Scroll-mob svg {
  margin: 0 0 -3px 12px;
  width: 20px;
  height: 20px;
  fill: #696969;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Scroll-mob svg {
    width: 25px;
    height: 25px;
  }
}

.ScrollArrow {
  width: 20px;
  height: 12px;
  position: fixed;
  bottom: 33px;
  left: 50%;
  margin-left: -10px;
  opacity: 0;
  transition: opacity 0.3s, bottom 0s 0.3s;
  z-index: 2;
}
@media (max-width: 320px) and (max-height:568px) {
  .ScrollArrow {
    bottom: 18px;
  }
}
.ScrollArrow svg {
  width: 100%;
  height: 100%;
}
.ScrollArrow.visible {
  opacity: 1;
  -webkit-animation: bounce_arrow 4s infinite 2s;
          animation: bounce_arrow 4s infinite 2s;
}
.ScrollArrow.withBottomAnnotation {
  bottom: 15px;
}

.ScrollButtons {
  position: fixed;
  bottom: 26px;
  right: 22px;
  width: 44px;
  height: 100px;
  z-index: 80;
  transition: all 0.35s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.navigation-visible .ScrollButtons {
  transition: opacity 0.35s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
.ScrollButtons.horizontal {
  width: 108px;
  height: 44px;
  bottom: 21px;
  right: 20px;
}
html.isTablet .ScrollButtons {
  bottom: 40px;
  right: 40px;
}
@media (max-width: 767px) and (orientation: landscape), (max-width: 812px) and (max-height:375px) and (orientation: landscape) {
  .ScrollButtons {
    left: 22px;
    right: auto;
  }
}
.ScrollButton {
  position: absolute;
  height: 44px;
  width: 44px;
  cursor: pointer;
}
html.isDesktop .ScrollButton:hover .arrow {
  stroke: #7C3085;
}
html.isDesktop .ScrollButton:hover .circle--percent path {
  stroke-dasharray: none !important;
  stroke: #7C3085 !important;
}
.ScrollButton .arrow {
  position: absolute;
  top: 18px;
  left: 15.5px;
  width: 13px;
  height: 8px;
  stroke: #4A154B;
  transition: stroke 0.2s;
}
.ScrollButton--prev {
  left: 0;
  top: 0;
}
.ScrollButton--prev .arrow {
  left: 14.5px;
}
.ScrollButton--next {
  right: 0;
  bottom: 0;
}
.ScrollButton--next .arrow {
  transform: rotate(180deg);
}
.ScrollButton--next,
.ScrollButton--restart {
  transition: opacity 0.2s, visibility 0.2s;
}
.ScrollButton--next .circle,
.ScrollButton--restart .circle {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 48px;
  height: 48px;
  fill: none;
  stroke: #4A154B;
  stroke-width: 1.63px;
}
.ScrollButton--next .circle path,
.ScrollButton--restart .circle path {
  transition: stroke 0.2s;
}
.ScrollButton--next .circle--back,
.ScrollButton--restart .circle--back {
  opacity: 0.2;
}
.ScrollButton--next.hidden,
.ScrollButton--restart.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s, visibility 0s 0.2s;
}
.ScrollButton--restart {
  right: 0;
  bottom: 0;
}
.ScrollButton--restart .svg--restart {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  left: 8px;
  stroke: #4A154B;
  stroke-width: 2.4px;
  transition: stroke 0.2s;
}
html.isDesktop .ScrollButton--restart:hover .svg--restart {
  stroke: #7C3085;
}
html.isDesktop .ScrollButton--restart:hover .circle path {
  stroke: #7C3085 !important;
}
.ScrollButton.playing,
.ScrollButton.disabled {
  pointer-events: none;
}
.ScrollButton.playing .arrow,
.ScrollButton.disabled .arrow {
  opacity: 0.4;
}
.ScrollButton.finished .arrow {
  opacity: 0.4;
}
.ScrollButton.finished .circle--percent {
  display: none;
}

.Restart {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: calc( 50% + 67px );
  z-index: 100;
  cursor: pointer;
  transition: opacity 0.2s;
  opacity: 0;
  pointer-events: none;
}
html.isDesktop .Restart,
html:not(.build--learn):not(.build--events) .Restart {
  display: none !important;
}
.Restart.visible {
  opacity: 1;
}
.Restart:after {
  content: ' ';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}
.Restart.visible {
  opacity: 1;
  pointer-events: all;
}
.Restart.visible:hover {
  opacity: 0.7;
}
.Restart.disabled {
  pointer-events: none;
}
.Restart svg {
  width: 26px;
  height: 22px;
  stroke: #4A154B;
  stroke-width: 2px;
}
.Restart span {
  font-family: 'Averta', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #4A154B;
  text-transform: uppercase;
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 10px;
}
html.isTablet .Restart span {
  margin-left: 16px;
  letter-spacing: 0.8px;
  margin-top: 37px;
}

.Footer {
  position: relative;
  z-index: 120;
  font-family: 'Larsseit', 'Lato', Helvetica, sans-serif;
  background: #fff;
  scroll-snap-align: start;
  scroll-margin: 85px;
}
html.firefox .Footer {
  scroll-snap-align: center;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer {
    scroll-margin: 100px;
  }
}
html.build--events .Footer,
html.build--learn .Footer {
  display: none;
}
.Footer-cta {
  padding: 136px 0 170px;
  background: #4A154B;
  text-align: center;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Footer-cta {
    padding: 68px 0 76px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-cta {
    padding: 63px 0 60px;
  }
}
.Footer-ctaTitle {
  font-size: 50px;
  line-height: 56px;
  font-weight: 600;
  letter-spacing: -0.75px;
  color: #ffffff;
  margin-bottom: 20px;
}
html.lang--de-de .Footer-ctaTitle,
html.lang--es-es .Footer-ctaTitle,
html.lang--es-la .Footer-ctaTitle,
html.lang--fr-fr .Footer-ctaTitle,
html.lang--ja-jp .Footer-ctaTitle,
html.lang--pt-br .Footer-ctaTitle,
html.lang--it-it .Footer-ctaTitle {
  margin-bottom: 21px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Footer-ctaTitle {
    font-size: 42px;
    letter-spacing: -0.5px;
    margin-bottom: 35px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-ctaTitle {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.8px;
    max-width: 305px;
    margin: 0 auto 36px;
  }
}
.Footer-buttons {
  font-size: 0;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Footer-buttons {
    width: 530px;
    margin: 0 auto;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-buttons {
    width: 100%;
    padding: 0 16px;
  }
}
.Footer-button {
  display: inline-block;
  width: 220px;
  height: 60px;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #ffffff;
  padding: 21px 0 20px 0;
  border-radius: 4px;
  text-transform: uppercase;
  transition: box-shadow 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (min-width: 1280px) {
  html.lang--es-es .Footer-button,
  html.lang--fr-fr .Footer-button {
    display: inline-grid;
    width: 340px;
  }
  html.lang--es-la .Footer-button {
    width: 260px;
  }
  html.lang--de-de .Footer-button {
    width: 250px;
  }
  html.lang--pt-br .Footer-button {
    width: 300px;
  }
  html.lang--it-it .Footer-button {
    display: inline-grid;
    width: 300px;
  }
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-button {
    display: block;
    width: 100%;
  }
}
.Footer-button--trySlack {
  color: #611F69;
  background: #ffffff;
  margin-right: 26px;
}
.isDesktop .Footer-button--trySlack:hover,
.isNotDesktop .Footer-button--trySlack:active {
  box-shadow: inset 0 0 0 2px #611f69;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-button--trySlack {
    margin: 0 0 15px;
  }
}
.Footer-button--contact {
  box-shadow: inset 0 0 0 1px #ffffff;
}
.isDesktop .Footer-button--contact:hover,
.isNotDesktop .Footer-button--contact:active {
  box-shadow: inset 0 0 0 2px #ffffff;
}
.Footer-nav {
  background: #ffffff;
  padding: 80px 0;
  max-width: 1230px;
  margin: 0 auto;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Footer-nav {
    padding: 32px 0;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-nav {
    padding: 32px 0;
  }
}
.Footer-navContent {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Footer-navContent {
    padding: 97px 4vw 0;
    max-width: 768px;
    margin: 0 auto;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-navContent {
    padding: 97px 4vw 0 4vw;
  }
}
.Footer-logo {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 54px;
  height: 54px;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Footer-logo {
    left: 31px;
    top: -1px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-logo {
    left: 16px;
  }
}
.Footer-logo svg {
  width: 100%;
  height: 100%;
}
.Footer-sections {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
  width: 65.85365854%;
  margin-bottom: 16px;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-size: 0;
  text-align: right;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px), (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-sections {
    width: 100%;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-sections {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0;
  }
}
.Footer-section {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: #454245;
  text-align: initial;
  vertical-align: top;
}
.Footer-sectionTitle {
  font-weight: 600;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #454545;
  padding: 8.8px 0;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-sectionTitle {
    padding: 12px 0;
  }
}
.Footer-link {
  display: block;
  color: #696969;
  padding: 8.8px 0;
  transition: opacity 0.3s;
}
.isDesktop .Footer-link:hover {
  color: #1264a3;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-link {
    padding: 12px 0;
  }
}
.Footer-bottom {
  background: #f5f5f5;
  padding: 32px 0;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-bottom {
    padding: 16px 0 19px;
  }
}
.Footer-bottomContent {
  display: flex;
  justify-content: space-between;
  max-width: 1230px;
  margin: 0 auto;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Footer-bottomContent {
    padding: 0 30px;
    max-width: 768px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-bottomContent {
    display: block;
    padding: 0 42px;
    max-width: 375px;
    margin: 0 auto;
  }
}
.Footer-meta {
  font-size: 0;
  display: flex;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    flex-flow: wrap;
  }
}
.Footer-meta a {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #454245;
  margin-right: 16px;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-meta a:last-child {
    margin-right: 0;
  }
}
.Footer-meta a:hover {
  color: #1264a3;
}
.Footer-metaLink {
  margin: 0 auto;
}
.Footer-langSocial {
  display: flex;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-langSocial {
    display: block;
    text-align: center;
  }
}
.Footer-lang {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #454245;
  margin-right: 36px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.Footer-lang svg:first-child {
  width: 16px;
  height: 18px;
  fill: #454545;
  margin-right: 0.25rem;
  margin-bottom: -4px;
}
.Footer-lang svg:last-child {
  width: 11px;
  height: 6px;
  margin-left: 7px;
  margin-bottom: 1px;
  fill: #454545;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-lang svg:last-child {
    display: none;
  }
}
.Footer-lang:hover {
  color: #1264a3;
}
.Footer-lang:hover svg {
  fill: #1264a3;
}
.isLangPopupVisible .Footer-lang svg:last-child {
  transform: rotate(180deg);
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-lang {
    margin: 0 auto;
    padding: 32px 0 16px 0;
  }
  .Footer-lang:after {
    content: none;
  }
}
.Footer-social {
  font-size: 0;
}
.Footer-socialItem {
  display: inline-block;
  margin-right: 16px;
  transition: opacity 0.3s;
}
.Footer-socialItem:last-child {
  margin-right: 0;
}
.Footer-socialItem:hover svg {
  fill: #1264a3;
}
.Footer-socialItem svg {
  width: 20px;
  height: 20px;
  fill: #454545;
}
.Footer-copyright {
  background-color: #ebeaeb;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  display: block;
}
.Footer-copyrightContent {
  max-width: 1230px;
  margin: 0 auto;
  color: #454545;
  font-weight: 400;
  line-height: 1.28571429;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 0.75rem;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Footer-copyrightContent {
    padding: 0 30px;
    max-width: 768px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Footer-copyrightContent {
    padding: 0 15px;
    max-width: 375px;
    text-align: center;
    line-height: 1.25rem;
    height: 96px;
  }
}

.Languages {
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
}
.c-locale-new-switcher__globe {
  fill: #454545;
  margin-right: 0.25rem;
}
.c-locale-new-overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9000;
  background-color: rgba(0, 0, 0, 0.3);
  justify-content: center;
}
.isLangPopupVisible .c-locale-new-overlay {
  display: flex;
}
.c-locale-new-menu {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  position: absolute;
}
@media screen and (min-width: 48rem) {
  .c-locale-new-menu {
    max-width: 760px;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: 8rem;
  }
}
.c-locale-new-menu__contents {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  padding: 2rem 4rem;
}
.c-locale-new-menu__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.c-locale-new-menu__info {
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.28571429;
  letter-spacing: normal;
  font-size: 0.875rem;
  margin-bottom: 0;
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu__info {
    font-size: calc(0.875rem + (2 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu__info {
    font-size: 1rem;
  }
}
.c-locale-new-menu__info:lang(ja) {
  font-family: Slack-Tazugane, Tahoma, Slack-Larsseit, "Helvetica Neue", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: normal;
  font-size: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu__info:lang(ja) {
    font-size: calc(1rem + (-1 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu__info:lang(ja) {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu__info:lang(de) {
    font-size: calc(0.875rem + (2 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu__info:lang(de) {
    font-size: 1rem;
  }
}
.c-locale-new-menu__cols {
  margin-top: 2rem;
  justify-content: space-between;
  display: block;
}
@media screen and (min-width: 48rem) {
  .c-locale-new-menu__contents {
    overflow-y: auto;
  }
  .c-locale-new-menu__cols {
    display: flex;
  }
}
.c-locale-new-menu__continent {
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.28571429;
  letter-spacing: 0.8px;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 0;
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu__continent {
    font-size: calc(0.875rem + (0 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu__continent {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu__continent:lang(ja) {
    font-size: calc(0.9rem + (-0.4 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu__continent:lang(ja) {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu__continent:lang(de) {
    font-size: calc(0.875rem + (0 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu__continent:lang(de) {
    font-size: 0.875rem;
  }
}
.c-locale-new-menu a.c-locale-new-menu__locale {
  display: block;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  line-height: 1.28571429;
  letter-spacing: normal;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  color: #454545;
  border: none;
  vertical-align: middle;
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu a.c-locale-new-menu__locale {
    font-size: calc(0.875rem + (2 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu a.c-locale-new-menu__locale {
    font-size: 1rem;
  }
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu a.c-locale-new-menu__locale:lang(ja) {
    font-size: calc(1rem + (-1 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu a.c-locale-new-menu__locale:lang(ja) {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 25rem) {
  .c-locale-new-menu a.c-locale-new-menu__locale:lang(de) {
    font-size: calc(0.875rem + (2 * (100vw - 400px) / 624));
  }
}
@media screen and (min-width: 64rem) {
  .c-locale-new-menu a.c-locale-new-menu__locale:lang(de) {
    font-size: 1rem;
  }
}
.c-locale-new-menu a.c-locale-new-menu__locale,
.c-locale-new-menu a.c-locale-new-menu__locale:lang(de),
.c-locale-new-menu a.c-locale-new-menu__locale:lang(ja) {
  font-weight: 400;
}
.c-locale-new-menu a.c-locale-new-menu__locale.is-selected,
.c-locale-new-menu a.c-locale-new-menu__locale:hover {
  text-decoration: underline;
  color: #1264a3;
}
.c-locale-new-menu__col {
  padding: 0;
  text-align: left;
  margin: 0;
  margin-bottom: 2rem;
}
@media screen and (min-width: 48rem) {
  .c-locale-new-menu__col {
    margin-bottom: 0;
  }
}
.c-locale-new-menu__col a.c-locale-new-menu__locale:last-child {
  margin-bottom: 0;
}
.c-locale-new-overlay.is-open + a.c-locale-new-switcher .c-locale-new-switcher__chevron {
  transform: rotate(180deg);
}
a.c-locale-new-switcher:hover .c-locale-new-switcher__globe {
  fill: #1264a3;
}
a.c-locale-new-switcher:hover .c-locale-new-switcher__chevron {
  fill: #1264a3;
  stroke: #1264a3;
}
.c-feature-grid__item__title {
  line-height: 1.44444444;
  font-weight: 600;
  letter-spacing: normal;
  font-size: 1.125rem;
  color: #1d1d1d;
  margin-bottom: 0.5rem;
}

.Menu {
  background-color: #ffffff;
  position: fixed;
  z-index: 1000;
  height: 85px;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Menu {
    height: 64px;
  }
}
.Menu-logo {
  position: absolute;
  width: 99px;
  height: 25px;
  top: 29px;
  left: 27px;
  z-index: 150;
  cursor: pointer;
  transition: opacity 0.35s ease-in-out;
  opacity: 1;
  visibility: inherit;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Menu-logo {
    width: 101px;
    height: 25px;
    top: 29px;
    left: 27px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Menu-logo {
    width: 88.5px;
    height: 22px;
    top: 21.5px;
    left: 22px;
  }
}
.Menu-logo a {
  text-decoration: none;
}
.Menu-logo svg {
  width: 100%;
  height: 100%;
}
.no-touchevents .Menu-logo {
  transition: 0.2s all;
}
.Menu-logo:not(.disabled):hover {
  opacity: 0.7 !important;
}
.Menu-logo.disabled {
  pointer-events: none;
}
.Menu-logo--mono {
  opacity: 0;
}
@media (max-width: 1023px) {
  .navigation-visible .Menu-logo {
    transition: all 0.35s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
}
.navigation-visible.isNotDesktop .Menu-logo {
  transition: all 0.35s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.MenuGeneral {
  display: none;
}
@media (min-width: 1280px) {
  .MenuGeneral {
    display: block;
  }
}
.Menu-contact {
  position: absolute;
  top: 18px;
  right: 32px;
  right: 243px;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #1D1C1D;
  text-align: right;
  padding: 15px 24px 16px;
  z-index: 100;
}
html.lang--de-de .Menu-contact {
  right: 283px;
}
html.lang--es-es .Menu-contact {
  right: 253px;
}
html.lang--es-la .Menu-contact {
  right: 253px;
}
html.lang--fr-fr .Menu-contact {
  right: 313px;
}
html.lang--ja-jp .Menu-contact {
  right: 223px;
}
html.lang--pt-br .Menu-contact {
  right: 320px;
}
html.utmSpecial .Menu-contact {
  right: 217px;
}
.no-touchevents .Menu-contact {
  transition: 0.2s all;
}
html.lang--it-it .Menu-contact {
  right: 320px;
}
html.lang--ko-kr .Menu-contact {
  right: 200px;
}
.Menu-contact span {
  display: inline-block;
  position: relative;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Menu-contact {
    top: 39px;
    right: 245px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Menu-contact {
    display: none;
  }
}
.isDesktop .Menu-contact:hover,
.isNotDesktop .Menu-contact:active {
  color: #7C3085;
}
.Menu-try {
  position: absolute;
  top: 18px;
  right: 26px;
  border-radius: 4px;
  font-family: 'Circular Std', 'Averta', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  padding: 15px 24px 16px;
  z-index: 100;
}
.Menu-try span {
  display: inline-block;
  position: relative;
}
.Menu-try em {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  border-radius: 4px;
  background: #611F69;
  transition: 0.2s background;
}
@media (min-width: 813px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1279px) and (min-height: 376px) {
  .Menu-try {
    top: 24px;
    right: 28px;
  }
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .Menu-try {
    top: 19px;
    right: 19px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    color: #611F69;
    padding: 13px 21px 14px;
  }
  html.lang--pt-br .Menu-try {
    max-width: 200px;
  }
  .Menu-try em {
    background: transparent;
    border: 1px solid #611F69;
    box-shadow: 0 0 0 1px transparent;
  }
  .no-touchevents .Menu-try em {
    transition: 0.2s box-shadow;
  }
}
.isDesktop .Menu-try:hover em,
.isNotDesktop .Menu-try:active em {
  background: #4A154B;
}
@media (max-width: 767px), (max-width: 812px) and (max-height:375px) {
  .isDesktop .Menu-try:hover em,
  .isNotDesktop .Menu-try:active em {
    background: transparent;
    box-shadow: 0 0 0 1px #611F69;
  }
}


/*# sourceMappingURL=style.css.map*/