.button-component{border:none;border-radius:6px;cursor:pointer;font-family:Sarabun,sans-serif;font-size:16px;line-height:20px;min-width:120px;outline:none;padding:0 16px;transition:all .1s ease-in-out}.button-component:active,.button-component:focus,.button-component:visited{outline:none}.button-component.outline.primary{border:1px solid #009640;background-color:transparent;color:#009640}.button-component.outline.primary:hover{background-color:#edf8f1;border:1px solid #4cb579;color:#4cb579}.button-component.outline.primary:disabled{background-color:#fafafa;border:1px solid #ccc;color:#ccc;cursor:not-allowed}.button-component.filled.primary{background-color:#009640;color:#fff}.button-component.filled.primary:hover{background-color:#4cb579}.button-component.filled.primary:disabled{background-color:#e5f4eb;color:#99d5b2;cursor:not-allowed}.button-component.non-filled.primary{background-color:#fff;color:#009640}.button-component.non-filled.primary:hover{color:#4cb579;text-decoration:underline}.button-component.non-filled.primary:disabled{color:#ccc;cursor:not-allowed;text-decoration:none}.button-component.small{height:32px}.button-component.medium{height:40px}.button-component.large{height:48px}.collapse-container{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;margin-bottom:16px;transition:border .15s ease-in-out;overflow:hidden}.collapse-container.active{border:1px solid #009640}.collapse-container.active .header-section{color:#009640}.collapse-container.active .content-section{height:auto;max-height:500px;padding:0 20px 20px}.collapse-container .header-section{color:#323232;font-family:Sarabun,sans-serif;padding:15px 40px 15px 20px;position:relative;transition:color .15s ease-in-out}.collapse-container .header-section .expand-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.collapse-container .content-section{color:#323232;height:0;max-height:0;padding:0 20px;transition:max-height .15s ease-in-out,padding .15s ease-in-out}.modal-container{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container .modal-content-container{background-color:#fff;border-radius:8px;left:50%;padding:32px;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;max-width:540px;z-index:1000;box-shadow:4px 4px 10px rgba(0,0,0,.25)}.modal-container .modal-content-container .modal-header-container{font-family:Prompt,sans-serif;font-size:16px;line-height:18px;font-weight:600;position:relative;text-align:left}.modal-container .modal-content-container .modal-header-container .close-icon{color:#666;cursor:pointer;position:absolute;font-size:20px;font-weight:100;right:0;top:-20px}.modal-container .modal-content-container .modal-body-container{font-family:Prompt,sans-serif;font-size:20px;line-height:24px;max-height:70vh;padding-bottom:12px;overflow:auto}.modal-container .modal-overlay{background-color:rgba(0,0,0,.4);bottom:0;left:0;position:absolute;right:0;top:0;z-index:900}@media (max-width:767px){.modal-container .modal-content-container{padding:32px 16px;width:90%}.modal-container .modal-content-container .modal-header-container{font-size:12px}.modal-container .modal-content-container .modal-header-container .close-icon{right:-8px;top:-24px}}.fail-modal-container .modal-content-container{text-align:center}.fail-modal-container .modal-content-container .fail-modal{display:flex;flex-direction:column;align-items:center;justify-content:center}.fail-modal-container .modal-content-container .fail-modal .fail-icon{width:64px;margin-bottom:15px}.fail-modal-container .modal-content-container .fail-modal .fail-icon img{width:100%}.fail-modal-container .modal-content-container .fail-modal .title{color:#000;font-weight:600;font-size:18px;margin-bottom:5px}.fail-modal-container .modal-content-container .fail-modal .detail{font-weight:400;font-size:16px;font-family:Sarabun,sans-serif;margin-bottom:20px;white-space:pre-wrap}.fail-modal-container .modal-content-container .fail-modal .accept-button{height:40px;font-family:Prompt,sans-serif}@media (min-width:992px){.fail-modal-container .modal-content-container{width:25%}}.Popup{color:#353535}.Popup .ant-modal-content{border:4px solid #00973d;padding:10px}.Popup .ant-modal-content .ant-modal-header{border:0;text-align:center;font-family:Sarabun,sans-serif;border-radius:5px 5px 0 0}.Popup .ant-modal-content .ant-modal-header .ant-modal-title{font-size:24px}@media (min-width:768px){.Popup .ant-modal-content .ant-modal-header .ant-modal-title{font-size:36px}}.Popup .ant-modal-content .ant-modal-body{padding-top:0}.Popup .ant-modal-content .ant-modal-footer{display:none}.Loading{display:flex;justify-content:center;align-items:center;width:100%;height:340px}.page-loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1010;background-color:rgba(0,0,0,.38823529411764707);display:none}.page-loading.active{display:block}.page-loading .loading-icon{position:absolute;top:50%;left:50%;border-radius:10px;background-color:hsla(0,0%,100%,.8117647058823529);transform:translate(-50%,-50%);padding:40px}.card{box-shadow:0 4px 32px rgba(0,0,0,.08);border-radius:16px;margin:10px 15px;padding:30px 10px;max-width:500px}@media (min-width:500px){.card{margin:10px auto}}.section{max-width:492px;margin:auto;padding:0 20px}.section.full-width{max-width:100%;padding:unset}.section.grey-bg{background:#f1f3f8}.section .grey-bg-section{background:#f1f3f8;padding-bottom:15px}.section .grey-bg-section .card-bg-container{background:#fff}@media (min-width:992px){.section{max-width:1024px}.section .grey-bg-section .card-bg-container .card-container-width{max-width:1024px;margin:0 auto}}.StyledSegmentedWrapper{--highlight-width:auto;--highlight-x-pos:0;display:flex;justify-content:center;margin:auto}.StyledSegmentedContainer{padding:2px;display:inline-flex;position:relative;font-size:20px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:-.08px}.StyledSegmentedContainer[data-fullWidth=true]{width:100%}.StyledSegmentedContainer:before{content:"";background:var(--white);box-shadow:0 2px 8px 0 rgba(0,0,0,.08);width:var(--highlight-width);transform:translateX(var(--highlight-x-pos));position:absolute;top:2px;bottom:2px;left:0;z-index:0}.StyledSegmentedContainer[data-ready=true]:before{transition:transform .2s ease,width .2s ease}.StyledSegmentedItem{position:relative;text-align:center}.StyledSegmentedItem[data-fullWidth=true]{flex:1}.StyledSegmentedInput{opacity:0;margin:0;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;cursor:pointer;height:100%}