@keyframes gyhaPZ { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.WJfZB { animation: 1s linear 0s infinite normal none running gyhaPZ; border-width: 0.25rem; border-style: solid; border-color: rgb(21, 108, 204) rgb(21, 108, 204) transparent; border-image: none; border-radius: 50%; flex-shrink: 0; height: 2rem; width: 2rem; }
.epQSgR { display: flex; flex-direction: column; gap: 16px; inset: auto 16px 16px; position: fixed; z-index: 950; }
@media (min-width: 840px) {
  .epQSgR { inset: 32px 32px auto auto; }
}
* { box-sizing: border-box; font-family: Sarabun, sans-serif; scrollbar-color: rgb(225, 226, 229) transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 0.5rem; }
::-webkit-scrollbar-thumb { background-color: rgb(225, 226, 229); border-radius: 8px; }
a { color: rgb(21, 108, 204); }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6, h1.heading-xl, h2.heading-xl, h3.heading-xl, h4.heading-xl, h5.heading-xl, h6.heading-xl, h1.heading-l, h2.heading-l, h3.heading-l, h4.heading-l, h5.heading-l, h6.heading-l, h1.heading-m, h2.heading-m, h3.heading-m, h4.heading-m, h5.heading-m, h6.heading-m, h1.heading-s, h2.heading-s, h3.heading-s, h4.heading-s, h5.heading-s, h6.heading-s { font-family: "Encode Sans Condensed"; line-height: 100%; letter-spacing: 0px; font-weight: 700; }
h1, h1.heading-xl, h2.heading-xl, h3.heading-xl, h4.heading-xl, h5.heading-xl, h6.heading-xl { font-weight: 800; font-size: 1.75rem; }
@media (min-width: 840px) {
  h1, h1.heading-xl, h2.heading-xl, h3.heading-xl, h4.heading-xl, h5.heading-xl, h6.heading-xl { font-size: 1.875rem; }
}
h2, h1.heading-l, h2.heading-l, h3.heading-l, h4.heading-l, h5.heading-l, h6.heading-l { font-size: 1.625rem; }
@media (min-width: 840px) {
  h2, h1.heading-l, h2.heading-l, h3.heading-l, h4.heading-l, h5.heading-l, h6.heading-l { font-size: 1.75rem; }
}
h3, h1.heading-m, h2.heading-m, h3.heading-m, h4.heading-m, h5.heading-m, h6.heading-m { font-size: 1.375rem; }
@media (min-width: 840px) {
  h3, h1.heading-m, h2.heading-m, h3.heading-m, h4.heading-m, h5.heading-m, h6.heading-m { font-size: 1.5rem; }
}
h4, h1.heading-s, h2.heading-s, h3.heading-s, h4.heading-s, h5.heading-s, h6.heading-s { font-size: 1.125rem; }
@media (min-width: 840px) {
  h4, h1.heading-s, h2.heading-s, h3.heading-s, h4.heading-s, h5.heading-s, h6.heading-s { font-size: 1.25rem; }
}
p, .text { line-height: 100%; letter-spacing: 0px; font-size: 1rem; font-weight: 400; }
strong, .text-weight-bold { font-weight: 700; }
.text-weight-medium { font-weight: 500; }
.text-weight-regular { font-weight: 400; }
em, .text-style-italic { font-style: italic; }
u, .text-style-underline { text-decoration: underline; }
.dQLVyD { align-items: center; border-radius: 2rem; box-shadow: none; cursor: pointer; display: inline-flex; justify-content: center; max-width: inherit; }
.dQLVyD .sc-bdvvNz { opacity: 1; }
.dQLVyD:disabled { cursor: not-allowed; }
.izazlf { font-style: normal; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hlhmcy { background-color: transparent; color: rgb(24, 25, 26); font-size: 1rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
.hlhmcy svg { fill: rgb(24, 25, 26); height: 1.25rem; width: auto; }
.hlhmcy svg + span { margin-left: 0.5rem; }
.hlhmcy .sc-bdvvNz { height: 1.25rem; width: 1.25rem; }
.hlhmcy .sc-bdvvNz circle { stroke: rgb(109, 111, 115); }
.hlhmcy .sc-bdvvNz + span { margin-left: 0.5rem; }
.hlhmcy:hover:not(:active):not(:disabled) { background-color: transparent; color: rgb(109, 111, 115); }
.hlhmcy:hover:not(:active):not(:disabled) svg { fill: rgb(109, 111, 115); }
.hlhmcy:disabled { background-color: transparent; color: rgb(109, 111, 115); }
.hlhmcy:disabled svg { fill: rgb(109, 111, 115); }
.hlhmcy:hover:not(:active):not(:disabled) span { text-decoration-color: rgb(109, 111, 115); }
.hlhmcy span { padding-bottom: 0.125rem; text-decoration: underline; text-underline-offset: 0.125rem; }
.kEKWHo { align-items: center; background-color: rgb(245, 247, 250); border-radius: 50%; display: flex; flex-shrink: 0; font-size: 0.625rem; font-weight: 400; height: 1.5rem; justify-content: center; position: relative; width: 1.5rem; }
.kEKWHo img { border-radius: 1.5rem; height: 1.5rem; width: 1.5rem; }
.kEKWHo svg { height: 0.75rem; width: 0.75rem; }
.jNKpMT { background-color: rgb(255, 255, 255); border-color: rgb(225, 226, 229); border-radius: 8px; border-style: solid; border-width: 1px; transition: 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.jNKpMT:hover { border-color: rgb(109, 111, 115); }
.jNKpMT:focus-within { border-color: rgb(24, 25, 26); }
.fsRIfD { align-items: center; display: flex; gap: 0.5rem; padding: 0px 1rem; position: relative; }
.fsRIfD > svg { flex-shrink: 0; height: 1rem; width: 1rem; }
.kmWnFR { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(24, 25, 26); flex-grow: 1; font-family: "Roboto Mono", monospace; font-size: 1rem; line-height: 1.5rem; min-height: 2.9375rem; outline: none; padding: 0px; text-overflow: ellipsis; }
.kmWnFR::placeholder { color: rgb(109, 111, 115); }
.kmWnFR:focus::placeholder { color: transparent; }
.kmWnFR:-webkit-autofill { box-shadow: white 0px 0px 0px 1000px inset; }
.kmWnFR::-webkit-search-cancel-button { display: none; }
.fKjkot { background-color: transparent; color: rgb(24, 25, 26); display: inline-block; font-size: 1rem; font-weight: 500; left: 0.5rem; max-height: 1.5rem; max-width: 90%; overflow: hidden; padding: 0px 0.25rem; position: absolute; text-overflow: ellipsis; top: -0.85rem; transition: 150ms cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; z-index: 0; }
.fKjkot::before { background-color: rgb(255, 255, 255); content: ""; display: block; height: 3px; left: 0px; position: absolute; top: calc(-2px + 0.85rem); width: 100%; z-index: -1; }
.fKjkot.required::after { color: rgb(31, 97, 212); content: "*"; padding-left: 0.25rem; }
.xTUlp { position: relative; z-index: 0; }
.fcjeHZ { color: rgb(109, 111, 115); font-family: "Roboto Mono", monospace; left: 17px; pointer-events: none; position: absolute; top: 15px; user-select: none; }
.hdvnFx { border-width: 1px; border-style: solid; border-color: rgb(210, 24, 13); border-radius: 8px; background-color: transparent; transition: 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.hdvnFx:hover { cursor: pointer; }
.bPdZxw { display: flex; height: 1.25rem; flex-direction: row; align-items: center; gap: 0.5rem; }
.MMVhc { width: 0.625rem; height: 0.625rem; border: 1px solid rgb(225, 226, 229); border-radius: 50%; background-color: transparent; }
.iqrvza { position: absolute; z-index: 0; top: -0.9rem; left: 0.5rem; display: flex; padding: 0px 0.5rem; background-color: transparent; color: rgb(24, 25, 26); font-size: 1rem; font-weight: 500; transition: 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.iqrvza::before { position: absolute; z-index: -1; top: calc(-1.5px + 0.9rem); left: 0px; display: block; width: 100%; height: 2px; background-color: rgb(255, 255, 255); content: ""; }
.iqrvza.required::after { color: rgb(31, 97, 212); content: "*"; padding-left: 0.25rem; }
.dTkqNP { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0.8rem 1rem; gap: 0.5rem; }
.dOYdoq { display: flex; align-items: center; justify-content: center; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; background: transparent; }
.kKNwpx { height: 1rem; cursor: pointer; }
.jaWFmt { display: flex; align-items: center; justify-content: space-between; }
.jBjXmC { margin-top: 0.25rem; color: rgb(210, 24, 13); font-size: 1rem; font-style: italic; }
.cgINrX { background-color: rgb(255, 255, 255); border: 1px solid rgb(24, 25, 26); border-radius: 2px; display: flex; height: 1.125rem; width: 1.125rem; }
.cgINrX svg { stroke: rgb(255, 255, 255); stroke-width: 2px; }
.cgINrX:has(input:focus-visible) { outline: rgb(31, 97, 212) solid 2px; outline-offset: 0.125rem; }
.hXHSJU > * { cursor: pointer; }
.hXHSJU span { color: rgb(24, 25, 26); }
.cKSyVZ { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; }
.htBUmJ { flex: 1 1 0%; font-size: 1rem; font-style: normal; font-weight: 400; padding-left: 0.5rem; vertical-align: top; }
.cbPmGs { display: flex; }
.iDlCNB { align-items: center; background-color: rgb(255, 255, 255); border-radius: 2rem; box-shadow: rgb(225, 226, 229) 0px 0px 0px 1px inset; display: flex; max-width: fit-content; padding: 0.5rem 1rem 0.5rem 0.5rem; }
.imMRTX { width: fit-content; }
.bVrdOh { align-items: center; padding-left: 1rem; }
.eiTOfu { color: rgb(24, 25, 26); font-weight: 400; overflow: hidden; padding: 0px 0px 0px 1rem; text-overflow: ellipsis; white-space: nowrap; }