#pass_check *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#pass_check{
	position: relative;
	/*min-height: 180px;*/
}
#pass_check ul#pc_m{
	font-size:14px;
    list-style: none;
    padding: 0;
    margin: 10px 0 10px 0;
}
#pass_check ul#pc_m li{
    display: flex;
    align-items: center;
}
#pass_check ul#pc_m li:before{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    border-radius: 50%;
    border: solid 2px #ededed;
}
#pass_check ul#pc_m li.pc_check:before,
#pass_check ul#pc_m li.pc_strong:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2300a88e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20 7 9 18l-5-5'/%3E%3C/svg%3E");
}
#pass_check ul#pc_m li.pc_error:before,
#pass_check ul#pc_m li.pc_weak:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ff2f00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 5 5 19M5 5l14 14'/%3E%3C/svg%3E");
}
#pass_check .pc_check{
    color: #00a88e;
}
#pass_check .pc_error{
    color: #ed2939;
}
#pass_check .pc_strong{
    color: #00a88e;
}
#pass_check .pc_weak{
    color: #ed2939;
}
#pass_check button.pc_btn{
	cursor:pointer;
    margin: 0 10px;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    border: 0;
    outline: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
	font-size:0;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#pass_check #pc_eye{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23707a91' stroke-width='2' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3E%3Cpath stroke='%23323232' stroke-linejoin='round' stroke-width='2' d='M6.95 7.05a7 7 0 0 1 9.9 0l2.12 2.122c1.334 1.333 2 2 2 2.828 0 .828-.666 1.495-2 2.828l-2.12 2.122a7 7 0 0 1-9.9 0l-2.122-2.122c-1.333-1.333-2-2-2-2.828 0-.828.667-1.495 2-2.828L6.95 7.05Z'/%3E%3C/svg%3E");
}
#pass_check #pc_eye.show{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23707a91' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.172 5.13 18 14'/%3E%3Cpath stroke='%23323232' stroke-width='2' d='M14.365 13.846a3 3 0 0 1-4.767-3.643'/%3E%3Cpath stroke='%23323232' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5.627a7.003 7.003 0 0 1 7.85 1.423l3.001 3.002c.497.497.745.745.885 1.008a2 2 0 0 1 0 1.88c-.14.263-.388.511-.885 1.008v0L19.8 14'/%3E%3Cpath fill='%23323232' d='M7.016 8.398a1 1 0 1 0-1.414-1.414l1.414 1.414Zm.64 7.845-2.12-2.122-1.415 1.415 2.122 2.12 1.414-1.413Zm8.486 0a6 6 0 0 1-8.485 0l-1.414 1.414a8 8 0 0 0 11.313 0l-1.414-1.414ZM5.536 9.879l1.48-1.48-1.414-1.415-1.48 1.48L5.535 9.88Zm11.21 5.76-.604.604 1.414 1.414.605-.604-1.415-1.415ZM5.537 14.12c-.687-.686-1.13-1.132-1.413-1.503-.265-.348-.295-.51-.295-.618h-2c0 .72.304 1.306.705 1.832.384.502.942 1.057 1.588 1.704l1.415-1.415ZM4.12 8.464c-.646.647-1.204 1.202-1.588 1.705-.4.525-.705 1.11-.705 1.831h2c0-.108.03-.27.295-.618.284-.371.726-.817 1.413-1.503L4.12 8.464Z'/%3E%3C/svg%3E");
}
#pass_check #pc_gene{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%2300a88e' viewBox='0 0 48 48'%3E%3Cg data-name='Layer 2'%3E%3Cpath fill='none' d='M0 0h48v48H0z' data-name='invisible box'/%3E%3Cpath d='M39 18h-4v-5A11 11 0 0 0 24 2h-2a11 11 0 0 0-11 11v5H7a2 2 0 0 0-2 2v24a2 2 0 0 0 2 2h32a2 2 0 0 0 2-2V20a2 2 0 0 0-2-2Zm-24-5a7 7 0 0 1 7-7h2a7 7 0 0 1 7 7v5H15Zm-1 22a3 3 0 1 1 3-3 2.9 2.9 0 0 1-3 3Zm9 0a3 3 0 1 1 3-3 2.9 2.9 0 0 1-3 3Zm9 0a3 3 0 1 1 3-3 2.9 2.9 0 0 1-3 3Z' data-name='Layer 7'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 3px;
    width: auto;
    border-radius: 4px;
    padding-left: 20px;
    font-size: 14px;
   color: #00a88e;
}
#pass_check #pc_gene_c{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 90%;
    height: fit-content;
    padding: 10px;
    margin: auto;
    box-shadow: 0 0px 15px 0 rgb(0 168 142 / 90%);
    background-color: #00a88e;
    color: #fff;
    border-color: #11d3b5;
    border-width: 2px;
    border-style: dashed;
    text-align: left;
    overflow: hidden;
}
#pass_check #pc_gene_c .pc_title{
	font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
