@keyframes border_focus_animation{0%{box-shadow:0 0 4px .3px #2f9fe0,0 0 0 .5px #0576b9}
100%{box-shadow:0 0 4px 0 #2f9fe0,0 0 0 0 #0576b9}
}
.splash_container{position:relative}
.splash_container__background{position:absolute;width:100%;height:100%;display:flex;justify-content:space-between;z-index:-1;background-color:#fff}
.splash_container__background--left{background:url(/843b8/img/apps/background_left.png) right no-repeat;height:100%;width:200px}
@media screen and (max-width:960px){.splash_container__background--left{background:url(/4d29/img/apps/background_tablet_left.png) right no-repeat;float:left}
}
@media screen and (max-width:640px){.splash_container__background--left{background:0 0}
}
.splash_container__background--center{height:100%;width:1104px;min-width:1104px}
@media screen and (max-width:960px){.splash_container__background--center{min-width:0;width:0}
.splash_container__background--right{background:url(/4d29/img/apps/background_tablet_right.png) bottom right no-repeat;float:right}
}
.splash_container__background--right{height:100%;width:200px}
.splash_container__background_image{height:100%}
.splash_wrapper{width:1024px;margin:70px auto 50px;padding:4rem 2rem 0;display:flex;justify-content:space-between}
@media screen and (max-width:960px){.splash_wrapper{width:100%;padding:0;margin:100px auto 60px}
}
@media screen and (max-width:640px){.splash_container__background--right{background:url(/4d29/img/apps/background_mobile_right.png) bottom right no-repeat}
.splash_wrapper{margin:10px auto 30px;padding-bottom:1.5rem}
}
.splash_text{max-width:440px;padding-left:9px;display:flex;flex-direction:column;height:100%;color:#2c2d30}
@media screen and (max-width:960px){.splash_text{text-align:center;margin:0 auto;justify-content:center}
}
.splash_text__title{font-size:38px;font-weight:900;margin-bottom:.75rem}
@media screen and (max-width:640px){.splash_text__title{font-size:28px;line-height:34px}
}
.splash_text__description{font-weight:500;font-size:22px;margin-bottom:1.25rem}
@media screen and (max-width:640px){.splash_text__description{font-size:15px;line-height:20px;max-width:300px;margin:0 auto 1.25rem}
}
.splash_text__button{font-size:17px;height:44px;line-height:25px}
.splash_interactive{display:flex}
@media screen and (max-width:960px){.splash_text__button{margin:0 auto}
.splash_interactive{display:none}
}
.splash_interactive__buttons{display:flex;flex-direction:column}
.splash_interactive__button{height:50px;width:50px;border-radius:6px;border:1px solid #e8e8e8;margin-bottom:20px;cursor:pointer;transform:scale(1);transition:all .2s ease;background-size:contain}
.splash_interactive__button--drive{background-image:url(/843b8/img/apps/icon_drive@2x.png)}
.splash_interactive__button--zoom{background-image:url(/843b8/img/apps/icon_zoom@2x.png)}
.splash_interactive__button--jira{background-image:url(/843b8/img/apps/icon_jira@2x.png)}
.splash_interactive__button--salesforce{background-image:url(/843b8/img/apps/icon_salesforce@2x.png)}
.splash_interactive__button--active{transform:scale(1.1);transform-origin:center;box-shadow:0 0 10px 1px #e8e8e8}
.splash_interactive__window{width:400px;border-radius:6px;border:1px solid #e8e8e8;height:267px;margin-left:25px;position:relative;padding:20px 25px;z-index:1;background-color:#fff;transition:box-shadow .3s ease}
.splash_interactive__window:before{content:'';display:block;height:86px;width:91px;position:absolute;right:-72px;top:156px;background:url(/843b8/img/apps/background_squares@2x.png) no-repeat;background-size:contain}
.splash_interactive__window:hover{cursor:pointer}
.splash_interactive__window:hover .splash_interactive__window_headline{color:#017ab8}
.splash_interactive__window:after{content:'';display:block;position:absolute;height:275px;width:409px;left:-6px;top:0;z-index:-1;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}
.splash_interactive__window_content_container{opacity:1;transition:opacity .2s ease}
.splash_interactive__window_content_container--hide{opacity:0}
.splash_interactive__window_headline{font-size:18px;margin-bottom:15px;font-weight:700}
a.splash_interactive__window_link{color:#2c2d30}
a.splash_interactive__window_link:hover{text-decoration:none}
.splash_interactive__window_message{display:flex;margin-bottom:10px;font-size:15px;opacity:0;position:relative;top:30px}
.splash_interactive__window_message--show{animation:.3s ease .5s forwards slide-up}
.splash_interactive__window_message_content_username{font-weight:900;line-height:15px}
.splash_interactive__window_message_image{height:40px;width:40px;margin-right:10px;background-size:cover;background-repeat:no-repeat}
.splash_interactive__window_message_content_text{border-right:1px solid transparent;line-height:20px;margin-top:4px;overflow:hidden;white-space:nowrap;width:100%}
.splash_interactive__window_message_content_text--drive{color:#a0a0a2}
.splash_interactive__window_message_content_text_icon{display:none}
.splash_interactive__window_message_content_text--drive .splash_interactive__window_message_content_text_icon{display:inline-block}
.splash_interactive__window_message_content_text--typing{animation:type-text 1s steps(20,end) .5s forwards,blink-caret .75s step-end infinite}
.splash_interactive__window_response{height:auto;width:320px;margin-left:2px;opacity:0;position:relative;top:30px}
.splash_interactive__window_response--show{animation:.3s ease 2.3s forwards slide-up}
.splash_interactive__window_response--show.splash_interactive__window_response--drive{animation:.3s ease 1s forwards slide-up}
.splash_color_border{display:flex;width:100%;min-width:992px;position:relative}
.splash_color_border_cell{height:3px;flex:1}
@keyframes slide-up{0%{opacity:0;top:30px}
100%{opacity:1;top:0}
}
@keyframes type-text{0%{width:0}
100%{width:100%}
}
@keyframes blink-caret{0%,100%{border-color:transparent}
50%{border-color:#717274}
}
@keyframes fill_width{0%{width:100%}
100%{width:0}
}
@keyframes flex_bars{0%{flex:1}
100%{flex:2}
}
.splash_color_border_cell--yellow{background-color:#ff9000}
.splash_color_border_cell--purple{background-color:#71105f}
.splash_color_border_cell--red{background-color:#d72b3f}
.splash_color_border_cell--green{background-color:#2ea664}
.splash_color_border_cell--blue{background-color:#7fd1e0}