.animations{z-index:0;font-size:8.333333vw;background:white;margin:0 -0.125em 1em;position:relative;padding:4vw 0 57.5%;border-radius:0.25rem;box-shadow:0 2rem 2rem rgba(0,0,0,0.1)}@media screen and (min-width: 800px){margin:0.5em -0.825em 2em}.browserbar{background:white;border-radius:0.5rem 0.5rem 0 0;width:100%;height:4vw;position:absolute;top:0;z-index:2}.browserbar .spinner-timer{font-size:20px;top:50%;right:1em}.browserbar .spinner-timer::after{background:#F8F8FB;background:linear-gradient(0deg, #e7e7ea 0%, #f8f8fb 150%)}@keyframes scene{0%{opacity:0;z-index:1}1%,17.5%{opacity:1}17.6%,100%{opacity:0;z-index:0}}.scene{animation-name:scene;animation-duration:24s;animation-delay:0s;animation-iteration-count:infinite;animation-fill-mode:both;opacity:0}.scene,.backdrop{position:absolute;padding:0 0 56.25%;width:100%;overflow:hidden;border-radius:0 0 0.25rem 0.25rem;box-sizing:border-box;text-align:center;background-size:cover !important;background-repeat:no-repeat;background-position:center top}.scene-inner{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover !important;background-repeat:no-repeat;background-position:center top;overflow:hidden}.backdrop,.scene-inner{background-image:url("/images/webops/animation/backdrop.png")}.scene01{animation-delay:0s}.scene02{animation-delay:4s}.scene03{animation-delay:8s}.scene04{animation-delay:12s}.scene05{animation-delay:16s}.scene06{animation-delay:20s}.scene04 .scene-inner{background-image:url("/images/webops/animation/preview.png")}.typer{display:block;width:24em;margin-top:-0.125rem;color:#3D3F4D}.typed{width:0;animation:typer-mask 24s linear;animation-timing-function:steps(24, end);animation-iteration-count:infinite;white-space:nowrap;display:inline-block;position:absolute;overflow:hidden}.typed::after{font-weight:100;content:"|";animation:caret infinite;animation-duration:1s;animation-timing-function:steps(1, end);font-size:2em;line-height:1;color:inherit;margin-top:-0.25em;position:relative}.typed02{animation-delay:4s}@keyframes typer-mask{0%,16.1%,100%{width:0}8.3%,16%{width:100%}}@keyframes caret{0%,100%{opacity:0}50%{opacity:1}}@keyframes spinner-mask{0%{width:0.5em;margin-left:0.5em}50%,100%{width:1em;margin-left:0}}@keyframes spinner-rotator{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}98%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes spinner-fill{0%{opacity:0}50%,100%{opacity:1}}@keyframes spinner-fade{0%{opacity:0;z-index:1}2%,33%{opacity:1}33.3%,100%{opacity:0;z-index:0}}.spinner-timer{font-size:40px;width:1em;height:1em;overflow:hidden;border-radius:0.5em;position:absolute;margin:-0.5em;z-index:1;background:#DDF3E9}.spinner-timer::after{content:'';display:block;position:absolute;font-size:0.5em;width:1em;height:1em;border-radius:0.5em;left:50%;top:50%;margin:-0.5em;background:white;z-index:2}.spinner-timer-inner{width:0;height:1em;position:absolute;top:0;right:0;overflow:hidden;animation:spinner-mask 8s steps(1, end) infinite;animation-fill-mode:both}.spinner-timer-inner::before,.spinner-timer-inner::after{content:'';display:block;height:1em;width:0.5em;position:absolute;border-left:0.5em solid #3E926D;top:0;right:0}.spinner-timer-inner::before{z-index:1;animation:spinner-rotator 8s linear infinite}.spinner-timer-inner::after{opacity:0;width:0;animation:spinner-fill 8s steps(1, end) infinite}.progress-bar{display:none;font-size:1rem;z-index:3;background:white;position:absolute;top:-1.25em;width:48em;padding:0.5em 0;left:50%;margin-left:-24em;box-shadow:0 0.125em 0.125em rgba(0,0,0,0.125);text-align:left}.progress-bar-col{width:10em;padding:0 1em 0.25em;display:block;float:left;position:relative;color:#E1E2F1;white-space:nowrap;overflow:hidden;height:100%;animation:progress-bar-col 24s linear infinite}.progress-bar-col strong{font-size:1.5em;line-height:1.25}.progress-bar-col::before{content:'';position:absolute;background:#E1E2F1;width:2px;margin-left:-1px;top:0;bottom:0;left:0}.progress-bar-col01:first-child::before{display:none}.progress-bar-col .typer{position:absolute}.progress-bar-col .spinner-timer{font-size:2.5em;animation-name:spinner-fade;animation-duration:24s;animation-delay:0s;animation-iteration-count:infinite;animation-fill-mode:both}.progress-bar-col01{width:22em}.progress-bar-col01,.progress-bar-col01 .typed,.progress-bar-col01 .spinner-timer,.progress-bar-col01 .progress-bar-step{animation-delay:0s}.progress-bar-col01 .typed02{animation-delay:4s}.progress-bar-col02,.progress-bar-col02 .typed,.progress-bar-col02 .spinner-timer,.progress-bar-col02 .progress-bar-step{animation-delay:8s}.progress-bar-col02 .typed02{animation-delay:12s}.progress-bar-col03,.progress-bar-col03 .typed,.progress-bar-col03 .spinner-timer,.progress-bar-col03 .progress-bar-step{animation-delay:16s}.progress-bar-col03,.progress-bar-col03 .typed,.progress-bar-col03 .spinner-timer{float:right}.progress-bar-col03 .typed02{animation-delay:20s}.progress-bar-step{margin-top:0.5em;font-size:0.75em;text-transform:uppercase;font-weight:300;display:block;color:#E1E2F1;animation:progress-bar-step 24s linear infinite}.progress-bar-col .spinner-timer{position:absolute;top:50%;right:0.75em}@keyframes progress-bar-col{1%,33%{width:22em;color:transparent}33.3%,100%{width:10em;color:#E1E2F1}}@keyframes progress-bar-step{1%,33%{color:#3D3F4D}33.3%,100%{color:#E1E2F1}}@media screen and (min-width: 800px){.section--intro .section__header{padding:0}.animations{top:1rem;padding-top:2rem}.browserbar{height:2rem}.progress-bar{display:block}}@keyframes mouse-moves{1%,20%{left:-6.25%;top:100%;opacity:0}33.3%,60%{left:68.75%;top:44.4444444444%;opacity:1}70%,100%{left:100%;top:100%;opacity:0}}.pointer{position:absolute;left:-6.25%;animation:mouse-moves 4s ease-out infinite}@keyframes mouse-click{0%,50%{transform:scale(0);opacity:0}54%{transform:scale(3);opacity:0.75}58%,100%{transform:scale(6);opacity:0}}.mouse-click{width:0;height:0;border:1em solid #00B38F;margin:-1em;animation:mouse-click 4s ease-out infinite;z-index:-1;position:absolute;border-radius:50%;opacity:0}.svg-pointer{background:url("/images/webops/animation/mouse.svg") no-repeat;background-size:contain;font-size:1rem;display:block;width:1.25rem;height:1.25rem}.skrim{background:#E1E2F1;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;opacity:0.8}@keyframes object-appears{0%,50%{opacity:0}50.25%,100%{opacity:1}}@keyframes object-fades-in{0%,51%{opacity:0}53%{opacity:1}100%{opacity:1}}@keyframes object-appears-and-fades-out{0%,40%{opacity:0;transform:scale(1)}50.25%{opacity:1;transform:scale(1)}80%,100%{opacity:0;transform:scale(2)}}.part-terminal{background-image:url("/images/webops/animation/part-terminal.png");top:13.8888888889%;left:18.75%;right:18.75%;height:47.2222222222%;box-shadow:0 1rem 1rem rgba(61,63,77,0.25)}.part-button--preview{background:url("/images/webops/animation/part-btn.gif") no-repeat;background-size:100%;border:0.25rem solid white;margin:-0.25rem;width:10.9375%;height:5.5555555556%;position:absolute;top:41.6666666667%;left:62.890625%;display:block;opacity:0;animation:object-appears 4s linear infinite}.part{position:absolute;display:block;background-size:cover !important;background-repeat:no-repeat;background-position:center top;overflow:hidden;z-index:0}.part-modal{top:13.8888888889%;right:29.6875%;bottom:13.8888888889%;left:29.6875%;z-index:2;background-image:url("/images/webops/animation/part-modal.png");border-radius:0.25rem;box-shadow:0 1rem 1rem rgba(61,63,77,0.25)}.part-branch-new,.part-branch-deploying,.part-deployment{top:38.8888888889%;right:9.375%;left:9.375%;height:11.1111111111%;border-radius:0.5rem;overflow:hidden}.part-branch-new{background-image:url("/images/webops/animation/part-branch-new.png")}@keyframes mask-terminal{0%,32%{height:41.6666666667%;top:19.4444444444%}33%,40%{height:36.1111111111%;top:25%}41%,65%{height:30.5555555556%;top:30.5555555556%}66%,82%{height:26.3888888889%;top:34.7222222222%}83%,100%{height:0%;top:61.1111111111%}}.mask-terminal{background:#1E1F26;position:absolute;left:21.875%;right:19.53125%;top:19.4444444444%;height:41.6666666667%;animation:mask-terminal 4s steps(1, start) infinite;animation-delay:0s}.scene02 .part-branch-new{opacity:0;animation:object-fades-in 8s ease infinite;animation-direction:normal;animation-delay:1.5s}@-webkit-keyframes bg-slide{0%,15%,96%,100%{transform:translateY(0)}80%{transform:translateY(-70%)}}.scene04 .scene-inner{bottom:-250%;animation:bg-slide 4s ease infinite}.scene04 .icon--checkmark{width:0;height:0;padding:5%;margin:-5%;position:absolute;left:75%;top:25%}.scene04 .checkmark01{animation:object-appears-and-fades-out 4s ease infinite;animation-delay:2.75s}.scene04 .checkmark02{top:50%;left:25%;animation:object-appears-and-fades-out 4s ease infinite;animation-delay:3.5s}.scene04 .checkmark03{top:75%;animation:object-appears-and-fades-out 4s ease infinite;animation-delay:4.25s}.scene05 .skrim,.scene05 .part-modal{opacity:0;animation:object-fades-in 8s ease infinite;z-index:1;animation-direction:normal;animation-delay:6.125s}.scene05 .pointer{margin-left:12.5%}.scene05 .pointer02{position:absolute;animation:mouse-moves 4s ease-out infinite;animation-delay:5.5s;z-index:2}.scene05 .pointer02 .mouse-click{animation-delay:5.5s}.scene05 .pointer02{margin-top:16.6666666667%;margin-left:-9.375%}.scene06 .part-branch-deploying{background-image:url("/images/webops/animation/part-branch-deploying.gif");animation:object-appears 4s linear infinite;animation-delay:2s}.scene06 .part-deployment{top:77.7777777778%;right:12.5%;left:12.5%;height:8.3333333333%;background-image:url("/images/webops/animation/part-deployment.png");animation:object-fades-in 4s linear infinite;animation-delay:4s}.scene06 .part-done{top:0;right:0;left:0;bottom:0;background:#00B38F url("/images/webops/animation/part-done.png");animation:object-fades-in 8s linear infinite;animation-delay:2.875s}

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