.register-page{padding:12px;display:grid;grid-gap:12px}.register-page .title-page{color:var(--thaihealth-main-color,#0d385a);text-align:center;font-size:26px;font-style:normal;font-weight:700;line-height:150%}.register-page .error-message{font-size:.85em;color:#ff1717;text-align:center}.form-box{display:grid;grid-gap:12px}.form-box .form-item{display:grid;align-items:flex-start;grid-gap:4px;position:relative}.form-box .form-item label{font-size:12px;font-weight:500;line-height:1.6}.form-box .form-item input,.form-box .form-item label{color:var(--components-form-text-black,#000);font-style:normal}.form-box .form-item input{height:40px;padding:var(--gap-xs,8px);border-radius:var(--border-radius-2xs,4px);border:1px solid var(--components-form-border-gray-dark,#757575);background:var(--components-form-background-white,#fff);font-family:Graphik TH;font-size:16px;font-weight:400;line-height:122%;outline:none}.form-box .form-item.invalid label{color:#ff1717}.form-box .form-item.invalid input{border-color:#ff1717}.form-box .form-item ul{margin-left:16px}.form-box .form-item ul li{color:var(--components-form-text-gray-medium,#666);font-size:var(--size-normal-xs,12px)}.form-box .form-item ul li,.form-box .remark{font-style:normal;font-weight:400;line-height:150%}.form-box .remark{color:var(--black,#000);font-size:14px}.form-box .remark i{color:var(--orange,#f37f2d);font-style:normal;font-weight:600}.form-box .form-checkbox .custom-checkbox{display:flex;padding:12px;align-items:flex-start;gap:var(--gap-xs,8px);align-self:stretch;border-radius:8px;border:1px solid #f0dda8;background:#faf3e0}.form-box .form-checkbox .custom-checkbox input{position:absolute;opacity:0}.form-box .form-checkbox .checkmark{width:16px;height:16px;border-radius:var(--border-radius-2xs,4px);border:1px solid var(--components-form-border-green-primary,#00b400);background:var(--components-form-background-white,#fff);display:flex;align-items:center;justify-content:center;transition:all .25s ease}.form-box .form-checkbox .checkmark svg{transform:scale(0);transition:all .25s ease}.form-box .form-checkbox .custom-checkbox input:checked+.checkmark svg{opacity:1;transform:scale(1);transition:all .25s ease}.form-box .form-checkbox .label-text{flex:1 1;color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:150%}.form-box .form-checkbox .highlight{color:#000;font-style:normal;font-weight:500;line-height:150%;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#f10000;text-decoration-color:#f10000;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.form-box img{width:100%;height:auto;display:grid}.submit-button{all:unset;display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:999px;border:1px solid var(--bg-body,#fcf8ed);background:var(--pink,#f99b9b);box-shadow:3px 3px 0 0 #000;color:var(--white,#fff);text-align:center;font-size:24px;font-style:normal;font-weight:600;line-height:100%}.autocomplete-address{position:absolute;top:70px;width:100%;border:1px solid var(--components-form-border-gray-dark,#757575);border-radius:var(--border-radius-2xs,4px);max-height:200px;overflow:hidden;overflow-y:auto;background-color:#fff;z-index:9}.modal-policy .ant-modal .ant-modal-container h2{color:var(--black,#000);font-family:var(--thaihealth-main-font,"Graphik TH");font-size:14px;font-style:normal;font-weight:400;line-height:180%;text-align:left}.modal-policy .ant-modal .ant-modal-container h2 b{font-weight:600}.modal-policy button{all:unset;box-sizing:border-box;width:100%;display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:999px;border:1px solid var(--bg-body,#fcf8ed);background:var(--blue-pop,#00b2c7);box-shadow:3px 3px 0 0 #000;color:var(--white,#fff);text-align:center;font-family:Graphik TH;font-size:17px;font-style:normal;font-weight:600;line-height:100%;margin-top:20px}@media (max-width:767px){.modal-policy{display:grid;align-items:flex-end;padding:0;transform:none}.modal-policy .ant-modal{top:auto;bottom:0;margin:0 auto;transform:none!important}.modal-policy .ant-modal .ant-modal-container{display:flex;padding:var(--gap-lg,20px);flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-lg,20px);align-self:stretch;border-radius:12px 12px 0 0;background:var(--white,#fff);animation:fadeUp .22s ease}.modal-policy .ant-modal .ant-modal-container h2 b{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(50dvh)}to{opacity:1;transform:translateY(0)}}}@media (min-width:768px){.register-page .title-page{font-size:35px}.form-box{max-width:600px;margin:auto}.form-box img{width:400px;margin:auto}}@media (min-width:992px){.form-box .form-checkbox .custom-checkbox{cursor:pointer}.submit-button{transition:all .25s ease;cursor:pointer}.submit-button:hover{transition:all .25s ease;background:var(--pink,#f37f2d);box-shadow:-3px -3px 0 0 #000}.modal-policy button{transition:all .25s ease;cursor:pointer}.modal-policy button:hover{transition:all .25s ease;background:var(--thaihealth-third-color,#f99b9b);box-shadow:-3px -3px 0 0 #000}}