.default-checkbox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;

  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.default-checkbox:not(.-checked) {
  opacity: 0.4;
}

.default-checkbox p {
  margin-top: 2px;
}

.default-checkbox.text-5 p {
  margin-top: 4px;
}

.default-checkbox p a {
  font-weight: 700;
  color: inherit;
  text-decoration: underline;

  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.default-checkbox__circle {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 23px;
  min-width: 23px;
  height: 23px;
  padding-left: 1px;
  margin-right: 9px;

  border: 1px solid var(--blue);
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.default-checkbox__circle:after {
  content: "";
  display: block;
  width: 13px;
  height: 10px;

  -webkit-user-select: none;
  user-select: none;

  background: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0468 1.1656L4.72902 7.61919L1.96562 4.79639L1.95667 4.78839C1.90448 4.73461 1.84235 4.69196 1.77388 4.66292C1.70541 4.63389 1.63198 4.61904 1.55785 4.61925C1.48372 4.61946 1.41036 4.63472 1.34205 4.66414C1.27375 4.69356 1.21184 4.73656 1.15995 4.79063C1.10805 4.84471 1.06719 4.90878 1.03974 4.97913C1.0123 5.04947 0.998818 5.12469 1.00008 5.20041C1.00134 5.27612 1.01733 5.35082 1.0471 5.42018C1.07688 5.48952 1.11985 5.55214 1.17352 5.60437L4.33409 8.83174C4.38588 8.88506 4.44749 8.92738 4.51537 8.95625C4.58325 8.98513 4.65605 9 4.72958 9C4.80311 9 4.87591 8.98513 4.94379 8.95625C5.01167 8.92738 5.07328 8.88506 5.12507 8.83174L11.8378 1.97473L11.8456 1.96558C11.947 1.85688 12.0024 1.71179 11.9999 1.56168C11.9974 1.41157 11.9372 1.26849 11.8322 1.16338C11.7273 1.05828 11.586 0.999588 11.4391 1C11.2921 1.00042 11.1512 1.0599 11.0468 1.1656Z' fill='%230C1741'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8326 0.955929L10.8335 0.954991C10.9934 0.793115 11.2106 0.700841 11.4384 0.700199C11.6663 0.699557 11.8839 0.790607 12.0447 0.951603C12.2053 1.11239 12.2963 1.32995 12.3001 1.55687C12.3038 1.78145 12.2219 1.99972 12.0699 2.16525L12.0593 2.17766L5.34045 9.04097C5.34028 9.04114 5.34062 9.0408 5.34045 9.04097C5.26118 9.12244 5.16609 9.18798 5.06143 9.23251C4.95654 9.27713 4.8438 9.3002 4.72977 9.3002C4.61575 9.3002 4.50301 9.27713 4.39812 9.23251C4.29348 9.18799 4.1989 9.12298 4.11964 9.04153C4.11946 9.04134 4.11982 9.04172 4.11964 9.04153L0.961628 5.81677C0.880787 5.73736 0.816331 5.64284 0.771632 5.53873C0.726414 5.43341 0.70223 5.32019 0.700318 5.20561C0.698406 5.09102 0.718799 4.97706 0.760456 4.87029C0.802116 4.7635 0.864298 4.66583 0.943698 4.5831C1.02311 4.50035 1.11819 4.4342 1.22358 4.38881C1.32898 4.34341 1.4424 4.31977 1.5572 4.31945C1.67199 4.31912 1.78555 4.34212 1.89121 4.38693C1.99323 4.4302 2.08574 4.49288 2.16389 4.57126L2.17319 4.57957L4.72921 7.19054L10.8326 0.955929ZM4.72921 7.61939L1.96582 4.79658L1.95687 4.78858C1.90468 4.7348 1.84254 4.69215 1.77408 4.66312C1.70561 4.63408 1.63218 4.61924 1.55804 4.61945C1.48391 4.61966 1.41056 4.63491 1.34225 4.66434C1.27394 4.69376 1.21204 4.73676 1.16014 4.79083C1.10824 4.8449 1.06738 4.90898 1.03994 4.97932C1.0125 5.04967 0.999013 5.12489 1.00028 5.2006C1.00154 5.27632 1.01752 5.35102 1.0473 5.42037C1.07707 5.48972 1.12005 5.55233 1.17372 5.60457L4.33428 8.83194C4.38608 8.88525 4.44769 8.92757 4.51556 8.95645C4.58344 8.98533 4.65624 9.0002 4.72977 9.0002C4.8033 9.0002 4.87611 8.98533 4.94398 8.95645C5.01186 8.92757 5.07347 8.88525 5.12526 8.83194L11.838 1.97492L11.8458 1.96578C11.9472 1.85708 12.0026 1.71199 12.0001 1.56188C11.9976 1.41176 11.9374 1.26868 11.8324 1.16358C11.7275 1.05847 11.5862 0.999783 11.4393 1.0002C11.2923 1.00061 11.1514 1.0601 11.047 1.16579L4.72921 7.61939Z' fill='%2335354E'/%3E%3C/svg%3E%0A")
    no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;

  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.default-checkbox.-checked .default-checkbox__circle:after {
  opacity: 1;
}

.default-checkbox.-invalid {
  opacity: 1;
}

.default-checkbox.-invalid .default-checkbox__circle {
  border-color: var(--pink);
}

.form .default-checkbox p {
  opacity: 0.8;
}
