.HFE8C {
  display: none;
  opacity: 0;
  visibility: hidden;
}.checkbox-component {
  display: inline-flex;
  margin: 0;
  padding: 0;
  gap: 10px;
  vertical-align: middle;
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1.57;
  list-style: none;
  cursor: pointer;
}
.checkbox-component:hover .checkbox-component-inner {
  border-color: #1677ff;
}
.checkbox-component-inner {
  position: relative;
  top: 0;
  display: block;
  box-sizing: border-box;
  inset-inline-start: 0;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  border-collapse: separate;
  transition: all 0.3s;
  font-weight: bold;
}
.checkbox-component-inner::after {
  content: "";
  position: absolute;
  top: 50%;
  display: table;
  inset-inline-start: 21.5%;
  width: 5.7142857143px;
  height: 9.1428571429px;
  border: 2px solid #fff;
  border-top: 0;
  border-inline-start: 0;
  opacity: 1;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.checkbox-component-inner ~ input {
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  margin: 0 !important;
}
.checkbox-component-input {
  position: relative;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1;
  list-style: none;
  white-space: nowrap;
  border-radius: 4px;
  align-self: center;
  cursor: pointer;
}

.checkbox-component .checkbox-component-input input[type=checkbox] {
  position: absolute !important;
}

.checkbox label.checkbox-component {
  padding-left: 0;
  font-weight: bold;
}

.checkbox-component__checked .checkbox-component-inner {
  background-color: #1677ff;
  border-color: #1677ff;
}

.checkbox-component__indeterminate .checkbox-component-inner {
  background-color: #fff;
}
.checkbox-component__indeterminate .checkbox-component-inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50% !important;
  display: table;
  inset-inline-start: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #1677ff;
  border: 0;
  border-radius: 2px;
  opacity: 1;
  transform: translate(-50%, -50%);
}

table .checkbox {
  margin-bottom: 0;
  margin-top: 0;
}

.checkbox-component.checkbox-component__disabled {
  color: rgba(0, 0, 0, 0.58);
  cursor: unset;
}

.checkbox-component__disabled .checkbox-component-inner {
  border-color: #d9d9d9 !important;
}

.checkbox-component__disabled.checkbox-component__checked .checkbox-component-inner {
  background-color: rgba(0, 0, 0, 0.04);
}
.checkbox-component__disabled.checkbox-component__checked .checkbox-component-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
}

.checkbox-component__checked:not(.checkbox-component__checked) .checkbox-component-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
}.vKrdJ {
  padding-right: 29px;
}
.vKrdJ ~ ._0xxLw {
  z-index: 2;
}
.vKrdJ ~ .QbLhX {
  z-index: 3;
}

.rflkA {
  position: absolute;
  top: 21%;
  right: 5px;
  width: 20px;
  height: 20px;
  border: none;
  outline: 0;
  z-index: 1;
}

.zMvAd {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAUQSURBVHic7Zrbb9RFFMc/tdAE6VVNFLZowARUCAmJWggY6+VN8UUTRcBHE8uWKg/G6B9giDFGvATqLRrU+KiCPkh8AOQibQJsK4KJoKmALwptDRYt68OZtctcdmd+s9tgnG8y2c3uzPfM+c2cM+ec+UFCQkJCQkJCQkJCwv8RDdPAvxhYqj5vAeYDbaq1qH5jwHnVTgLfA8PAEfX5n0IzsBb4ADgDFCPbaeB94HHFfcViBfAOspqxSrvaKPA2sHyadPLCKmAX9VPa1fYCq2MnH+MDlgGvASur9BsH9gPfAseBH4CziL2Pqz7NiE+4AVgILAK6kJWeXYV/D7AROBysQUa0AluAv6lst1uQ3TEjQtZM4G7gdeShueT9Bbyq5lZXdCEr6JrIAPAEcUq7cBWy5b+qIP8UcFcdZNMAvIA8aZvg3VQ3hVqiGzEr1254nhoe8bOATxzCRoCHA7jmAXngS+AY4gPG1fcvgA1AZwDfGtym8bGaexTacT/pfqYCmWrIAW9R2W+Ur2A/MNeTuwPY7uDahzjXTGhHPLftLH4kgOchNSbLmR9yzK0D/rDwHFS6BKEDcWg62c9IWOuLXmDSwuPbJhGT8cXt2KPPQ0onL7QBgxaSAfy3JcjK25QvAH1IbjBbtcXqt4Kl/yRhO+FGB88AHubQiDgjffAuqgck5chhbvsJoAc5zirJz6u+5WPPA3MC5LcikaKux04lw4mXLIO+IUx5kHhdV/7egPH3YT6EbYFzaEO2vq7PZteA9ZbOg4R70XmY3r4nkAPEf+inQy6Q41rgKKZea/WON2NmcSNIbB6KvMZToMq2c6ARGCL+QXZiOsZRYEG5oH1ahwvAnRmEgelD+jLyADyjce3IyLMS06T2oBZmI+YWeTJi0sc1rtsiuJZoXMciuDZg6tkL8KP246cRQsA0pZgqTovGNRbB1QB8pvGdsh1JTcQlEkWL4KzQx16K4NLnBRJjGN62iGyXrLhSTaAHU888iCPQg4YJsqe3uhN8OmLSmzSurE5wBfCnxrWbsqBsAabtniEsNS1BdzZDZD8GhzWupzLw5JAKlX4Mztc7rsPcIgUkmAhBJ2bhJCShKaFP48gSCF2D1ArLeS4hJXYrNmM+hEOER4P9GscEEt764n7gosaxNXAOrUgqrOvzYqVBjYid6YP2ElZwnIs9GeqlsjnMQFZeV/4cYVFpC2Ljuh6fUzkZA0RRWxJRQFJNX6zGng4PIRHeEiRGaFbfN2HafFFxPBAgtxO5UtN5BglYRFc16DRSdPBFnviCSMiRvAz4xcIzDFwXwAPIQ7DZ0DjiMH3xIJLPhyp/jrCVX4P9Wu4IcH0Az2Vow0yUSm07/mWmOUg+7yqr695+K/42345cxNq49gfM0YlZwEcOAWeRI8U33M0hZ/lO4DtkxcbU9x3qv5Cj7jHcN9AfUoOyeAkNwHO4V/AAcE+thHmgG3e5/iLwLHV69+EO4IRDcJGpq7GZdZDtczV2kmm4oWoBXqGyPf8KvInUAZsiZDUhO+sNql+Ovoz/Rc2/iNkmS5Eb2e4q/S4gJnIA2T0nEGV+Ry4yQIquHUxdjy9ErsaXU92Ov0aCp6FQBWqFVUiElfWsz9pq8oJELdGF5ABZzvyQ2GAb2euV04KrkePpPaSyHKv0CPAu8Kjirinq/ZocSEWo9JrcrcBNSJrayuWvyY0CvwE/IZWf0mtyMVWghISEhISEhISEhIQEK/4BjYUW8AflEh4AAAAASUVORK5CYII=") center no-repeat;
  background-size: 20px 20px;
}