#pass_check #pc_gene_c .pc_gene_csr{
	display: flex;
    align-items: center;
	margin: 5px 15px;
}
#pass_check #pc_gene_c #pc_gene_cs{
    font-size: 18px;
    font-weight: bold;
    background-color: #3a4c68;
    width: 100%;
    margin: 0;
    border-radius: 10px 0 0 10px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 10px;
    height: 40px;
    cursor: pointer;
    text-shadow: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pass_check #pc_gene_c #pc_pgc{
    position: absolute;
    top: 0;
    right: 0;
    border: #11d3b5 3px solid;
    cursor: pointer;
    font-size: 0;
    width: 32px;
    height: 32px;
    background-color: #11d3b5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 9V6.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C10.52 3 11.08 3 12.2 3h5.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C21 4.52 21 5.08 21 6.2v5.6c0 1.12 0 1.68-.218 2.108a2.002 2.002 0 0 1-.874.874C19.48 15 18.92 15 17.803 15H15M9 9H6.2c-1.12 0-1.68 0-2.108.218a1.999 1.999 0 0 0-.874.874C3 10.52 3 11.08 3 12.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h5.607c1.117 0 1.676 0 2.104-.218.376-.192.683-.498.874-.874.218-.428.218-.987.218-2.105V15M9 9h2.8c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874c.218.427.218.987.218 2.105V15'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}
#pass_check #pc_gene_c #pc_regene{
border: #cc3fff 3px solid;
    cursor: pointer;
    font-size: 0;
    width: 40px;
    height: 40px;
    background-color: #b95bdb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ffffff'%3E%3Cpath d='M464.433 147.54a9.899 9.899 0 0 0-17.56 9.14 214.264 214.264 0 0 1-38.769 251.42c-83.856 83.848-220.315 83.875-304.207-.008a9.896 9.896 0 0 0-16.893 7.005v56.9a9.896 9.896 0 0 0 19.793 0v-34.55A234.95 234.95 0 0 0 464.433 147.54ZM103.897 103.902c83.882-83.874 220.341-83.865 304.207-.009a9.89 9.89 0 0 0 16.892-6.996v-56.9a9.896 9.896 0 0 0-19.793 0v34.55C313.023-1.356 176.055 3.751 89.904 89.901a233.956 233.956 0 0 0-42.337 274.553 9.899 9.899 0 0 0 17.56-9.14 214.249 214.249 0 0 1 38.77-251.412Z'/%3E%3Cpath d='M126.4 254.555v109.44a27.08 27.08 0 0 0 27 27h205.2a27.077 27.077 0 0 0 27-27v-109.44a27.078 27.078 0 0 0-27-27H153.4a27.08 27.08 0 0 0-27 27ZM328 288.13a21.146 21.146 0 1 1-21.146 21.146A21.167 21.167 0 0 1 328 288.13Zm-72 0a21.146 21.146 0 1 1-21.146 21.146A21.167 21.167 0 0 1 256 288.13Zm-72 0a21.146 21.146 0 1 1-21.146 21.146A21.167 21.167 0 0 1 184 288.13ZM343.653 207.756v-36.002a87.653 87.653 0 0 0-175.306 0v36.002h19.793v-36.002a67.86 67.86 0 0 1 135.72 0v36.002Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}
#pass_check .pc_d-if{
	overflow: hidden;
    user-select: none;
}
#pass_check .pc_d-if label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin: 6px 12px 6px 6px;
  cursor: pointer;
  position: relative;
}


/* Radios */
.pc_d-if{
  text-shadow: 1px 1px #1bb99f;
}
#pass_check .pc_d-if input{
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

#pass_check .pc_d-if .design {
  width: 10px;
  height: 10px;
  border: 1px solid #3a4c68;
  border-radius: 100%;
  margin-right: 15px;
  position: relative;
}

#pass_check .pc_d-if .design::before,
#pass_check .pc_d-if .design::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}

#pass_check .pc_d-if .design:before {
  background: #3a4c68;
  opacity: 0;
  transition: .3s;
}

#pass_check .pc_d-if .design::after {
  background: #ffffff;
  opacity: .4;
  transition: .3s;
}

#pass_check .pc_d-if .text {
  color: #3a4c68;
  font-weight: bold;
}

#pass_check .pc_d-if input:checked+.design::before {
  opacity: 1;
  transform: scale(1.5);
}

#pass_check .pc_d-if input:hover+.design,
#pass_check .pc_d-if input:focus+.design {
  border: 1px solid #ffffff;
  transition: 0.3s;
}

#pass_check .pc_d-if input:hover+.design:before,
#pass_check .pc_d-if input:focus+.design:before {
  background: #ffffff;
  transition: 0.3s;
}

#pass_check .pc_d-if input:hover~.text {
  color: #ffffff;
  transition: 0.3s;
}

#pass_check .pc_d-if input:focus+.design::after,
#pass_check .pc_d-if input:active+.design::after {
  opacity: .1;
  transform: scale(2.6);
}
#pc_gene_cs::-webkit-scrollbar-track{
	background-color: transparent;
	border-radius: 10px;
}

#pc_gene_cs::-webkit-scrollbar{
	width: 5px;
	height: 5px;
	background-color: #11d3b5;
}

#pc_gene_cs::-webkit-scrollbar-thumb{
	background-color: transparent;
	border-radius: 10px;
}