:root{--input-border:1px solid var(--input-border-color);--panel-padding:24px;--drag-area-color:#f5fafe;--drag-area-border-color:#deedfe;--page-title-color:##344054;--padding-charactor-counter:5rem}.custom .sv-popup.sv-popup--overlay .sv-popup__body-content{position:fixed;bottom:0}.custom .sv-dropdown-popup.sv-popup--overlay .sv-popup__body-content{height:calc(var(--sv-popup-overlay-height, 100vh) - 5.5rem)}.custom .sd-element--with-frame.sd-element--compact{background-color:#fff;border:none;border-radius:8px;box-shadow:0 3px 10px 0 rgba(132,147,198,.12),0 1px 6px 0 rgba(181,201,235,.15)}.custom .sd-element--with-frame{padding:var(--panel-padding)!important}.custom .sd-page__row.sd-row--compact{margin-top:24px}.custom .sd-input{border:var(--input-border);background-color:transparent;box-shadow:none;padding:10px 16px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.custom .sd-input:focus:has(+.sd-remaining-character-counter){padding-right:var(--padding-charactor-counter)}.custom .sd-input:focus{box-shadow:none}.custom .sd-question__header--location-top{padding-bottom:4px}.custom .sd-element__title span{line-height:16px}.custom .sd-question--disabled .sd-question__content{opacity:.25}.custom h4.sd-title.sd-element__title{font-weight:600;color:#000}.custom h4.sd-title.sd-element__title span{line-height:32px;font-size:22px}.custom .sd-element--complex.sd-element--with-frame>.sd-element__header--location-top{padding-top:0;padding-bottom:0}.custom .sd-element--complex>.sd-element__header--location-top:after{display:none}.custom .sd-question__erbox--outside-question{background-color:transparent}.custom .sd-question__erbox--below-question{margin-top:4px}.custom .sd-question__erbox{padding-left:0;padding-top:0;padding-bottom:0;font-size:14px;line-height:16px;font-style:normal;font-weight:400}.custom .sd-input--error{background-color:transparent;border-color:var(--sjs-special-red,#d92d20)}.custom .sd-item--checked .sd-item__decorator,.custom .sd-item__control:checked:focus+.sd-item__decorator{background:var(--sjs-primary-backcolor,var(--primary,#19b394))}.custom .sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator{border:none}.custom .sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after{background-color:var(--sjs-primary-forecolor,var(--primary-foreground,#fff))}.custom .sd-item__decorator{background-color:transparent;border:var(--input-border)}.custom .sd-item{padding-top:0;padding-bottom:0}.custom .sd-checkbox{margin-bottom:16px}.custom .sd-item__control:focus+.sd-item__decorator{box-shadow:none}.custom .sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator{background:transparent}.custom .sd-checkbox__decorator{border-radius:6px;width:22px;height:22px}.custom .sd-checkbox--checked .sd-checkbox__control:focus+.sd-checkbox__decorator .sd-checkbox__svg use{fill:var(--sjs-primary-forecolor,var(--primary-foreground,#fff))}.custom .sd-radio{margin-bottom:16px}.custom #sv-nav-complete{margin-left:auto}.custom .sd-body__navigation .sd-btn{font-size:18px;line-height:28px;border-radius:8px;padding:10px 40px}.custom .sd-btn:focus{box-shadow:none}.custom .sd-file{margin-top:12px;min-height:216px}.custom .sd-file__decorator{background-color:var(--drag-area-color);border:1px dashed var(--drag-area-border-color);border-radius:8px;flex-direction:column-reverse}.custom .sd-file__clean-btn,.custom .sd-question--answered .sd-file__choose-btn{padding:0;width:40px;height:40px;background-position:50%;background-size:contain;background-image:url(/icons/icon-trash.svg);background-color:transparent;top:16px;right:16px}.custom .sd-question--answered .sd-file__choose-btn{background-image:url(/icons/icon-upload.svg);right:calc(16px + 40px + 16px)}.custom .sd-file__remove-file-button{padding:0;width:24px;height:24px;background-position:50%;background-size:contain;background-image:url(/icons/icon-remove-item.svg);background-color:transparent}.custom .sd-file__clean-btn svg.sv-svg-icon,.custom .sd-file__remove-file-button svg.sv-svg-icon,.custom .sd-question--answered .sd-file__choose-btn svg.sv-svg-icon{display:none}.custom .sd-file__preview .sd-file__remove-file-button:hover,.custom .sd-file__preview img+.sd-file__remove-file-button,.custom .sd-file__preview img:hover+.sd-file__remove-file-button,.custom .sd-file__preview svg+.sd-file__remove-file-button,.custom .sd-file__preview svg:hover+.sd-file__remove-file-button{top:0;left:100%;display:block;position:absolute;transform:translate(-50%,-50%)}.custom .sd-file__preview img{border-radius:4px;border-bottom:8px solid #22ab68}.custom .sv-svg-icon.sd-file__default-image>use{display:none}.custom .sv-svg-icon.sd-file__default-image{display:block;width:48px;height:48px;padding:24px;background-image:url(/icons/file-upload.svg);background-position:50%;background-size:contain;content:"";background-repeat:no-repeat}.custom .sd-file__image-wrapper img:not(.sd-file__default-image){width:120px;height:120px}.custom .sd-file__image-wrapper{min-width:120px;min-height:120px}.custom .sd-file__preview{margin:0 12px}.custom .sd-file__sign{display:none}.custom .sd-file__list{justify-content:center;padding-bottom:16px;padding-top:calc(16px + 40px + 24px)}.custom .sd-dropdown__value,.custom .sd-dropdown__value .sd-dropdown__filter-string-input{padding:0 16px 0 0}.custom .sd-input.sd-dropdown:focus-within{box-shadow:none}.custom .sv-popup__body-content{max-height:300px!important}.custom textarea.sd-input{resize:vertical!important;overflow-y:auto;text-wrap:wrap}.custom .survey-elevated-panel .sd-page{background-color:#fff;border:none;border-radius:8px;box-shadow:0 3px 10px 0 rgba(132,147,198,.12),0 1px 6px 0 rgba(181,201,235,.15);max-width:none;padding:calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));box-sizing:border-box}.custom .sd-container-modern .sd-page.sd-body__page.sd-page__empty-header{padding-top:0}.custom .sd-page .sd-page__title{color:var(--page-title-color);width:100%}.custom .survey-elevated-panel .sv-title-actions{justify-content:space-between;align-items:center}.custom .survey-elevated-panel .sd-page .sd-page__title{padding:24px 24px 0}.custom .survey-elevated-panel .sd-title .sd-page__title{color:var(--page-title-color);font-size:22px;line-height:32px}.custom .survey-elevated-panel .sv-title-actions__title{font-size:22px;line-height:32px}.custom .survey-elevated-panel .sd-body.sd-body--responsive .sd-page{padding-top:0}.custom .survey-elevated-panel .sd-element--with-frame.sd-element--compact{background-color:transparent;border:none;box-shadow:none}.custom .survey-elevated-panel .sd-page__row.sd-row--compact{margin-top:0}.custom .survey-elevated-panel h4.sd-title.sd-element__title span{font-size:18px;line-height:28px}.custom .survey-elevated-panel .panel-divider{height:1px;background-color:var(--divider-color);margin-left:var(--panel-padding);margin-right:var(--panel-padding)}.custom .sv-title-actions .sv-action-title-bar{justify-content:space-between}.custom .sv-action--hidden{display:none!important}[data-name=facebook] .sd-input,[data-name=instagram] .sd-input,[data-name=tiktok] .sd-input,[data-name=website] .sd-input{padding-left:calc(16px + 24px + 8px)}[data-name=facebook] .sd-text__content:after,[data-name=instagram] .sd-text__content:after,[data-name=tiktok] .sd-text__content:after,[data-name=website] .sd-text__content:after{content:"";display:block;position:absolute;width:24px;height:24px;left:16px;top:10px;background-position:50%;background-size:contain;background-image:url(/icons/icon-instagram.svg)}[data-name=tiktok] .sd-text__content:after{background-image:url(/icons/icon-tiktok.svg)}[data-name=facebook] .sd-text__content:after{background-image:url(/icons/icon-facebook.svg)}[data-name=website] .sd-text__content:after{background-image:url(/icons/icon-website.svg)}.custom .sd-file__decorator:after{display:block;width:93px;height:64px;padding:32px;background-image:url(/icons/icon-upload.svg);background-position:50%;background-size:contain;content:"";background-repeat:no-repeat}.custom .sd-question--answered .sd-file__decorator:after{display:none}:root{--table-border-color:#d7d7d7;--table-header-bg-color:#deedfe;--table-header-color:#0a6ee1;--table-button-text-color:#074e9f;--divider-color:#deedfe;--product-form-title-color:#074e9f;--input-required-border-color:#f79009;--input-border-color:#e4e7ec;--description-color:#f79009}.custom .product-survey-form .sd-title.sd-page__title{color:var(--product-form-title-color);margin-bottom:0}.custom .product-survey-form .sv-action .sv-action__content .sd-action.btn-delete:focus,.custom .product-survey-form .sv-action .sv-action__content .sd-action.btn-delete:hover{background-color:transparent}.custom .product-survey-form .sd-row.sd-clearfix.sd-row--compact.sd-page__row{margin:0}.custom #custom-sv-nav-cancel{margin-left:auto}.custom .sd-body__navigation:has(#custom-sv-nav-cancel) #sv-nav-complete{margin-left:inherit}[data-key=category0] .sd-element,[data-key=subcategory-1] .sd-element,[data-key=subcategory2-2] .sd-element{padding:4px 0}[data-name=temperatureUnit] .sd-title,[data-name=unit] .sd-title{opacity:0}[data-key^=packagingPanel] .sd-panel__content{padding-top:0}[data-name=packaging]{overflow:visible;margin-top:-26px}[data-name=packaging] table.sd-matrixdynamic{overflow:hidden}[data-name=packaging] thead th{text-align:left;padding:10px 16px;color:var(--table-header-color);background-color:var(--table-header-bg-color);border-bottom:1px solid var(--table-border-color)}[data-name=packaging] tbody td.sd-table__cell:nth-child(2),[data-name=packaging] thead th:nth-child(2){border-right:1px solid var(--table-border-color)}[data-name=packaging] thead td.sd-table__cell--empty{width:112px;padding:10px 16px;color:var(--table-header-color);background-color:var(--table-header-bg-color);border-bottom:1px solid var(--table-border-color);border-left:1px solid var(--table-border-color)}[data-name=packaging] thead th span{line-height:24px;font-size:16px}[data-name=packaging] tbody .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar{justify-content:center}[data-name=packaging] tbody td.sd-table__cell{padding:14px 16px;border-bottom:1px solid var(--table-border-color)}[data-name=packaging] tbody td.sd-table__cell--actions{border-left:1px solid var(--table-border-color)}[data-name=packaging] tbody tr:has(+tr td.sd-table__cell--error-bottom) td.sd-table__cell{border-bottom:inherit}[data-name=packaging] tbody tr td.sd-table__cell--error-bottom{padding-top:inherit}[data-name=packaging] tbody tr:has(td.sd-table__cell--actions)+tr:has(td.sd-table__cell--error-bottom) td:last-child{border-left:1px solid var(--table-border-color)}[data-name=packaging] .sd-matrixdynamic__footer{padding-top:0;padding-bottom:0;height:46px}[data-name=packaging] .sd-table-wrapper{margin-top:16px}[data-name=packaging] .sd-matrixdynamic__content,[data-name=packaging] .sd-question__header{padding-top:0;padding-bottom:0}[data-name=packaging] button.sd-matrixdynamic__add-btn{padding:10px 16px 10px calc(16px + 20px + 8px);color:var(--table-button-text-color);border:1px solid var(--table-button-text-color);background-color:transparent!important;opacity:1!important;border-radius:8px;margin-left:0;left:auto;position:absolute;right:8px}[data-name=packaging] button.sd-matrixdynamic__add-btn:after{content:"";display:block;position:absolute;top:11px;left:16px;width:20px;height:20px;background-position:50%;background-size:contain;background-image:url(/icons/icon-add.svg)}[data-name=packaging] button.sd-matrixdynamic__remove-btn{width:20px;height:20px;opacity:1!important;background-color:transparent!important;background-position:50%;background-size:contain;background-image:url(/icons/icon-trash-gray.svg)}[data-name=packaging] button.sd-matrixdynamic__remove-btn svg{display:none}[data-name=life] .sd-text__content input{padding-right:50px}[data-name=life] .sd-text__content:after{content:"วัน";position:absolute;top:50%;right:16px;transform:translateY(-50%)}[data-name=price] .sd-text__content input{padding-right:50px}[data-name=price] .sd-text__content:after{content:"บาท";position:absolute;top:50%;right:16px;transform:translateY(-50%)}[data-key^=optionalStandardPanel] .sd-element--nested.sd-panel>.sd-element__header--location-top,[data-key^=requiredStandardPanel] .sd-element--nested.sd-panel>.sd-element__header--location-top{padding-top:0;padding-bottom:4px}[data-key^=optionalStandardPanel] .sd-element--nested.sd-panel,[data-key^=requiredStandardPanel] .sd-element--nested.sd-panel{border:none;padding-left:24px;padding-right:24px}[data-key^=optionalStandardPanel] .sd-panel__content,[data-key^=requiredStandardPanel] .sd-panel__content{padding-top:0}[data-key^=optionalStandardPanel] .sd-row--multiple,[data-key^=requiredStandardPanel] .sd-row--multiple{row-gap:0}[data-key^=standardPanel] .sd-row{margin-top:0}[data-key^=standardPanel] .sd-element--with-frame{padding-bottom:0!important}[data-key^=generalPanel] .btn-product-form:hover{background-color:transparent;color:none}[data-key^=requiredStandardPanel] .sd-description.sd-panel__description{font-size:14px;color:var(--description-color)}[data-key^=requiredStandards]{padding-left:calc(16px + 24px)!important;padding-right:calc(16px + 24px)!important}[data-key^=requiredStandards] .sd-element__title{font-weight:600;color:#667085}[data-key^=requiredStandards] .sd-element__title span{line-height:24px}[data-key^=requiredStandards] .sd-item__decorator{border-color:var(--input-required-border-color)}[data-key^=requiredStandards] .sd-item--checked .sd-item__decorator{border-color:var(--input-border-color)!important}[data-key^=optionalStandards] .sd-question__content{padding-left:calc(16px + 24px)!important;padding-right:calc(16px + 24px)!important}[data-key^=factoryStandardPanel] .sd-element--with-frame{padding-top:0!important}[data-key^=factoryStandardPanel] .sd-panel__content{padding-left:calc(24px + 24px);padding-right:calc(24px + 24px)}