.sequence-list .menu-item{height:34px;line-height:30px;margin:5px 0;padding:2px 8px;color:#000}.sequence-list a:hover{text-decoration:none}.sequence-list .menu-item:hover{background-color:#eee}.sequence-list .menu-item.route-is-active{background-color:#ccc}.sequence-list .menu-item .menu-item__text{font-weight:700;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;float:left}.sequence-list-header{height:50px;border-bottom:1px solid #eee;border-top:1px solid #eee}.sequence-list-header h4{text-align:center;line-height:50px;margin:0;padding:0}.sequence-creator-page{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh}.sequence-creator-page .sequence-creator-page-sidebar{width:250px;-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px;border-right:1px solid grey}.sequence-creator-page .sequence-creator-page-content{width:100%}.workflow-card-header .action-card-details .caption{color:#eee;font-variant:small-caps}.action-card-primitive{border:1px solid #606266}.action-card-primitive:after,.action-card-primitive:before{-webkit-box-shadow:0 0 0 1px #606266!important;box-shadow:0 0 0 1px #606266!important}.action-card-primitive .action-card-details .caption{color:#999;font-variant:small-caps}.workflow-card-next{border:2px dashed #aaa;font-weight:700;color:#aaa;background-color:hsla(0,0%,100%,.75);margin-bottom:40px;max-width:384px;min-height:107px;padding-top:20px}.sequence-suggestions-item h5{margin:0}.sequence-suggestions-item p{margin:5px 10px 5px 0;text-align:justify;line-height:1.25em}.sequence-suggestions-item{display:-webkit-box;display:-ms-flexbox;display:flex}.sequence-suggestions-item-icon{width:60px}.sequence-suggestions-item-content{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.sequence-suggestions-item h5 strong{background-color:#ff0}.round-icon{border-radius:50%;text-align:center;margin:2px 10px 0 10px;width:40px;height:40px;position:relative}.round-icon>*{top:10px;position:absolute;width:20px!important;height:20px;left:10px}.round-icon--red{background-color:red}.sequence-suggestions{padding:.75em;height:100vh;overflow-y:scroll;border-left:1px solid grey}.workflow-card{background:#6a737d;-webkit-box-shadow:inset 0 0 0 1px #444d56,0 2px 4px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px #444d56,0 2px 4px rgba(0,0,0,.15);margin-bottom:40px;max-width:384px}.workflow-card:after{background:#6a737d;border-radius:50%;bottom:-12px;-webkit-box-shadow:0 0 0 1px #444d56;box-shadow:0 0 0 1px #444d56;content:"";display:block;height:24px;left:50%;margin:0 0 0 -12px;position:absolute;width:24px}.workflow-card-controls{-webkit-box-shadow:inset 0 1px 0 0 #444d56;box-shadow:inset 0 1px 0 0 #444d56}.workflow-card-controls:before{background:#6a737d;bottom:1px;height:25px;margin:0 0 0 -23px;width:46px}.workflow-card-controls:after,.workflow-card-controls:before{content:"";display:block;left:50%;position:absolute;z-index:1}.workflow-card-controls:after{background:red;border-radius:50%;bottom:-4px;height:8px;margin:0 0 0 -4px;width:8px}.workflow-string{border:2px solid #d1d5da;border-radius:2px;height:40px;margin-right:-2px;right:50%;top:100%;width:0}.workflow-string--crossover{border:0;width:45%}@media (min-width:1012px){.workflow-string--crossover{width:calc(100% + 48px)}}.workflow-string--crossover-flip{left:50%;margin-left:-2px;right:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.workflow-string--split{height:100px;top:100%}@media (min-width:1012px){.workflow-string--split{height:310px;top:calc(100% + 30px)}}.workflow-string--success{border-color:#34d058;width:1px}.workflow-success{left:50%;margin-left:-35px;top:calc(100% + 90px)}.action-card{-webkit-box-shadow:inset 0 0 0 1px #e1e4e8,0 2px 4px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px #e1e4e8,0 2px 4px rgba(0,0,0,.15);margin-bottom:40px;max-width:384px;z-index:1}.action-card:after,.action-card:before{background:#fff;border-radius:50%;-webkit-box-shadow:0 0 0 1px #e1e4e8;box-shadow:0 0 0 1px #e1e4e8;content:"";display:block;height:24px;left:50%;margin:0 0 0 -12px;position:absolute;top:-12px;width:24px;z-index:-1}.action-card:after{background:#fff;bottom:-12px;-webkit-box-shadow:inset 0 0 0 1px #e1e4e8,0 2px 4px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px #e1e4e8,0 2px 4px rgba(0,0,0,.15);top:auto;z-index:0}.action-card-header{border-radius:6px 6px 0 0;margin-bottom:8px}.action-card-header:before{background:#fff;border-radius:4px 4px 0 0;content:"";display:block;height:4px;left:50%;margin:0 0 0 -12px;position:absolute;top:-3px;width:24px}.action-card-header:after{background:#6a737d;border-radius:50%;content:"";display:block;height:8px;left:50%;margin:0 0 0 -4px;position:absolute;top:-4px;width:8px}.action-card-icon{background:#0366d6;height:60px;width:60px}.action-card-icon *{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.action-card-details{min-height:10px;margin-bottom:5px}.action-card-controls{-webkit-box-shadow:inset 0 1px 0 0 #e1e4e8;box-shadow:inset 0 1px 0 0 #e1e4e8}.action-card-controls:before{background:#fff;bottom:0;height:13px;margin:0 0 0 -23px;width:46px}.action-card-controls:after,.action-card-controls:before{content:"";display:block;left:50%;position:absolute;z-index:1}.action-card-controls:after{background:red;border-radius:50%;bottom:-4px;height:8px;margin:0 0 0 -4px;width:8px}.action-card--code{-webkit-box-shadow:inset 0 0 0 1px #e1e4e8,0 2px 4px rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px #e1e4e8,0 2px 4px rgba(0,0,0,.15);line-height:1.8;z-index:1}.action-card--code:before{color:#e1e4e8;content:"•••";font-size:40px;left:24px;letter-spacing:6px;line-height:12px;position:absolute;top:24px}.action-card--code .action-card-icon{bottom:-30px;left:50%;margin-left:-30px}.action-card-syntax{color:#444d56;font-size:12px}.action-card-syntax:before{color:#d1d5da;content:"1 2 3 4 5 6";left:-20px;line-height:1.8;position:absolute;white-space:pre-wrap;width:1em;word-break:break-all}.actions-small-dots{right:calc(100% + 48px);width:680px}.actions-large-dots{display:none}@media (min-width:544px){.actions-large-dots{background-position:top;display:block;height:450px;left:50%;margin-left:-252px;top:calc(100% + 48px);width:500px}}@media (min-width:1012px){.actions-large-dots{height:680px;margin-left:auto;width:600px}}.actions-large-dots--mobile{top:53px!important}.actions-bg-mask{background:#fff;right:calc(100% + 64px)}.action-logo{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.15);height:80px;width:80px}.action-logo:after{background:url(../img/dots-small.98bf044c.svg);content:"";height:80px;left:-16px;position:absolute;top:-16px;width:80px;z-index:-1}.action-logo-img{max-width:48px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.action-logo--docker,.action-logo--twilio{bottom:32px;left:-58px}.action-logo--terraform{bottom:92px;right:-40px}@media (min-width:1012px){.actions-title-offset{margin-left:8.33333%!important}}@media (min-width:1012px){.right-lg-0{right:0!important}}.rounded-1{border-radius:3px!important}.rounded-2{border-radius:6px!important}.bg-dots-gray-large{background:url(../img/dots-large.b955191d.svg)}.circle{border-radius:50%!important}.sortable-drag .workflow-string{display:none}.sequence-creator-page-editor{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%}.sequence-creator-page .sortable-ghost{min-height:107px;border:2px dashed #000;padding:0;margin-bottom:25px;position:relative}.sequence-creator-page .sortable-ghost .el-card__body>*{visibility:hidden}.sequence-creator-page .sequence-creator-page-editor-main{-webkit-box-flex:1;-ms-flex:auto;flex:auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.sequence-creator-page .sequence-creator-page-suggestions{width:360px;-webkit-box-flex:0;-ms-flex:0 0 360px;flex:0 0 360px}.sequence-creator-page .sequence-outer-container{margin:0;padding:4px;background-image:url(../img/pattern.c7cc26f5.png);-webkit-box-shadow:inset 0 4px 6px 0 rgba(68,77,86,.24);box-shadow:inset 0 4px 6px 0 rgba(68,77,86,.24);overflow-y:scroll;height:calc(100vh - 52px)}.sequence-creator-page .sequence-dirty .sequence-outer-container{border:4px solid red;padding:0}.sequence-creator-page .sequence-inner-container{width:384px;margin:0 auto;margin-top:1em}.sequence-creator-page-editor-main .topbar{background-color:#fff;height:52px;padding:4px;padding-top:6px;padding-right:10px;overflow:hidden}.sequence-creator-page-editor-main .topbar .topbar-view-buttons{float:right;top:20%;position:relative}