.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-disconnected{cursor:wait}.phx-disconnected *{pointer-events:none}.phx-modal{background-color:#000;background-color:rgba(0,0,0,.4);opacity:1!important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto}.phx-modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.phx-modal-close:focus,.phx-modal-close:hover{color:#000;text-decoration:none;cursor:pointer}.alert{padding:15px;margin-bottom:20px;border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}.button{border:1px solid transparent;border-radius:3px;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;text-align:center;text-transform:uppercase;transition:all .2s;user-select:none;vertical-align:middle;white-space:nowrap}.button.button-sm{padding:4px 8px}.button.disabled,.button:disabled{color:#9e9e9e!important;cursor:default;box-shadow:none!important}.button.button-1{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-shadow:0 1px 3px -1px rgba(2,0,109,.6)}.button.button-1:hover{box-shadow:0 2px 4px -1px rgba(2,0,109,.6)}.button.button-1:active{box-shadow:0 3px 5px -1px rgba(2,0,109,.6)}.button.button-1.disabled,.button.button-1:disabled{background:#e0e0e0!important}.button.button-2{background:transparent}.button.button-2:hover{box-shadow:0 1px 3px -1px rgba(2,0,109,.6)}.button.button-2:active{box-shadow:0 2px 4px -1px rgba(2,0,109,.6)}.button.button-2.disabled,.button.button-2:disabled{border-color:#bdbdbd!important}.button.button-3{background:transparent}.button.primary.button-1,.primary .button.button-1{background:#003765;border-color:#003765}.button.primary.button-1:hover,.primary .button.button-1:hover{background:#0f5284;border-color:#0f5284}.button.primary.button-1:active,.primary .button.button-1:active{background:#003765;border-color:#003765}.button.primary.button-2,.primary .button.button-2{border-color:#b7d5e6;color:#003765}.button.primary.button-2:hover,.primary .button.button-2:hover{background:#b7d5e6;border-color:#8cbbd5}.button.primary.button-2:active,.primary .button.button-2:active{background:#8cbbd5;border-color:#64a1c4}.invert .button.primary.button-2,.invert .primary .button.button-2{color:#b7d5e6}.invert .button.primary.button-2:hover,.invert .primary .button.button-2:hover{background:#0f5284;border-color:#196295}.invert .button.primary.button-2:active,.invert .primary .button.button-2:active{background:#196295;border-color:#2472a6}.button.primary.button-3,.primary .button.button-3{color:#003765}.button.primary.button-3:hover,.primary .button.button-3:hover{background:#b7d5e6;border-color:#b7d5e6}.button.primary.button-3:active,.primary .button.button-3:active{background:#8cbbd5;border-color:#8cbbd5}.invert .button.primary.button-3,.invert .primary .button.button-3{color:#b7d5e6}.invert .button.primary.button-3:hover,.invert .primary .button.button-3:hover{background:#0f5284;border-color:#0f5284}.invert .button.primary.button-3:active,.invert .primary .button.button-3:active{background:#196295;border-color:#196295}.button.secondary.button-1,.secondary .button.button-1{background:#02006d;border-color:#02006d}.button.secondary.button-1:hover,.secondary .button.button-1:hover{background:#171681;border-color:#171681}.button.secondary.button-1:active,.secondary .button.button-1:active{background:#02006d;border-color:#02006d}.button.secondary.button-2,.secondary .button.button-2{border-color:#bfbfe3;color:#02006d}.button.secondary.button-2:hover,.secondary .button.button-2:hover{background:#bfbfe3;border-color:#9597cf}.button.secondary.button-2:active,.secondary .button.button-2:active{background:#9597cf;border-color:#6c6fbc}.invert .button.secondary.button-2,.invert .secondary .button.button-2{color:#bfbfe3}.invert .button.secondary.button-2:hover,.invert .secondary .button.button-2:hover{background:#171681;border-color:#21218c}.invert .button.secondary.button-2:active,.invert .secondary .button.button-2:active{background:#21218c;border-color:#2a2b97}.button.secondary.button-3,.secondary .button.button-3{color:#02006d}.button.secondary.button-3:hover,.secondary .button.button-3:hover{background:#bfbfe3;border-color:#bfbfe3}.button.secondary.button-3:active,.secondary .button.button-3:active{background:#9597cf;border-color:#9597cf}.invert .button.secondary.button-3,.invert .secondary .button.button-3{color:#bfbfe3}.invert .button.secondary.button-3:hover,.invert .secondary .button.button-3:hover{background:#171681;border-color:#171681}.invert .button.secondary.button-3:active,.invert .secondary .button.button-3:active{background:#21218c;border-color:#21218c}.button.success.button-1,.success .button.button-1{background:#006b40;border-color:#006b40}.button.success.button-1:hover,.success .button.button-1:hover{background:#0a8b56;border-color:#0a8b56}.button.success.button-1:active,.success .button.button-1:active{background:#006b40;border-color:#006b40}.button.success.button-2,.success .button.button-2{border-color:#c4ecd6;color:#006b40}.button.success.button-2:hover,.success .button.button-2:hover{background:#c4ecd6;border-color:#9edfbd}.button.success.button-2:active,.success .button.button-2:active{background:#9edfbd;border-color:#74d4a3}.invert .button.success.button-2,.invert .success .button.button-2{color:#c4ecd6}.invert .button.success.button-2:hover,.invert .success .button.button-2:hover{background:#0a8b56;border-color:#119d62}.invert .button.success.button-2:active,.invert .success .button.button-2:active{background:#119d62;border-color:#1cb070}.button.success.button-3,.success .button.button-3{color:#006b40}.button.success.button-3:hover,.success .button.button-3:hover{background:#c4ecd6;border-color:#c4ecd6}.button.success.button-3:active,.success .button.button-3:active{background:#9edfbd;border-color:#9edfbd}.invert .button.success.button-3,.invert .success .button.button-3{color:#c4ecd6}.invert .button.success.button-3:hover,.invert .success .button.button-3:hover{background:#0a8b56;border-color:#0a8b56}.invert .button.success.button-3:active,.invert .success .button.button-3:active{background:#119d62;border-color:#119d62}.button.danger.button-1,.danger .button.button-1{background:#9c2f00;border-color:#9c2f00}.button.danger.button-1:hover,.danger .button.button-1:hover{background:#b53a04;border-color:#b53a04}.button.danger.button-1:active,.danger .button.button-1:active{background:#9c2f00;border-color:#9c2f00}.button.danger.button-2,.danger .button.button-2{border-color:#f3c6b6;color:#9c2f00}.button.danger.button-2:hover,.danger .button.button-2:hover{background:#f3c6b6;border-color:#eba287}.button.danger.button-2:active,.danger .button.button-2:active{background:#eba287;border-color:#e37f58}.invert .button.danger.button-2,.invert .danger .button.button-2{color:#f3c6b6}.invert .button.danger.button-2:hover,.invert .danger .button.button-2:hover{background:#b53a04;border-color:#c34106}.invert .button.danger.button-2:active,.invert .danger .button.button-2:active{background:#c34106;border-color:#d0470a}.button.danger.button-3,.danger .button.button-3{color:#9c2f00}.button.danger.button-3:hover,.danger .button.button-3:hover{background:#f3c6b6;border-color:#f3c6b6}.button.danger.button-3:active,.danger .button.button-3:active{background:#eba287;border-color:#eba287}.invert .button.danger.button-3,.invert .danger .button.button-3{color:#f3c6b6}.invert .button.danger.button-3:hover,.invert .danger .button.button-3:hover{background:#b53a04;border-color:#b53a04}.invert .button.danger.button-3:active,.invert .danger .button.button-3:active{background:#c34106;border-color:#c34106}.button.warning.button-1,.warning .button.button-1{background:#9c7600;border-color:#9c7600}.button.warning.button-1:hover,.warning .button.button-1:hover{background:#bc9c0d;border-color:#bc9c0d}.button.warning.button-1:active,.warning .button.button-1:active{background:#9c7600;border-color:#9c7600}.button.warning.button-2,.warning .button.button-2{border-color:#fff3bf;color:#9c7600}.button.warning.button-2:hover,.warning .button.button-2:hover{background:#fff3bf;border-color:#fded95}.button.warning.button-2:active,.warning .button.button-2:active{background:#fded95;border-color:#fbe56b}.invert .button.warning.button-2,.invert .warning .button.button-2{color:#fff3bf}.invert .button.warning.button-2:hover,.invert .warning .button.button-2:hover{background:#bc9c0d;border-color:#d0b212}.invert .button.warning.button-2:active,.invert .warning .button.button-2:active{background:#d0b212;border-color:#e4c81a}.button.warning.button-3,.warning .button.button-3{color:#9c7600}.button.warning.button-3:hover,.warning .button.button-3:hover{background:#fff3bf;border-color:#fff3bf}.button.warning.button-3:active,.warning .button.button-3:active{background:#fded95;border-color:#fded95}.invert .button.warning.button-3,.invert .warning .button.button-3{color:#fff3bf}.invert .button.warning.button-3:hover,.invert .warning .button.button-3:hover{background:#bc9c0d;border-color:#bc9c0d}.invert .button.warning.button-3:active,.invert .warning .button.button-3:active{background:#d0b212;border-color:#d0b212}.panel{background:#fafafa;border:1px solid #b7d5e6;border-radius:3px;margin:20px 0}.panel .panel-body{padding:12px}.panel .panel-title{background:#e1eef4;border-bottom:1px solid #b7d5e6;padding:6px 24px}.panel .panel-title h1,.panel .panel-title h2,.panel .panel-title h3,.panel .panel-title h4,.panel .panel-title h5{margin:0}.inner-panels{display:flex;margin:-12px}.inner-panels .inner-panel{margin:12px 18px}.inner-panels .inner-panel .inner-panel-body{padding:12px}.inner-panels .inner-panel .inner-panel-title{border-bottom:1px solid #b7d5e6;font-size:10px;font-weight:400;padding:8px 12px;text-transform:uppercase}.modal-mask{align-items:center;background:rgba(2,0,109,.6);bottom:0;display:flex;justify-content:center;left:0;margin:auto 0;position:fixed;right:0;top:0;z-index:1}.modal-mask .modal-content{min-width:50vw;font-size:16px;margin-bottom:40vh}.modal-mask .modal-content .modal-actions{padding:12px 0 6px;text-align:right}@font-face{font-family:Futura;src:url(/fonts/futura-light.ttf) format("truetype");font-weight:200}@font-face{font-family:Futura;src:url(/fonts/futura-book.ttf) format("truetype");font-weight:400}@font-face{font-family:Futura;src:url(/fonts/futura-medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Futura;src:url(/fonts/futura-bold.ttf) format("truetype");font-weight:700}a{text-decoration:none}html{font-family:Futura,sans-serif;font-size:14px;height:100%}.logo,h1,h2,h3{color:#003765;font-weight:400}.invert .logo,.invert h1,.invert h2,.invert h3{color:#fff}.logo.danger,h1.danger,h2.danger,h3.danger{color:#b53a04}input[type=checkbox]{cursor:pointer}.logo{font-size:20px;letter-spacing:1.8px;margin-bottom:6px;margin-left:-20px;padding:12px 20px}a{color:#003765}div{box-sizing:border-box}.layout-wrap{background:#fff;display:grid;grid-template:"head" auto "body" 1fr "foot" auto/100%;height:100%;margin:0 0 0 260px}.layout-wrap .layout-head{grid-area:head}.layout-wrap .layout-body{grid-area:body;margin:0 20px}.layout-wrap .layout-foot{grid-area:foot}.layout-wrap .layout-sidebar{background:url(/images/texture.png),#003765;border-right:1px solid #e1eef4;color:#fff;position:fixed;top:0;left:0;height:100%;width:260px}.layout-wrap .layout-sidebar .button{letter-spacing:.4px;font-size:16px;font-weight:400;text-transform:capitalize}.branch-list{background:#e1eef4;border-spacing:0 1px;table-layout:fixed;width:100%}.branch{background:hsla(0,0%,100%,.8);border-radius:3px;color:#003765;justify-items:stretch;overflow:hidden;transition:all .2s;vertical-align:middle}.branch a{color:inherit}.branch>td{padding:4px 10px}.branch.deployed{background:hsla(0,0%,100%,.6);color:#02006d}.branch.deployed .branch-icon{color:#02006d}.branch.disabled{background:#f5f5f5;color:#9e9e9e;user-select:none}.branch.disabled .branch-icon{color:#bdbdbd}.branch.labels th{font-size:10px;font-weight:400;padding:8px 10px;text-align:left;text-transform:uppercase}.branch.labels th.branch-action{text-align:center}.branch.labels th.branch-merging,.branch.labels th.branch-tracking{font-size:8px}.branch.success{color:#006b40;background:#eef9f4}.branch.danger{color:#9c2f00;background:#f9eeec}.branch.warning{color:#9c7600;background:#fffced}.branch .branch-action{text-align:center;width:100px}.branch .branch-action .button{padding-left:0;padding-right:0;width:100%}.branch .branch-commits{width:160px}.branch .branch-icon{color:#bfbfe3;margin-right:16px}.branch .branch-icon svg{display:block;height:18px}.branch .branch-info{position:relative}.branch .branch-info .watermark{align-items:center;color:#212121;display:flex;font-size:18px;font-weight:300;justify-content:center;height:100%;letter-spacing:2px;opacity:.1;position:absolute;right:10px;top:0;text-transform:uppercase;user-select:none;width:120px}.branch .branch-merging{text-align:center;width:36px}.branch .branch-meta,.branch .branch-name{margin:4px 0}.branch .branch-meta{font-weight:200;opacity:.75}.branch .branch-meta .branch-author{font-weight:400}.branch .branch-meta .danger{color:#9c2f00}.branch .branch-name{font-size:18px;text-transform:capitalize}.branch .branch-note .panel{color:#212121;margin:0}.branch .branch-tracking{padding:0;text-align:center;width:20px}.bookmarks{display:flex;flex-wrap:wrap}.bookmarks .bookmark{color:#003765;font-size:16px;line-height:1.6;text-transform:capitalize}.bookmarks .bookmark:after{content:"|";display:inline-block;opacity:.1;text-align:center;width:18px}.bookmarks .bookmark:last-child:after{display:none}.bookmarks .bookmark.active{font-weight:500}.bookmarks .bookmark a{opacity:.7}.bookmarks .bookmark a:hover{opacity:1}.cols{align-items:center;display:flex}.content-wrap{border-radius:2px;height:100%;margin:0 20;overflow:hidden;padding:12px 18px;width:100%}@media (min-width:900px){.content-wrap{max-width:900px;margin:0 auto}}.invert .content-wrap{background:transparent}.copy{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#bfbfe3;font-size:10px}.hidden{display:none}.alert{background:transparent;border-radius:3px;border:1px solid transparent;color:inherit;font-size:14px;font-weight:500;margin:6px 0;padding:6px 12px;transition:all .2s;vertical-align:middle}.alert:empty{display:none}.alert th{text-align:right}.alert.success{color:#006b40;background:#e7f7ef;border-color:#c4ecd6}.alert.danger{color:#9c2f00;background:#f6e7e4;border-color:#f3c6b6}.alert.warning{color:#9c7600;background:#fffbe5;border-color:#fff3bf}.alert.disabled{color:#9e9e9e;background:#eee;border-color:#e0e0e0}.commit-select{background:#fafafa;border:1px solid #9597cf;border-radius:4px;box-shadow:none;-webkit-box-shadow:none;color:#616161;cursor:pointer;height:26px;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;width:100%;white-space:nowrap}.commit-select:focus{border-color:#6c6fbc;box-shadow:0 0 8px #bfbfe3;outline:0}.commit-select:disabled{background:#eee;border-color:#bdbdbd;box-shadow:0 0 8px #e0e0e0;color:#9e9e9e;cursor:default;outline:0}.note{font-size:.7em;font-weight:lighter}.note:after,.note:before{content:")";opacity:.618;padding:0 .236em}.note:before{content:"("}.product-category ul{list-style:none;margin:0;padding:0}.product-category ul li{margin:4px 0}.product-category .button{letter-spacing:.4px;font-size:16px;font-weight:400;text-transform:none}.account-wrap{position:absolute;right:0;top:0;background:#fff;width:260px;border-left:1px solid #b7d5e6;padding:0 1rem;box-shadow:0 0 6px #8cbbd5}.account-wrap .account-icon{display:inline-block;border-radius:1rem;position:relative;overflow:hidden;margin:-1rem}.account-wrap .account-icon svg{box-sizing:border-box;padding:0 0 2px 7px;display:block;height:3rem;width:3rem}.account-wrap .account-icon.danger{color:#f3c6b6}.account-wrap .account-icon.danger .account-icon-overlay{color:#9c2f00}.account-wrap .account-icon .account-icon-overlay{line-height:3rem;font-size:1rem;color:#fff;left:0;position:absolute;right:0;text-align:center;top:0}.form-field{margin:1rem 0}.form-field label{margin-right:1rem}.slide-enter-active,.slide-leave-active{overflow:hidden}.slide-enter-active{transition:all .18s ease-in}.slide-leave-active{transition:all .18s ease-out}.slide-enter,.slide-leave-to{max-height:0}.slide-enter-to,.slide-leave{max-height:100px}.action{border-bottom:1px solid #e0e0e0;padding:6px 10px}.action:last-child{border-bottom:none}.action.failed .action-top{color:#e37f58}.action.cancelled{color:#424242}.action.cancelled .action-top{color:#9e9e9e}.action .action-body{border-collapse:collapse;font-size:16px;padding:6px 10px;table-layout:fixed;width:100%}.action .action-body td,.action .action-body th{padding:4px 8px;vertical-align:top}.action .action-body th{color:#9e9e9e;font-weight:500;font-size:14px;text-align:right;width:64px}.action .action-body .action-error{color:#c34106}.action .action-body .action-error a{color:#c34106;opacity:.7}.action .action-body .action-error a:hover{opacity:1}.action .action-body .action-raw-output{overflow-x:scroll;font-family:Lucida Console,Monaco,monospace;font-size:14px;white-space:pre}.action .action-top{align-items:center;display:flex}.action .action-top .action-show-details{cursor:pointer;font-family:Lucida Console,Monaco,monospace;margin:0 10px;text-transform:none}.action .action-top .action-title-row{flex-grow:1;margin:0 10px}.action .action-top .action-title-row .action-title{font-size:18px;text-transform:capitalize}.action .action-top .action-title-row .action-status{font-size:14px;margin-left:10px}.graph{cursor:crosshair}.graph svg{display:block;width:100%}.graph .axis{color:#e1eef4}.graph .axis .tick text{color:#2472a6}.graph .graph-legend{background:#fff;border:1px solid #e1eef4;border-radius:3px;color:#2472a6;font-size:12px;padding:12px 18px;position:absolute}.graph .graph-legend.cancelled{color:#9e9e9e}.graph .graph-legend.cancelled .graph-legend-title{color:#757575}.graph .graph-legend.failed{color:#df6535}.graph .graph-legend.failed .graph-legend-title{color:#c34106}.graph .graph-legend table{background:#e1eef4;border-spacing:0 1px;width:100%}.graph .graph-legend tr{background:#fff}.graph .graph-legend td,.graph .graph-legend th{padding:4px}.graph .graph-legend th{font-weight:400;text-align:right;text-transform:uppercase}.graph .graph-legend th:after{content:":"}.graph .graph-legend .graph-legend-title{color:#003765;font-size:16px;margin-bottom:8px}.graph .deployment{color:#0a8b56;opacity:.8}.graph .deployment.cancelled{color:#bdbdbd}.graph .deployment.cancelled .line{opacity:0}.graph .deployment.failed{color:#df6535}.graph .deployment.failed .line{opacity:.4}.graph .deployment:hover{cursor:pointer;opacity:1}.graph .deployment:hover .line{opacity:1}.graph .deployment:hover .marker{stroke-width:2px}.graph .deployment .line{stroke:currentColor}.graph .deployment .marker{fill:currentColor}.graph .guide-line{fill:none;opacity:.15;stroke-width:.5px;stroke:#000;stroke-dasharray:2px 1px}.graph .line{fill:none;stroke:#0f5284;stroke-width:1px}.graph .line.line-2{stroke:#0f5284;stroke-width:.5px}.graph .line.line-3{stroke:#b7d5e6;stroke-width:.5px}.graph .line.line-error{stroke:#df6535}.graph .marker{fill:#0f5284;stroke:none}.graph .marker.marker-2{fill:#b7d5e6}.graph .marker.marker-error{fill:#df6535}.spark-line-icon svg{display:block;width:16px}.spark-line .color-stop.normal-range{stop-color:#b7d5e6}.spark-line .color-stop.full-range{stop-color:#003765}.spark-line .guide-line,.spark-line .line{fill:none;stroke-width:.5px}.spark-line .guide-line{stroke:#000;stroke-dasharray:2px 1px;stroke-opacity:.15}.spark-line-component{margin:0 4px}.spark-line-component:first-child{margin-left:0}.spark-line-component:last-child{margin-right:0}.spark-line-icon{color:#b7d5e6}.spark-line-inner{align-items:center;display:flex}.spark-line-label{color:#616161;font-family:Lucida Console,Monaco,monospace;font-size:10px}.spark-line-outer{border-bottom:1px solid #eaf3f7;display:block;padding:2px 6px}.bulk-queue-action-list,.current-deployed-set-list{margin-top:0}.watchtower-wrap{align-items:flex-start;display:flex;flex-wrap:wrap;margin:-6px}.watchtower-wrap .heartbeat-wrap{flex:1 0 45%}.watchtower-wrap .server-metrics-wrap{flex:0 1 auto}.watchtower-wrap .service-status-wrap{flex:0 0 100%;font-weight:500;padding:6px}.watchtower-wrap .service-status-wrap .up{color:#0f5284}.watchtower-wrap .service-status-wrap .down{color:#c34106}.watchtower-wrap .service-status-wrap .raw{display:none;overflow-x:scroll;font-family:Lucida Console,Monaco,monospace;white-space:pre}.watchtower-wrap .service-status-wrap .small{font-weight:300;font-size:12px}.watchtower-wrap .watchtower-panel{background:#fff;margin:6px}