.wTCA8 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAHYAAAB2AH6XKZyAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAtRJREFUeJztmE1oE0EYhh9NqajgD1pjsbSICEJV9GSwiAf/KOhZRFE8KHi0SC+KCgUPHrTg2V9UVFDsRUFFD+rNv4seFFFDlYitmkBQaJt4mAnZTDawMzubFvweGMhm93u/95vd2ZlZEARBEARBEARBEARBEARBkwYGgTNA+yR7caEd5f0sqhZrngFl3V4Ard6sJU8r8JKq/6cuIvmAQBkY8OWuCQxQ6/2Xi8gFQ2QM2OLJYJJsRXkNej/vIpQGRg2hP0CvF5vJ0IvyGPQ8AixyFdwBlAzBv8CBuE4T4CDKW9BrCdgeV7jPEK2028CSuOIe6ADuEO7xsK8k/dQ/CWWgCBwH5vlKZMF84IT2YPoqAUd8J9xJ/cxQaQXUnNvtO2kIK1Fze6GBl7z26p0UcLdB0mB7BRwDMjrGR96M1nwdIf+QTd5pFiYuAXuiCmsKKNNvgLfAMJAFfqCmqry+bi5q8dIGdKLGdTewRrc5lnmvA3uBCcu4UFLAZep7ehg4DXwLOdes9hU4BXwKOXcTaEmq+CywTF8zA9gN3AfGm1D0GHAP2EV1ed4JfAy59lacTohSvEka2I96BL97LDoHXNPajTY2XjvBpXiT5UbsOPAYeKcL+okaoxP6d06fe6L/C8Z2RMzprRMuhoh8AZZaaBwy4h9YxAZ3omVgn0VsF+HvhCtRBTIhwbbFg1opBjX6LWJPGrFXLXM36oSeKMHriV98ivqN1FqL+B4jNkf0KbtCWCdsiBo8iFpiPse+eIB1RuIRYLpFfAvw29BY5eCjCzWcisA5h3hnjlJr/oaDxpCh0efNXQCbu2LDZuP4kYOGGWNqTllmUb8vdxlGKwyNImrRNeXZRq3xDzG0sobWxtjuDJIYAouNY5v53+Shcez8aauZLAQ+o+7YKOpRdmU11W8Q75mcDy9OzAY2AQs8aLVprZketARBEARBEARBEARBEAThf+cfRat0mN1gbtYAAAAASUVORK5CYII=") center no-repeat;
  background-size: 20px 20px;
}.code-container {
  position: relative;
  display: block;
  width: 168px;
  height: 35px;
  margin: 0 auto;
  padding: 0 0 36px;
}

.code-container::before {
  position: absolute;
  right: -36px;
  top: 0;
  content: "";
  background: #fff;
  height: calc(100% + 3px);
  width: 37px;
  z-index: 10;
}

.code-underline {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #252630 82%, #252630 82%, transparent 82%);
  opacity: 0.3;
  transition: 0.2s;
  background-size: 26.18%;
  z-index: 1;
  overflow: hidden;
}

.validation-message ~ div .code-underline {
  background: linear-gradient(90deg, #e74c3c 82%, #e74c3c 82%, transparent 82%);
  background-size: 26.18%;
  opacity: 1;
}

body .code-container .code-input {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 31px);
  padding: 8px 12px;
  font-size: 22px;
  font-weight: bold;
  line-height: 35px;
  letter-spacing: 31px;
  outline: none;
  overflow: hidden;
  border: none !important;
  box-shadow: none !important;
}

.code-input:focus + .code-underline,
.code-input:focus-within + .code-underline {
  opacity: 0.8;
}