.c-reboot-fonzip {
  box-sizing: border-box;
}

.c-reboot-fonzip *,
.c-reboot-fonzip *:before,
.c-reboot-fonzip *:after {
  box-sizing: inherit;
}

.c-reboot-fonzip:focus,
.c-reboot-fonzip *:focus {
  outline: none;
}

.c-reboot-fonzip__button,
.c-reboot-fonzip__input {
  height: 46px;
}

.c-reboot-fonzip__button {
  -moz-user-select: none;
  background-image: none;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 16px;
  padding: 9px 12px;
  border: none;
  box-shadow: 0 0 0 1px #ccc;
  color: #333;
  background-color: #fff;
  width: 100%;
}

.c-reboot-fonzip__button:hover {
  color: #fff;
  background-color: #00909c;
}

.c-reboot-fonzip__button:active {
  box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.c-reboot-fonzip__button--primary {
  color: #ffffff;
  background-color: #ff6900;
  border-color: #ff6900;
}

.c-reboot-fonzip__button--primary:hover {
  background-color: #ff7c1f;
  border-color: #ff7c1f;
}

.c-reboot-fonzip__row:not(:last-child) {
  margin-bottom: 20px;
}

/**
 * Icon
 */

.c-reboot-fonzip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1em;
}

.c-reboot-fonzip__icon svg {
  fill: currentColor;
}

.c-reboot-fonzip__icon:first-child:not(:last-child) {
  margin-right: 0.25rem;
}

.c-reboot-fonzip__icon:last-child:not(:first-child) {
  margin-left: 0.25rem;
}

.c-reboot-fonzip svg {
  vertical-align: top;
}

/**
* Currencies
*/

.c-reboot-fonzip__currencies {
  display: flex;
  font-size: 0;
  margin-top: -10px;
  margin-left: -10px;
}

.c-reboot-fonzip__currency {
  display: flex;
  width: 50%;
  font-size: 16px;
  padding-top: 10px;
  padding-left: 10px;
}

.c-reboot-fonzip__currency.is-active .c-reboot-fonzip__button {
  box-shadow: 0 0 0 3px #00a7b5;
}

/**
* Amounts
*/

.c-reboot-fonzip__amounts {
  font-size: 0;
  margin-top: -10px;
  margin-left: -10px;
}

.c-reboot-fonzip__amount {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  padding-top: 10px;
  padding-left: 10px;
}

@media (min-width: 480px) {
  .c-reboot-fonzip__amount {
    display: inline-block;
    width: 25%;
  }
}

.c-reboot-fonzip__amount.is-active {
  /*color: #fff;*/
}

.c-reboot-fonzip__amount.is-active .c-reboot-fonzip__input {
  /*color: #fff;*/
}

.c-reboot-fonzip__amount.is-active .c-reboot-fonzip__input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.c-reboot-fonzip__amount.is-active .c-reboot-fonzip__button,
.c-reboot-fonzip__amount.is-active .c-reboot-fonzip__field {
  box-shadow: 0 0 0 3px #00a7b5;
}

/**
* Input field
*/

.c-reboot-fonzip__field {
  position: relative;
  border-radius: 6px;
  background-color: #fff;
  color: #333;
  border: none;
  box-shadow: 0 0 0 1px #ccc;
}

.c-reboot-fonzip__field .c-reboot-fonzip__icon {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

html body .c-reboot-fonzip__input {
  width: 100%;
  min-width: 0;
  margin: 0;
  min-height: 42px;
  font-size: 16px !important;
  padding: 9px 24px 9px 12px;
  border: none;
  color: #333;
  background-color: transparent;
  border-radius: 6px;
  font-weight: 700;
  margin-bottom: 0 !important;
  border: none !important;
}

.c-reboot-fonzip__field .c-reboot-fonzip__input {
  position: relative;
  z-index: 2;
}

/**
* Checkbox
*/

.c-reboot-fonzip__checkbox {
  user-select: none;
  line-height: 26px;
}

.c-reboot-fonzip__checkbox input {
  display: none !important;
}

.c-reboot-fonzip__checkbox-text {
  position: relative;
  display: inline-block;

  padding-left: 40px;

  cursor: pointer;
}

.c-reboot-fonzip__checkbox-bullet {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;

  content: "";
  display: inline-block;

  width: 26px;
  height: 26px;

  background-color: #fff;
  border: 1px solid #c1c1ba;
  border-radius: 2px;
  color: #369ff4;
}

.c-reboot-fonzip__checkbox--plain .c-reboot-fonzip__checkbox-bullet:before,
.c-reboot-fonzip__checkbox--icon
  .c-reboot-fonzip__checkbox-bullet
  .c-reboot-fonzip__icon {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%) scale(0.5);

  display: inline-block;
  vertical-align: top;

  color: #ff6900;

  opacity: 0;

  transition: all 0.15s ease-in-out;
}

.c-reboot-fonzip__checkbox--plain .c-reboot-fonzip__checkbox-bullet:before {
  display: inline-block;
  width: 10px;
  height: 10px;

  content: "";
  background-color: currentColor;
}

.c-reboot-fonzip__checkbox--plain
  input:checked
  + .c-reboot-fonzip__checkbox-text
  .c-reboot-fonzip__checkbox-bullet:before,
.c-reboot-fonzip__checkbox--icon
  input:checked
  + .c-reboot-fonzip__checkbox-text
  .c-reboot-fonzip__icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/**
* Error
*/

.c-reboot-fonzip__error {
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  padding: 1.25em 1.5em;

  border-color: #ff3860;
  color: #cd0930;
  background-color: #fff5f7;
}

.c-reboot-fonzip__error > *:first-child {
  margin-top: 0;
}

.c-reboot-fonzip__error > *:last-child {
  margin-bottom: 0;
}