/* Tags */
html, body {
  margin: 0;
  padding: 0; }

html {
  -webkit-font-smoothing: antialiased;
  -font-smoothing: antialiased;
  --extra-light-gray: #f9f9f9;
  --dark-gray: #575759;
  --orange: #dd4814;
  --orange-faded: rgba(221, 72, 20, .1);
  --red: #da4334;
  --green: #3ebf6a;
  --green-dark: #267340;
  --green-faded: rgba(62, 191, 106, .1); }

.global__first__2W__Z {
  margin-top: 0; }

code strong {
  color: #fabe23; }

pre code, code {
  border: 0; }

strong {
  color: #000; }

h2 {
  color: #dd4814; }
  h2:first {
    margin-top: 0; }

h4 {
  color: #040;
  margin-top: 30px; }
  h4:first-of-type {
    margin-top: 0; }

a.global__active__3w9RC {
  background-color: #eee; }

 {
  /* Layout */
  /* Global Elements */
  /* Code and Wells */
  /* Billing */
  /* Share buttons */ }
  .extra-light-gray {
    color: var(--extra-light-gray); }
  .light-gray {
    color: var(--light-gray); }
  .dark {
    color: var(--dark-gray); }
  .orange {
    color: var(--orange); }
  .orange-faded {
    color: var(--orange-faded); }
  .red {
    color: var(--red); }
  .green {
    color: var(--green); }
  .content {
    max-width: 36rem; }
  .row-fluid {
    margin-bottom: .5em; }
  .container-fluid {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 1em; }
  .container-fluid > hr {
    margin: 30px 0; }
  .container-fluid-wide {
    position: relative;
    max-width: 1200px;
    margin: 6em auto 2em;
    padding: 0 1em; }
  .callout-container {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 2em;
    margin: 1em auto 2em;
    text-align: center;
    color: var(--dark-gray);
    background-color: var(--extra-light-gray);
    border-radius: 10px;
    -webkit-transition: all 125ms ease-in-out;
    transition: all 125ms ease-in-out; }
    .callout-container:hover {
      text-decoration: none;
      color: var(--orange);
      background-color: var(--orange-faded);
      -webkit-box-shadow: 0 0 0 1px rgba(221, 72, 20, 0.5);
      box-shadow: 0 0 0 1px rgba(221, 72, 20, 0.5);
      -webkit-transform: scale(1.01);
      transform: scale(1.01); }
    .callout-container .underline {
      color: var(--orange); }
  .underline {
    text-decoration: underline; }
  #footer li a {
    color: inherit;
    font-size: 12px; }
  .footer {
    color: #aaa; }
  .feature h4 {
    margin-top: 10px; }
  .feature p {
    height: 78px; }
  li.dropdown.open #user-menu-link {
    border: 0;
    background-color: #dd4814; }
  .spaced {
    margin-top: 80px; }
  .nav-tabs > li.user-settings.active > a {
    color: inherit; }
  .nav-tabs > li.user-settings.active > a:hover {
    color: inherit; }
  .nav-tabs > li.user-settings > a {
    color: #aaa; }
  .nav-tabs > li.user-settings > a:hover {
    color: #97310e; }
  .spaced {
    margin-top: 80px; }
  .well {
    max-width: 100%;
    overflow-x: scroll; }
  code.well {
    display: block; }
  .well {
    display: inline-block;
    width: 100%;
    padding: .5em;
    color: #fff;
    background: #000;
    box-shadow: none;
    border: none;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .well pre,
  .well code {
    margin: 0;
    border: none;
    color: #fff;
    background: #000; }
  #billing-pane p {
    margin-bottom: 50px; }
  .add-credit-card input[type=text] {
    width: 100%; }
  .choices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 1em; }
  .select-plan .choice,
  .select-billing-period .choice {
    margin: 10px;
    cursor: pointer; }
  .select-plan .choices {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .select-billing-period .choices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .select-billing-period h3 {
    margin: 0; }
  .select-plan .choice {
    width: calc(33% - 20px); }
  .select-plan .main {
    text-align: center; }
  .select-plan .choice .main,
  .select-billing-period .choice {
    padding: 1em;
    -webkit-transition: all 125ms ease-in-out;
    transition: all 125ms ease-in-out;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1px #ddd;
    box-shadow: 0 0 0 1px #ddd; }
  .select-billing-period .choice p {
    margin-bottom: .25em; }
  .select-billing-period .choice.selected p {
    color: #dd4814; }
  .choice:hover .main,
  .choice:focus .main,
  .select-billing-period .choice:hover,
  .select-billing-period .choice:focus {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    background-color: #f5f5f5; }
  .choice.selected .main,
  .select-billing-period .choice.selected {
    color: #dd4814;
    background-color: rgba(221, 72, 20, 0.1);
    -webkit-box-shadow: 0 0 0 2px #dd4814;
    box-shadow: 0 0 0 2px #dd4814; }
  .select-plan .choice h4 {
    margin-top: 0;
    color: #000; }
  .choice.selected h4 {
    color: #dd4814; }
  .no-billing-periods {
    max-width: 320px;
    margin: 2em auto 0;
    padding: .5em;
    text-align: center;
    color: #bbb;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #f5f5f5; }
  .review ul {
    overflow: hidden;
    max-width: 320px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 10px; }
  .review li {
    padding: 10px;
    list-style: none;
    border-bottom: 1px solid #ddd; }
  .review li:last-of-type {
    border-bottom: none; }
  .review strong {
    font-weight: bold;
    color: #3ebf6a; }
  .review .calculation {
    margin: 0;
    text-align: right;
    border-top: 1px solid #ddd; }
  .review .calculation ul {
    padding: 10px;
    border: none; }
  .review .calculation li {
    padding: 0;
    border: none; }
  .review .calculation .final {
    font-size: 1.25em;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    color: #3ebf6a;
    border-top: 1px solid #3ebf6a;
    background-color: rgba(62, 191, 106, 0.1); }
  .btn-github-login,
  .btn-google-login {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.5em;
    display: block;
    max-width: 260px;
    margin-bottom: 10px;
    padding: .75em;
    color: #000;
    border: 1px solid #ddd;
    border-bottom-width: 2px;
    border-radius: .5em;
    background-color: #fff; }
  .btn-github-login:hover,
  .btn-github-login:focus,
  .btn-google-login:hover,
  .btn-google-login:focus {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    text-decoration: none;
    opacity: .75;
    color: #000;
    background-color: #f5f5f5; }
  .btn-github-login.disabled,
  .btn-google-login.disabled {
    pointer-events: none;
    opacity: .5;
    background-color: #f5f5f5; }
  .btn-github-login img,
  .btn-google-login img {
    width: auto;
    height: 1.5em;
    margin-right: .5em;
    vertical-align: middle; }
  .twitter-share-button {
    font-weight: bold;
    line-height: 1.5em;
    display: inline-block;
    max-width: 260px;
    margin: 10px auto;
    padding: .5em .75em;
    color: #fff;
    border-radius: .5em;
    background-color: #1b95e0;
    -webkit-box-shadow: inset 0 -4px 0 0 rgba(22, 22, 22, 0.3);
    box-shadow: inset 0 -4px 0 0 rgba(22, 22, 22, 0.3); }
  .twitter-share-button:focus,
  .twitter-share-button:hover {
    text-decoration: none;
    opacity: .85;
    color: #fff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px); }
  .twitter-share-button img {
    width: auto;
    height: 1.5em;
    margin-right: .5em;
    vertical-align: middle; }
  button.link {
    border: 0;
    color: #dd4814;
    background-color: inherit;
    padding: 0; }
  button.link:hover {
    text-decoration: underline; }

 {
  /* Stripe input styling for react-stripe-elements so it looks like bootstrap */ }
  .StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white; }
  .StripeElement--focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
  .StripeElement--invalid {
    color: #b94a48;
    border-color: #ee5f5b; }
  .StripeElement--focus.StripeElement--invalid {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7; }
  .StripeElement--webkit-autofill {
    background-color: #fefde5 !important; }

#root:empty:after, .FirstLoader {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 25%;
  bottom: 25%;
  width: 50%;
  height: 50%;
  animation: 1s infinite pulse-loader;
  color: #dd4814;
  font-size: 20px;
  content: "Loading ngrok..."; }

@keyframes pulse-loader {
  50% {
    transform: scale(1.05); } }

.styles__pillsMain__1Ofon {
  border-top: 1px solid #ddd; }

.styles__leftNav__3hCJg {
  overflow: hidden;
  margin-bottom: 1em;
  border: 1px solid #ddd;
  border-radius: 10px; }
  .styles__leftNav__3hCJg .nav {
    margin-bottom: 0;
    padding: 5px; }

.styles__upgradeCTA__2aJzM {
  display: block;
  background-color: var(--extra-light-gray);
  padding: .5em 1em;
  border-top: 1px solid #ddd; }
  .styles__upgradeCTA__2aJzM:hover, .styles__upgradeCTA__2aJzM:focus {
    text-decoration: none;
    color: #dd4814;
    background-color: rgba(221, 72, 20, 0.1); }

.styles__orgPicker__URneB ul {
  margin: 0;
  padding: .5em;
  list-style: none;
  border-bottom: 1px solid #ddd; }

.styles__orgPicker__URneB .dropdown,
.styles__orgPicker__URneB .dropdown button {
  width: 100%;
  text-align: left; }

.styles__unauth__3ehel hr {
  margin: 30px 0; }

.nav-pills > li > a {
  box-sizing: border-box;
  height: 30px; }

.styles__flashBody__1fETo a {
  color: white;
  text-decoration: underline; }
  .styles__flashBody__1fETo a:hover {
    color: grey; }

.styles__app__2yLrV a {
  cursor: pointer; }

.styles__masthead__gILgb h3 {
  color: #999; }
  .styles__masthead__gILgb h3 a {
    color: inherit; }
    .styles__masthead__gILgb h3 a:hover {
      text-decoration: none; }

.styles__masthead__gILgb.styles__center__2_irD {
  text-align: center; }

#styles__userMenu__3T5-C {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 5px 12px;
  margin: 2px 0;
  border-radius: 5px;
  color: #dd4814; }
  #styles__userMenu__3T5-C:hover {
    text-decoration: none;
    background-color: #f5f5f5; }
  #styles__userMenu__3T5-C a:hover {
    color: white;
    text-decoration: none; }

.styles__hr__THEvD {
  margin-top: 0; }

.styles__divider__3_0Ow {
  margin-bottom: 0; }

.styles__fixToTopOfPage__3Qdkn {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%; }

.styles__captcha__1C_mH {
  margin-bottom: 20px; }

.styles__captcha__13g__ {
  margin-bottom: 20px; }

.styles__captcha__2jakw {
  margin-bottom: 20px; }

.styles__loading__1Tjv5 {
  margin: 100px 0;
  text-align: center; }

.styles__spinner__Kv5LV {
  box-sizing: initial;
  display: inline-flex;
  height: 10px;
  width: 10px;
  animation: styles__rotate__39xlr 0.8s infinite linear;
  border: 6px solid #dd4814;
  border-right-color: #f3f3f3;
  border-radius: 50%; }

@keyframes styles__rotate__39xlr {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }


/*# sourceMappingURL=app_unauth.22fff427b580b89b4c1c.css.map*/