.t-checkbox__control input {
  /* visually hidden checkbox	 */
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}
.t-checkbox__control .t-checkbox:focus ~ .t-checkbox__indicator .checkbox {
  transition: 0.4s ease;
  outline: 1px orange;
}
.t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator .checkbox svg path {
  stroke: black !important;
  transition: 0.4s ease;
  stroke-dasharray: 60;
  stroke-dashoffset: 120;
}
.t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator .checkmark svg path {
  stroke-dasharray: 20;
  stroke-dashoffset: 0;
  transition: 0.2s ease 0.3s;
}

.t-checkbox__indicator {
  line-height: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  margin-right: 10px;
}
.t-checkbox__indicator:hover .checkbox svg path {
  transition: 0.4s ease;
  stroke: #333333;
}
.t-checkbox__indicator .checkbox svg path {
  stroke: #828282;
  transition: 0.4s ease;
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}
.t-checkbox__indicator .checkmark {
  stroke: #000;
  position: absolute;
  top: -2px;
  left: 6px;
}
.t-checkbox__indicator .checkmark svg path {
  transition: 0.2s ease;
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
}

.has-error .t-checkbox__control .t-checkbox__indicator svg path {
  stroke: #f42644 !important;
}

/*# sourceMappingURL=checkbox.css.map */