/* line 12, ../source/components/AppBar.sass */
.AppBar {
  z-index: 1;
  background: white;
}
/* line 13, ../source/components/AppBar.sass */
.AppBar.AppBar-pinned {
  position: fixed;
}
/* line 17, ../source/components/AppBar.sass */
.AppBar.AppBar-top, .AppBar.AppBar-bottom {
  left: 0;
  right: 0;
  height: auto;
}
/* line 21, ../source/components/AppBar.sass */
.AppBar.AppBar-top .AppBar-head, .AppBar.AppBar-top .AppBar-tail, .AppBar.AppBar-bottom .AppBar-head, .AppBar.AppBar-bottom .AppBar-tail {
  position: absolute;
  top: 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}
/* line 27, ../source/components/AppBar.sass */
.AppBar.AppBar-top .AppBar-head > *, .AppBar.AppBar-top .AppBar-tail > *, .AppBar.AppBar-bottom .AppBar-head > *, .AppBar.AppBar-bottom .AppBar-tail > * {
  margin: 0 10px;
}
/* line 29, ../source/components/AppBar.sass */
.AppBar.AppBar-top .AppBar-head, .AppBar.AppBar-bottom .AppBar-head {
  left: 0;
}
/* line 31, ../source/components/AppBar.sass */
.AppBar.AppBar-top .AppBar-tail, .AppBar.AppBar-bottom .AppBar-tail {
  text-align: right;
  right: 0;
}
@media only screen and (max-width: 640px) {
  /* line 36, ../source/components/AppBar.sass */
  .AppBar.AppBar-responsive .AppBar-head, .AppBar.AppBar-responsive .AppBar-tail {
    width: 100%;
    position: static;
    text-align: left;
  }
}
/* line 40, ../source/components/AppBar.sass */
.AppBar.AppBar-top {
  top: 0;
  border-bottom: 1px solid transparent;
}
/* line 43, ../source/components/AppBar.sass */
.AppBar.AppBar-bottom {
  bottom: 0;
  border-top: 1px solid transparent;
}
/* line 47, ../source/components/AppBar.sass */
.AppBar.AppBar-left, .AppBar.AppBar-right {
  top: 0;
  bottom: 0;
}
/* line 50, ../source/components/AppBar.sass */
.AppBar.AppBar-left .AppBar-head, .AppBar.AppBar-left .AppBar-tail, .AppBar.AppBar-right .AppBar-head, .AppBar.AppBar-right .AppBar-tail {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 10px;
}
/* line 55, ../source/components/AppBar.sass */
.AppBar.AppBar-left .AppBar-head > *, .AppBar.AppBar-left .AppBar-tail > *, .AppBar.AppBar-right .AppBar-head > *, .AppBar.AppBar-right .AppBar-tail > * {
  margin: 10px 0;
}
/* line 57, ../source/components/AppBar.sass */
.AppBar.AppBar-left .AppBar-head, .AppBar.AppBar-right .AppBar-head {
  top: 0;
}
/* line 59, ../source/components/AppBar.sass */
.AppBar.AppBar-left .AppBar-tail, .AppBar.AppBar-right .AppBar-tail {
  bottom: 0;
}
/* line 61, ../source/components/AppBar.sass */
.AppBar.AppBar-left {
  left: 0;
  border-right: 1px solid transparent;
}
/* line 64, ../source/components/AppBar.sass */
.AppBar.AppBar-right {
  right: 0;
  border-left: 1px solid transparent;
}

/* line 17, ../source/components/Button.sass */
.Button {
  cursor: pointer;
  position: relative;
  height: 50px;
  vertical-align: middle;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 17px;
  padding-right: 17px;
  -webkit-transition-property: padding-right, background;
  -moz-transition-property: padding-right, background;
  -o-transition-property: padding-right, background;
  transition-property: padding-right, background;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 26, ../source/components/Button.sass */
.Button:disabled {
  cursor: default;
}
/* line 28, ../source/components/Button.sass */
.Button.Button-icon.Button-text {
  padding-left: 50px;
}
/* line 30, ../source/components/Button.sass */
.Button.Button-icon:not(.Button-text) {
  width: 36px;
}
/* line 32, ../source/components/Button.sass */
.Button.Button-icon::before {
  content: "";
  position: absolute;
  left: 0;
  width: 36px;
  height: 36px;
  display: block;
}
/* line 42, ../source/components/Button.sass */
.Button.Button-spinner.active {
  padding-right: 37px;
}
/* line 44, ../source/components/Button.sass */
.Button.Button-spinner.active::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 23px;
  height: 23px;
  display: block;
}
/* line 55, ../source/components/Button.sass */
.Button.Button-icon:not(.Button-text).Button-spinner.active {
  padding-right: 0;
}
/* line 57, ../source/components/Button.sass */
.Button.Button-icon:not(.Button-text).Button-spinner.active::before {
  display: none;
}

