/* [project]/src/components/Ui/Forms/PrettyCheckbox.css [app-client] (css) */
.pretty-checkbox {
  --size: 1rem;
  --background: #fff;
  font-size: var(--size);
}

.pretty-checkbox *, .pretty-checkbox :after, .pretty-checkbox :before {
  box-sizing: border-box;
}

.pretty-checkbox input[type="checkbox"] {
  visibility: hidden;
  display: none;
}

.pretty-checkbox .checkbox__label {
  width: var(--size);
}

.pretty-checkbox .checkbox__label:before {
  content: " ";
  height: var(--size);
  width: var(--size);
  top: calc(var(--size) * .125);
  background: var(--background);
  display: block;
  position: absolute;
  left: 0;
}

.pretty-checkbox .checkbox__label:after {
  content: " ";
  height: var(--size);
  width: var(--size);
  border: calc(var(--size) * .14) solid #6a6a6a;
  top: calc(var(--size) * .125);
  background: var(--background);
  transition: all .1s ease-in-out;
  display: block;
  position: absolute;
  left: 0;
}

.pretty-checkbox .checkbox__input:checked ~ .checkbox__label:after {
  height: calc(var(--size) * .5);
  border-color: #00af50;
  border-top-style: none;
  border-right-style: none;
  transform: rotate(-45deg);
}

.pretty-checkbox .checkbox {
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  display: flex;
  position: relative;
}

.pretty-checkbox .checkbox__label:after:hover, .pretty-checkbox .checkbox__label:after:active {
  border-color: #00af50;
}

.pretty-checkbox .checkbox__label {
  margin-right: calc(var(--size) * .45);
}

.checkbox__input:checked:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 6px;
  transform: rotate(45deg);
}

.checkbox__label {
  margin-left: .5rem;
}

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