// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders <ServiceScale /> without throwing 1`] = `
.c4 {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  min-width: 7.5rem;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0.9375rem 1.125rem;
  position: relative;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  -webkit-letter-spacing: normal;
  -moz-letter-spacing: normal;
  -ms-letter-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  color: ;
  background-image: none;
  background-color: ;
  border-radius: 0.25rem;
  border: solid 0.0625rem;
}

.c4::-moz-focus-inner,
.c4[type="button"]::-moz-focus-inner,
.c4[type="reset"]::-moz-focus-inner,
.c4[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.c4:-moz-focusring,
.c4[type="button"]:-moz-focusring,
.c4[type="reset"]:-moz-focusring,
.c4[type="submit"]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

.c4:focus {
  outline: 0;
  text-decoration: none;
  background-color: ;
  border-color: ;
}

.c4:hover {
  background-color: ;
  border: solid 0.0625rem;
}

.c4:active,
.c4:active:hover,
.c4:active:focus {
  background-image: none;
  outline: 0;
  background-color: ;
  border-color: ;
}

.c4[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

.c4 + button {
  margin-left: 1.25rem;
}

.c18 {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  min-width: 7.5rem;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0.9375rem 1.125rem;
  position: relative;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  -webkit-letter-spacing: normal;
  -moz-letter-spacing: normal;
  -ms-letter-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  color: ;
  background-image: none;
  background-color: ;
  border-radius: 0.25rem;
  border: solid 0.0625rem;
  color: ;
  background-color: ;
  border-color: ;
}

.c18::-moz-focus-inner,
.c18[type="button"]::-moz-focus-inner,
.c18[type="reset"]::-moz-focus-inner,
.c18[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.c18:-moz-focusring,
.c18[type="button"]:-moz-focusring,
.c18[type="reset"]:-moz-focusring,
.c18[type="submit"]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

.c18:focus {
  outline: 0;
  text-decoration: none;
  background-color: ;
  border-color: ;
}

.c18:hover {
  background-color: ;
  border: solid 0.0625rem;
}

.c18:active,
.c18:active:hover,
.c18:active:focus {
  background-image: none;
  outline: 0;
  background-color: ;
  border-color: ;
}

.c18[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

.c18:focus {
  background-color: ;
  border-color: ;
}

.c18:hover {
  background-color: ;
  border-color: ;
}

.c18:active,
.c18:active:hover,
.c18:active:focus {
  background-color: ;
  border-color: ;
}

.c18 + button {
  margin-left: 1.25rem;
}

.c19 {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  min-width: 7.5rem;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0.9375rem 1.125rem;
  position: relative;
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  -webkit-letter-spacing: normal;
  -moz-letter-spacing: normal;
  -ms-letter-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  color: ;
  background-image: none;
  background-color: ;
  border-radius: 0.25rem;
  border: solid 0.0625rem;
  color: ;
  background-color: ;
  border-color: ;
  color: ;
  background-color: ;
  border-color: ;
  box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05);
}

.c19::-moz-focus-inner,
.c19[type="button"]::-moz-focus-inner,
.c19[type="reset"]::-moz-focus-inner,
.c19[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.c19:-moz-focusring,
.c19[type="button"]:-moz-focusring,
.c19[type="reset"]:-moz-focusring,
.c19[type="submit"]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

.c19:focus {
  outline: 0;
  text-decoration: none;
  background-color: ;
  border-color: ;
}

.c19:hover {
  background-color: ;
  border: solid 0.0625rem;
}

.c19:active,
.c19:active:hover,
.c19:active:focus {
  background-image: none;
  outline: 0;
  background-color: ;
  border-color: ;
}

.c19[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

.c19:focus {
  background-color: ;
  border-color: ;
}

.c19:hover {
  background-color: ;
  border-color: ;
}

.c19:active,
.c19:active:hover,
.c19:active:focus {
  background-color: ;
  border-color: ;
}

.c19:focus {
  background-color: ;
  border-color: ;
}

.c19:hover {
  background-color: ;
  border-color: ;
}

.c19:active,
.c19:active:hover,
.c19:active:focus {
  background-color: ;
  border-color: ;
}

.c19 + button {
  margin-left: 1.25rem;
}

.c6 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
}

.c8 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 0.9375rem;
}

.c17 {
  vertical-align: middle;
}

.c15 {
  vertical-align: middle;
}

.c3 {
  background-color: #FFFFFF;
  padding: 0.75rem;
  min-width: auto;
  border: none;
  box-shadow: none;
}

.c3:hover,
.c3:focus,
.c3:active,
.c3:active:hover,
.c3:active:focus {
  background-color: #FFFFFF;
  border: none;
  box-shadow: none;
}

.c0 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(250,250,250,0.5);
  z-index: 100;
}

.c1 {
  position: absolute;
  left: 50%;
  top: 33.33%;
  padding: 2.25rem 2.25rem 2.25rem 2.25rem;
  background-color: ;
  box-shadow: 0 0 0.375rem 0.0625rem rgba(0,0,0,0.1);
  width: 28.75rem;
  margin: 0 auto 0 -14.375rem;
  z-index: 101;
}

.c2 {
  position: absolute;
  right: 0.375rem;
  top: 0.1875rem;
}

.c5 {
  line-height: 1.25;
  color: ;
  margin: 0 0 0.75rem 0;
}

.c7 {
  color: ;
  margin: 0.75rem 0 1.875rem 0;
}

.c14 {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0.25rem;
  border: solid 0.0625rem;
  background-color: ;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.9375rem 1.125rem;
  position: relative;
  text-align: center;
  line-height: normal;
  vertical-align: middle;
  touch-action: manipulation;
  min-width: 0;
  cursor: pointer;
}

.c14::-moz-focus-inner,
.c14[type="button"]::-moz-focus-inner,
.c14[type="reset"]::-moz-focus-inner,
.c14[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.c14:-moz-focusring,
.c14[type="button"]:-moz-focusring,
.c14[type="reset"]:-moz-focusring,
.c14[type="submit"]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

.c14 > svg {
  fill: ;
}

.c14:focus {
  outline: 0;
  background-color: ;
  border-color: ;
}

.c14:hover {
  background-color: ;
  border-color: ;
}

.c14:focus,
.c14:hover > svg {
  fill: ;
}

.c14:active,
.c14:active:hover,
.c14:active:focus {
  outline: 0;
  background-color: ;
  border-color: ;
}

.c14:active,
.c14:active:hover,
.c14:active:focus > svg {
  fill: ;
}

.c14[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  color: ;
  background-color: ;
  border-color: ;
}

.c14[disabled] > svg {
  fill: ;
}

.c14[disabled]:focus,
.c14[disabled]:hover,
.c14[disabled]:active,
.c14[disabled]:active:hover,
.c14[disabled]:active:focus {
  background-color: ;
  border-color: ;
}

.c14[disabled]:focus,
.c14[disabled]:hover,
.c14[disabled]:active,
.c14[disabled]:active:hover,
.c14[disabled]:active:focus > svg {
  fill: ;
}

.c16 {
  margin-left: 0.375rem;
}

.c9 {
  padding: 0.35em 0.75em 0.625em;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-before: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  -webkit-padding-after: 0;
}

.c10 {
  font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  font-style: normal;
  font-stretch: normal;
  color: ;
  float: right;
}

.c11 {
  margin-bottom: 1.5rem;
}

.c13 {
  box-sizing: border-box;
  width: 100%;
  height: 3rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.8125rem 1.125rem;
  border-radius: 0.25rem;
  background-color: ;
  border: 0.0625rem solid;
  font-size: 0.9375rem;
  line-height: normal !important;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  color: ;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}

.c13:focus {
  border-color: ;
  outline: 0;
}

.c12 {
  width: 7.5rem;
  margin: 0 0.75rem 0 0;
  vertical-align: middle;
}

@media only screen and (min-width:48.0625rem) {
  .c10 {
    text-align: right;
  }
}

<div
  className="c0"
>
  <div
    className="c1"
    width={460}
  >
    <button
      className="c2 c3 c4"
      onClick={[Function]}
    >
      <svg
        className=""
        height="12"
        viewBox="0 0 12 12"
        width="12"
        xmlns="http://www.w3.org/2000/svg"
      >
        <title>
          icon: close
        </title>
        <path
          d="M7.314 5.9l4.242-4.243L10.142.243 5.9 4.485 1.657.243.243 1.657l4.242 4.242-4.242 4.243 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L7.314 5.9z"
          fill="#494949"
          fillRule="evenodd"
        />
      </svg>
    </button>
    <form
      onSubmit={[Function]}
    >
      <h2
        className="c5 c6"
      >
        Scaling a service: 
        <br />
        Nginx
      </h2>
      <p
        className="c7 c8"
      >
        Choose how many instances of a service you want to have running.
      </p>
      <fieldset
        className="c9"
        style={undefined}
      >
        <div>
          <label
            className="c10"
            form="scale-service"
          />
          <div
            className="c11"
          >
            <input
              className="c12 c13"
              id="CHwcs"
              name="replicas"
              onBlur={[Function]}
              onChange={[Function]}
              onDragStart={[Function]}
              onDrop={[Function]}
              onFocus={[Function]}
              value={1}
            />
            <button
              className="c14"
              onClick={[Function]}
            >
              <svg
                className="c15"
                height="2"
                verticalAlign="middle"
                viewBox="0 0 8 2"
                width="8"
                xmlns="http://www.w3.org/2000/svg"
              >
                <title>
                  icon: plus
                </title>
                <path
                  d="M0 0h8v2H0z"
                  fill="#494949"
                  fillRule="evenodd"
                />
              </svg>
            </button>
            <button
              className="c16 c14"
              onClick={[Function]}
            >
              <svg
                className="c17"
                height="8"
                verticalAlign="middle"
                viewBox="0 0 8 8"
                width="8"
                xmlns="http://www.w3.org/2000/svg"
              >
                <title>
                  icon: plus
                </title>
                <path
                  d="M3 3H0v2h3v3h2V5h3V3H5V0H3v3z"
                  fill="#494949"
                  fillRule="evenodd"
                />
              </svg>
            </button>
          </div>
        </div>
      </fieldset>
      <button
        className="c18"
        onClick={[Function]}
      >
        Cancel
      </button>
      <button
        className="c19"
        disabled={true}
        type="submit"
      >
        Scale
      </button>
    </form>
  </div>
</div>
`;