/* line 91, ../source/components/Button.sass */
.Button-spinner.active.Button::after {
  background-image: url('data:image/gif;base64,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');
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

/* line 110, ../source/components/Button.sass */
.Button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #34495e;
  color: white;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  border: 0;
}
/* line 118, ../source/components/Button.sass */
.Button:hover:not(:disabled) {
  background: #46627f;
}
/* line 120, ../source/components/Button.sass */
.Button:active:not(:disabled) {
  background: #222f3d;
}
/* line 122, ../source/components/Button.sass */
.Button:disabled {
  background: #bdc3c7;
}
/* line 125, ../source/components/Button.sass */
.Button.Button-friendly {
  background: #27ae60;
}
/* line 128, ../source/components/Button.sass */
.Button.Button-friendly:hover:not(:disabled) {
  background: #36d278;
}
/* line 130, ../source/components/Button.sass */
.Button.Button-friendly:active:not(:disabled) {
  background: #1e8449;
}
/* line 132, ../source/components/Button.sass */
.Button.Button-friendly:disabled {
  background: #bdc3c7;
}
/* line 135, ../source/components/Button.sass */
.Button.Button-dangerous {
  background: #e74c3c;
}
/* line 138, ../source/components/Button.sass */
.Button.Button-dangerous:hover:not(:disabled) {
  background: #ed7669;
}
/* line 140, ../source/components/Button.sass */
.Button.Button-dangerous:active:not(:disabled) {
  background: #d62c1a;
}
/* line 142, ../source/components/Button.sass */
.Button.Button-dangerous:disabled {
  background: #bdc3c7;
}
/* line 145, ../source/components/Button.sass */
.Button.Button-warning {
  background: #f39c12;
}
/* line 148, ../source/components/Button.sass */
.Button.Button-warning:hover:not(:disabled) {
  background: #f5b043;
}
/* line 150, ../source/components/Button.sass */
.Button.Button-warning:active:not(:disabled) {
  background: #c87f0a;
}
/* line 152, ../source/components/Button.sass */
.Button.Button-warning:disabled {
  background: #bdc3c7;
}
/* line 155, ../source/components/Button.sass */
.Button.Button-action {
  background: #9b59b6;
}
/* line 158, ../source/components/Button.sass */
.Button.Button-action:hover:not(:disabled) {
  background: #b07cc6;
}
/* line 160, ../source/components/Button.sass */
.Button.Button-action:active:not(:disabled) {
  background: #804399;
}
/* line 162, ../source/components/Button.sass */
.Button.Button-action:disabled {
  background: #bdc3c7;
}

