body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h3{font-weight:600;font-size:24px;line-height:40px}.root{width:100%}.content-container{background-color:#f7f7f8;min-height:100vh;margin-top:65px;padding:24px 64px 64px}.sfp-question-separator{background-color:#f7f7f8;box-shadow:inset 0 1px #d3d6da66;height:8px}.sfp-question-text{flex:1 1 auto;word-break:break-word}.sfp-description{margin-top:4px;color:#9298a3!important;word-break:break-word;white-space:pre-wrap}.sfp-rich-text{white-space:normal;word-break:break-word}.sfp-rich-text p{margin:0 0 8px}.sfp-rich-text p:last-child{margin-bottom:0}.sfp-rich-text ul,.sfp-rich-text ol{margin:0 0 8px;padding-left:24px}.sfp-rich-text a{color:inherit;text-decoration:underline}.sfp-media-wrapper{text-align:center;margin-bottom:24px}.survey-form-participant-client{position:absolute;width:100%;height:100%;overflow-y:auto}.form-background{position:fixed;left:0;right:0;top:48px;width:100%;height:calc(100vh - 48px);min-height:var(--inner-height, 100vh);background-color:var(--bg-color, #fff);z-index:-1;pointer-events:none;margin:0 auto;max-width:600px}.bg-white{background-color:#fff}.form-page-wrapper{width:100%;position:relative}.header-section{background-color:#fff;position:fixed;width:100%;top:0;max-width:600px;z-index:100}.header-section-content{padding:8px 16px}.header--left{display:flex;align-items:center}.logo{margin-right:12px}.logo>img{width:32px;height:32px;border-radius:50%}.oa-profile-name{color:#263147;font-weight:700}.form-page-body{position:relative;display:flex;flex-direction:column;min-height:100%}.form-page-wrapper .form-page-body>:first-child{flex:1}.question-progress-bar{position:fixed;top:50px;width:100%;max-width:600px;color:#7d8391;text-overflow:ellipsis;overflow:hidden;z-index:100;background-color:#fff;box-shadow:0 1px #e9eaec}.question-progress-main{padding:8px 16px}.question-progress-bar-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:22px;transition:.15s}.question-progress-bar--body{display:flex;align-items:center}.question-progress-bar .question-progress-wrapper{flex:1;margin-right:8px}.question-progress-bar .question-progress-desc{color:#7d8391;text-align:left;font-weight:500;font-size:12px;line-height:18px}.question-wrapper{margin-right:.75rem;margin-left:.75rem;margin-bottom:.5rem;background-color:#fff;padding:.75rem;border-radius:.5rem}.main-wrapper{display:flex;min-height:100%;margin:0 auto;padding:0!important}.group-term{display:flex}.question-page-thankyou{text-align:center;font-size:14px;line-height:22px;padding:0 12px}.question-page-navigation{font-size:14px;line-height:22px;padding:0 12px}.term-text-request{margin-top:10px}.term-text{padding:8px 0}.term-rich-text{padding:8px 0;word-break:break-word}.term-rich-text p{margin:0 0 8px}.term-rich-text p:last-child{margin-bottom:0}.term-rich-text ul,.term-rich-text ol{margin:0 0 8px;padding-left:24px}.term-rich-text a{color:inherit;text-decoration:underline}.caption{font-size:12px;line-height:18px;font-weight:400;text-align:center;padding:12px 0}.question-term-error{color:#e5172f}.question-page-footer{color:#263147;font-size:14px;line-height:22px;padding:0 .75rem;display:flex;margin-top:15px}.question-separator{background-color:#f7f7f8;box-shadow:inset 0 1px #d3d6da66;height:8px}.mr-2{margin-right:5px!important}.ml-2{margin-left:5px!important}.show-content{display:block}.hidden-content{display:none!important}.sfp-radio-container{cursor:pointer;display:inline-block;padding-top:10px;vertical-align:top;word-break:break-word;width:100%}.sfp-radio-box{display:flex;align-items:center}.sfp-raido-image-wrapper{border:1px solid #e9eaec;background-repeat:no-repeat;background-position:50%;background-size:contain;border-radius:8px;width:100%;height:275.5px}.question-thankyou{position:absolute;top:0;z-index:9999;min-height:100vh;display:flex;background:#fff;flex-direction:column;justify-content:center;width:100%}.question-term{width:100%;position:absolute;top:0;z-index:9999;min-height:100vh;display:flex;background:#fff;flex-direction:column;justify-content:space-between}.question-pdpa-term{width:100%;position:absolute;top:0;z-index:9999;min-height:100vh;display:flex;background:#fff;flex-direction:column}.question-term-content{position:absolute;top:0;z-index:9999;min-height:100vh;display:flex;background:#fff;flex-direction:column;width:100%}.question-box .question-wrapper:not(:last-child){margin-bottom:1rem}.header-back{background-color:#fff;color:#263147;padding:10px}.btn-back{padding:16px}.tac-title{padding-bottom:16px}.question-page-detail-wrapper{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding-top:64px}.question-page-wrapper{display:flex;min-height:100vh;flex-direction:column}.birthdate-question{width:100%;height:40px;padding:5px 14px;border-radius:4px;border:1px solid #c0c4d6;box-sizing:border-box;font-size:inherit;cursor:pointer}.birthdate-question:hover{border:1px solid #000000}.birthdate-question:hover:focus{border:1px solid #000000}.birthdate-question:focus-visible{outline:#000000 auto 1px}.rmdp-day.rmdp-today span{background-color:#676666!important;color:#fff!important}.rmdp-day span:hover{background-color:#c7c7c7!important}.rmdp-day.rmdp-selected span:not(.highlight){background-color:#000!important;box-shadow:0 0 3px #676666!important;color:#fff!important}.rmdp-week-day{color:#000!important}.rmdp-header-values{color:#000;font-weight:800}.rmdp-arrow{border:solid #000000!important;border-width:0 2px 2px 0!important}.rmdp-right i{margin-right:3px!important;transform:rotate(-45deg)!important;-webkit-transform:rotate(-45deg)!important}.rmdp-left i{margin-left:3px!important;transform:rotate(135deg)!important;-webkit-transform:rotate(135deg)!important}.rmdp-arrow-container:hover{background-color:#000!important;box-shadow:0 0 3px #8798ad}.rmdp-arrow-container:hover .rmdp-arrow{border-color:#fff!important}.error-page-container{height:100vh;text-align:center;align-items:center;padding:16px}.error-text{color:#d32f2f;font-size:14px;padding-top:4px}.swal2-container{z-index:20000!important}.image-dropzone-wrapper{margin-bottom:8px;border-radius:4px;border:1px solid #d3d6da;background-color:#f7f7f8;border-style:dashed;padding:0 24px}.image-dropzone-wrapper.error{border-color:#d32f2f}.image-dropzone-wrapper>.data-input{width:100%}.image-dropzone-wrapper>.data-input>input{display:none}.image-dropzone-wrapper>.data-preview{width:100%;padding:32px 0 32px 24px}.preview-thumbnail{padding:12px;border-radius:4px;min-width:48px;max-height:48px;background-size:cover;background-position:50%;text-align:center}.preview-detail{font-weight:500;padding-left:10px}.preview-action{display:flex;flex-direction:row;justify-content:flex-end}.preview-action>.action-icon{cursor:pointer}.preview-action>.action-icon:not(:last-child){margin-right:16px}.image-dropzone-guideline-container{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9298a3;padding:32px 24px}.image-dropzone-guideline-container div.text-icon{display:flex;flex-direction:row}.image-dropzone-guideline-container div.text-icon>svg{margin-right:5px}.design-note{color:#7d8391;font-weight:500;font-size:12px;line-height:18px;margin-top:8px}.file-dropzone-guideline-container{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9298a3;padding:32px 24px;border:1px dashed #d0d5dd;border-radius:8px}.file-dropzone-guideline-container div.text-icon{display:flex;flex-direction:row}.file-dropzone-guideline-container div.text-icon>svg{margin-right:5px}.dropzone-highlight-text{color:#3c41ff;cursor:pointer}.dropzone-highlight-text:hover{text-decoration:underline}@media only screen and (max-width: 600px){.sfp-raido-image-wrapper{height:162px}}.theme-modern .question-wrapper{border-radius:14px;box-shadow:0 8px 24px #172b4d14;padding:1rem;margin-bottom:.75rem}.theme-modern .question-progress-bar{box-shadow:0 2px 8px #172b4d0f}.theme-modern .MuiButton-root{letter-spacing:.2px}.theme-modern .MuiButton-contained{box-shadow:0 6px 16px #172b4d2e}.theme-minimal .question-wrapper{border-radius:6px;box-shadow:none;border:1px solid #e6e8ee;padding:1rem;margin-bottom:.75rem}.theme-minimal .question-progress-bar{box-shadow:none;border-bottom:1px solid #e6e8ee}.theme-minimal .MuiButton-contained,.theme-minimal .MuiButton-contained:hover,.theme-minimal .MuiButton-contained:active{box-shadow:none}.theme-minimal .MuiOutlinedInput-root{border-radius:6px}.theme-cute .question-wrapper{border-radius:22px;box-shadow:0 6px 20px #3e91be24;padding:1.125rem;margin-bottom:.875rem}.theme-cute .question-progress-bar{box-shadow:0 2px 10px #3e91be1a}.theme-cute .MuiButton-root{border-radius:999px}.theme-cute .MuiButton-contained{box-shadow:0 6px 16px #0000001f}.theme-cute .MuiOutlinedInput-root{border-radius:16px}.theme-cute .header-section img{border-radius:0 0 18px 18px}.theme-modern .question-progress-bar .MuiLinearProgress-root{height:6px;border-radius:999px}.theme-modern .question-progress-bar .MuiLinearProgress-bar{border-radius:999px}.theme-minimal .question-progress-bar .MuiLinearProgress-root{height:3px;border-radius:0}.theme-minimal .question-progress-bar .MuiLinearProgress-bar{border-radius:0}.theme-cute .question-progress-bar .MuiLinearProgress-root{height:10px;border-radius:999px}.theme-cute .question-progress-bar .MuiLinearProgress-bar{border-radius:999px;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.3) 0 8px,transparent 8px 16px)}.theme-modern .question-wrapper input[type=radio],.theme-modern .question-wrapper input[type=checkbox],.theme-minimal .question-wrapper input[type=radio],.theme-minimal .question-wrapper input[type=checkbox],.theme-cute .question-wrapper input[type=radio],.theme-cute .question-wrapper input[type=checkbox]{accent-color:var(--sfp-accent, #1976d2)}.theme-cute .question-wrapper .sfp-radio-container{padding-top:0;margin-bottom:12px}.theme-cute .question-wrapper .MuiGrid-container:has(>*>.sfp-radio-container){--Grid-columnSpacing: 0px;--Grid-rowSpacing: 0px;margin-top:12px}.theme-cute .question-wrapper .sfp-radio-box{border:1.5px solid #e6e8ee;border-radius:16px;padding:10px 14px;background-color:#fff;transition:border-color .12s,background-color .12s,box-shadow .12s}.theme-cute .question-wrapper .sfp-radio-box:hover{border-color:var(--sfp-accent, #1976d2)}.theme-cute .question-wrapper .sfp-radio-box:has(input:checked){border-color:var(--sfp-accent, #1976d2);background-color:color-mix(in srgb,var(--sfp-accent, #1976d2) 8%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--sfp-accent, #1976d2) 18%,transparent)}.theme-modern .birthdate-question{border-radius:14px}.theme-minimal .birthdate-question{border-radius:6px}.theme-cute .birthdate-question{border-radius:16px}.theme-modern .birthdate-question:hover,.theme-modern .birthdate-question:hover:focus,.theme-minimal .birthdate-question:hover,.theme-minimal .birthdate-question:hover:focus,.theme-cute .birthdate-question:hover,.theme-cute .birthdate-question:hover:focus{border:1px solid var(--sfp-accent, #000000)}.theme-modern .birthdate-question:focus-visible,.theme-minimal .birthdate-question:focus-visible,.theme-cute .birthdate-question:focus-visible{outline:var(--sfp-accent, #000000) auto 1px}.header-section-content{display:flex;align-items:center;justify-content:space-between}.sfp-preview-badge{background-color:#f78411;color:#fff;font-size:13px;font-weight:700;line-height:1;padding:8px 14px;border-radius:999px;letter-spacing:.3px;white-space:nowrap}.question-term.term-first,.question-pdpa-term.term-first{z-index:90}