/* line 12, ../source/components/Popover.sass */
.Popover {
  position: absolute;
}
/* line 14, ../source/components/Popover.sass */
.Popover .Popover-contents {
  position: absolute;
  border: 1px solid #bdc3c7;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: white;
  padding: 10px;
}
/* line 20, ../source/components/Popover.sass */
.Popover .Popover-contents::before, .Popover .Popover-contents::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent;
  pointer-events: none;
}
/* line 26, ../source/components/Popover.sass */
.Popover .Popover-contents::after {
  border-width: 10px;
}
/* line 28, ../source/components/Popover.sass */
.Popover .Popover-contents::before {
  border-width: 11px;
}
/* line 33, ../source/components/Popover.sass */
.Popover.Popover-top-left .Popover-contents {
  margin-top: 20px;
  margin-left: -4px;
}
/* line 36, ../source/components/Popover.sass */
.Popover.Popover-top-left .Popover-contents::after {
  top: -20px;
  left: 9px;
  border-bottom-color: white;
}
/* line 40, ../source/components/Popover.sass */
.Popover.Popover-top-left .Popover-contents::before {
  top: -22px;
  left: 8px;
  border-bottom-color: #bdc3c7;
}
/* line 45, ../source/components/Popover.sass */
.Popover.Popover-top-center .Popover-contents {
  margin-top: 20px;
  margin-left: 50%;
}
/* line 48, ../source/components/Popover.sass */
.Popover.Popover-top-center .Popover-contents::after {
  top: -20px;
  left: calc(50% - 10px);
  border-bottom-color: white;
}
/* line 52, ../source/components/Popover.sass */
.Popover.Popover-top-center .Popover-contents::before {
  top: -22px;
  left: calc(50% - 11px);
  border-bottom-color: #bdc3c7;
}
/* line 57, ../source/components/Popover.sass */
.Popover.Popover-top-right .Popover-contents {
  margin-top: 20px;
  margin-right: -4px;
}
/* line 60, ../source/components/Popover.sass */
.Popover.Popover-top-right .Popover-contents::after {
  top: -20px;
  right: 9px;
  border-bottom-color: white;
}
/* line 64, ../source/components/Popover.sass */
.Popover.Popover-top-right .Popover-contents::before {
  top: -22px;
  right: 8px;
  border-bottom-color: #bdc3c7;
}
/* line 69, ../source/components/Popover.sass */
.Popover.Popover-right-top .Popover-contents {
  margin-top: -14px;
  margin-right: 20px;
}
/* line 72, ../source/components/Popover.sass */
.Popover.Popover-right-top .Popover-contents::after {
  right: -20px;
  top: 9px;
  border-left-color: white;
}
/* line 76, ../source/components/Popover.sass */
.Popover.Popover-right-top .Popover-contents::before {
  right: -22px;
  top: 8px;
  border-left-color: #bdc3c7;
}
/* line 81, ../source/components/Popover.sass */
.Popover.Popover-left-top .Popover-contents {
  margin-top: -14px;
  margin-left: 20px;
}
/* line 84, ../source/components/Popover.sass */
.Popover.Popover-left-top .Popover-contents::after {
  left: -20px;
  top: 9px;
  border-right-color: white;
}
/* line 88, ../source/components/Popover.sass */
.Popover.Popover-left-top .Popover-contents::before {
  left: -22px;
  top: 8px;
  border-right-color: #bdc3c7;
}

/* line 11, ../source/components/Toggle.sass */
.Toggle * {
  cursor: pointer;
  vertical-align: middle;
}
/* line 14, ../source/components/Toggle.sass */
.Toggle .Toggle-track {
  width: 60px;
  height: 30px;
  margin: 0 5px;
  position: relative;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
}
/* line 22, ../source/components/Toggle.sass */
.Toggle .Toggle-switch {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  position: absolute;
  background: #34495e;
  display: inline-block;
  left: 0;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
/* line 32, ../source/components/Toggle.sass */
.Toggle .Toggle-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
/* line 40, ../source/components/Toggle.sass */
.Toggle .Toggle-label-inactive {
  opacity: 1;
}
/* line 42, ../source/components/Toggle.sass */
.Toggle .Toggle-label-active {
  opacity: 0.5;
}
/* line 45, ../source/components/Toggle.sass */
.Toggle.active .Toggle-switch {
  left: 30px;
  background-color: #f39c12;
}
/* line 48, ../source/components/Toggle.sass */
.Toggle.active .Toggle-label-inactive {
  opacity: 0.5;
}
/* line 50, ../source/components/Toggle.sass */
.Toggle.active .Toggle-label-active {
  opacity: 1;
}

/* line 10, ../source/components/StringInput.sass */
.StringInput {
  display: block;
}

/* line 12, ../source/components/StringInput.sass */
.StringInput-input {
  font: inherit;
  border: 0;
  outline: 0;
}

/* line 18, ../source/components/StringInput.sass */
.StringInput-token-form, .StringInput-tokens {
  display: block;
}

/* line 21, ../source/components/StringInput.sass */
.StringInput-token-form, .StringInput:not(.StringInput-tokenize) .StringInput-input {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: white;
}

/* line 27, ../source/components/StringInput.sass */
.StringInput-token {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #eeeeff;
  display: inline-block;
  margin: 0.25em;
}

/* line 35, ../source/components/StringInput.sass */
.StringInput-token, .StringInput-input {
  padding: 0.25em 0.5em;
}

/* line 38, ../source/components/StringInput.sass */
.StringInput-input {
  display: block;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 44, ../source/components/StringInput.sass */
.StringInput-tokenize .StringInput-input {
  display: block;
}
