:root{--color-radio-btn:#3EB5F1;--color-radio-btn-circle:#fff;--color-check-hover:#DCF2FD;--color-file-btn:transparent;--color-file-btn-hover:#3EB5F1;--color-submit-btn:#00a5ff;--color-submit-btn-hover:#3ea0f0;--color-close-btn:#444241;--color-text-main:#242526;--color-text-second:#343a40b5;transform-origin:bottom}.form_quests{margin:auto;padding:0;background:#fff;background-size:cover;border:none;border-radius:10px;padding:30px;width:calc(95% - 60px);max-width:520px;background-size:contain;background-repeat:no-repeat;background-attachment:local;background-position:100% 100%}dialog.form_quests:-internal-dialog-in-top-layer::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(5px)}.form_quests[open]{animation:scaleIns .2s ease}@keyframes scaleIns{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.form_quests input:hover,.form_quests textarea:hover{border-color:#4ec4f0!important}.form_quests input:focus-visible,.form_quests textarea:focus-visible{outline:none;border-color:#269ddd!important;box-shadow:0 0 0 2px #d9e2f0}.form_quests .close-window::after{position:absolute;content:"";right:-5px;cursor:pointer;width:24px;height:24px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="none" d="M6 18L18 6M6 6l12 12" stroke="%23565656" stroke-width="2" /></svg>');background-size:auto;background-repeat:no-repeat;background-position:50%;display:inline-block;padding:5px}.form_quests .close-window:hover::after{background-color:#f5f5f5;border-radius:50%}.form_quests .close-window:hover{padding:10px}.form_quests input[type=submit]:disabled{cursor:not-allowed;opacity:.4}div.form_quests .close-window{display:none}.form_quests{}.form_quests p,.form_quests span{color:var(--color-text-main)}.form_quests textarea{width:100%;height:150px}.form_quests input[type=text],.form_quests input[type=tel],.form_quests input[type=email],.form_quests input[type=number],.form_quests input[type=date],.form_quests select,.form_quests input[type=search],.form_quests input[type=url],.form_quests input[type=week],.form_quests input[type=time],.form_quests input[type=password],.form_quests input[type=datetime-local],.form_quests input[type=month],.form_quests textarea{padding:7px 5px 7px 10px;box-sizing:border-box;border:1px solid #ccc;width:100%;font-size:17px;border-radius:10px}.form_quests .radio-box{display:block;margin:5px 0;position:relative;padding:5px 0;box-sizing:border-box}.form_quests .radio-box:hover{}.form_quests .radio-box:hover .radio-copy-btn,.form_quests .check-box:hover .check-copy-btn{border-color:var(--color-submit-btn);box-shadow:0 0 0 3px #d9e2f0}.form_quests .check-box{display:block;margin:5px 0;position:relative;padding-bottom:5px;box-sizing:border-box}.form_quests .check-box:hover{}.form_quests form{box-sizing:border-box;max-width:650px;position:relative}.form_quests h1{text-align:center;margin:0 0 28px;font-size:25px;font-weight:400;width:100%}.form_quests h2{text-align:center;margin:0 0 20px;font-size:20px;font-weight:400}.form_quests .survey-title{font-size:17px;margin:0 0 5px;position:relative;display:flex}.survey-title span{margin-right:3px}.form_quests .radio-box{position:relative;display:flex;align-items:center}.form_quests .box-form{display:flex;justify-content:center;gap:20px 30px}.form_quests input[type=radio],.form_quests input[type=checkbox]{opacity:0;position:absolute;left:0;width:100%;z-index:2;cursor:pointer}.form_quests input[type=checkbox]{top:3px;height:17px}.form_quests .radio-copy-btn{width:15px;height:15px;border-radius:50%;display:inline-block;border:1px solid #bdbcdb;margin-right:10px;position:relative}.form_quests .check-copy-btn{width:17px;height:17px;display:inline-block;border:1px solid #bdbcdb;margin-right:10px;border-radius:4px;position:relative;top:4px}.form_quests .radio-copy-btn:before{content:"";width:7px;height:7px;display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;border-radius:50%}.form_quests input[type=radio]:checked+.radio-copy-btn{background-color:var(--color-radio-btn)}.form_quests input[type=radio]:checked+.radio-copy-btn:before{background-color:var(--color-radio-btn-circle)}.form_quests .check-copy-btn:before{content:"";width:14px;height:14px;display:block;position:absolute;left:2px;top:-1px;right:0;bottom:0;margin:auto;background-size:contain}.form_quests input[type=radio]:checked+.radio-copy-btn{background-color:var(--color-radio-btn);border-color:var(--color-radio-btn)}.form_quests input[type=checkbox]:checked+.check-copy-btn{background-color:var(--color-radio-btn);border-color:var(--color-radio-btn)}.form_quests input[type=checkbox]:checked+.check-copy-btn:before{background-image:url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3334 1L5.00008 8.33333L1.66675 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-size:contain;background-repeat:no-repeat;background-position:50%}.form_quests .submit-form,.form_quests .close-btn-form{padding:10px 15px;box-sizing:border-box;background-color:var(--color-submit-btn);color:#fff;font-size:17px;border-radius:32px;cursor:pointer;display:block;border:none;font-weight:500;max-width:160px}.form_quests .submit-form:hover{background-color:var(--color-submit-btn-hover)}.form_quests .save-draft{padding:7px 15px;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;font-size:16px;background:#fff;margin:0 5px;cursor:pointer}.form_quests .red{color:red}.form_quests .field-input-box .survey-title{width:24%;font-size:16px}.form_quests .survey-single{margin-bottom:30px;position:relative}.survey-single .box{display:flex;align-items:center;position:relative}.survey-single .box .survey-title{margin-right:5px;margin-bottom:0;min-width:30%;word-break:break-word}.form_quests .survey-single img{display:block;margin-bottom:20px;max-width:100%}.form_quests .field-input-box{display:flex;align-items:flex-start;margin-bottom:0}.form_quests .template-field-text{margin-bottom:30px}.form_quests .file-desc{color:var(--color-text-second);font-size:16px}.form_quests .check-desc{font-size:16px;margin:14px 0 0;display:block}.form_quests .file-box .file-btn{display:inline-block;padding:7px 15px 7px 30px;box-sizing:border-box;background-color:var(--color-file-btn);color:#000;border-radius:3px;margin-right:10px;border:1px solid rgba(0,0,0,.2);cursor:pointer;position:relative}.form_quests .file-box .file-btn:hover{border-color:var(--color-file-btn-hover)}.form_quests .file-box .file-btn:before{content:'';display:inline-block;position:absolute;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M20 6.529v12.972a2.5 2.5 0 0 1-2.5 2.5h-11a2.5 2.5 0 0 1-2.5-2.5v-15a2.5 2.5 0 0 1 2.5-2.5h8.972a.49.49 0 0 1 .382.146l4 4a.49.49 0 0 1 .146.382zm-5-3.528H6.5a1.5 1.5 0 0 0-1.5 1.5v15a1.5 1.5 0 0 0 1.5 1.5h11a1.5 1.5 0 0 0 1.5-1.5v-12.5h-3.5a.5.5 0 0 1-.5-.5v-3.5zm1 .707v2.293h2.293L16 3.708zm-4 6.999V17.5a.5.5 0 1 1-1 0v-6.793l-2.146 2.146a.5.5 0 0 1-.707-.707l3-3a.5.5 0 0 1 .707 0l3 3a.5.5 0 1 1-.707.707L12 10.707z"/></svg>')50% no-repeat;width:24px;height:24px;left:4px;top:3px}.form_quests .file-selected-area{margin:10px 0 20px;box-sizing:border-box}.form_quests .file-selected-area .input-file-item{box-sizing:border-box;background-color:initial;color:#000;position:relative;border:1px solid rgba(0,0,0,.2);display:flex;padding:10px 12px;margin-bottom:10px;border-radius:5px;align-items:center}.form_quests .file-selected-area .input-file-item img{max-width:64px;max-height:64px;margin:0 10px 0 0}.form_quests .file-selected-area .input-file-item .input-file-name{flex-grow:1}.form_quests .file-selected-area .input-file-list-remove{color:#000;font-size:16px;position:absolute;right:10px;top:5px;text-decoration:none}.form_quests .input-file-name a{color:#333;text-decoration:none}.form_quests .select-template{max-width:100%;min-width:230px}.form_quests .select-template option{font-size:17px;padding:5px;box-sizing:border-box}.form_quests .datepicker{max-width:150px!important;background:url(../img/calendar.svg)no-repeat;background-size:15px 15px;background-position:125px}.form_quests .datepicker+svg{width:25px;height:25px}.form_quests::-webkit-scrollbar{width:4px}.form_quests::-webkit-scrollbar-thumb{background:#7f817f}.form_quests::-webkit-scrollbar-track{background:#c8c8c8}@media screen and (max-width:1024px){.form_quests{}}@media screen and (max-width:768px){.form_quests h1{}.form_quests{}}@media screen and (max-width:480px){.form_quests{padding:20px;width:90%}.form_quests h1{margin:0 0 20px}.form_quests .survey-title{}.form_quests .file-desc{font-size:14px;display:block;margin-top:14px}.form_quests .radio-name{font-size:16px}.survey-single .box{display:block;align-items:center}.survey-single .box .survey-title{margin-right:0;margin-bottom:5px}.form_quests .save-draft{padding:6px 15px}.form_quests .box-form{flex-wrap:wrap;align-items:flex-start}.form_quests .submit-form{margin-right:0}.form_quests h2{margin-bottom:20px}.form_quests .submit-form,.form_quests .close-btn-form{max-width:100%}.form_quests .survey-single{margin-bottom:15px}.form_quests .box-form.box-last:has(input:nth-child(3)) .save-draft{order:-1}}.form_quests input:valid{border-color:#6cc56c}.form_quests input:placeholder-shown,.form_quests input:placeholder-shown:invalid{border-color:#ccc}.form_quests input:invalid{border:1px solid red}.form_quests1 input[pattern]:invalid+span::after{position:absolute;content:"✖";color:red;margin:-10px 0 0 10px}.form_quests .close-btn-form{background-color:var(--color-close-btn)}.form_quests .show{display:block}.form_quests .hide{display:none}.form_quests .visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.form_quests .success_send{}.form_quests .success_send__content{}.form_quests .success_send__content h2{font-size:24px;margin-bottom:15px;text-align:center}.form_quests .success_send__content p{font-size:16px;margin-bottom:0}.form_quests .survey-single.drag-over{outline:2px dashed #007bff;background-color:rgba(0,123,255,.1)}.form_quests .speech_recognition{position:absolute;right:0;bottom:10px;cursor:pointer;padding:20px}.form_quests .pulsate{animation:pulsate-scale 1.2s infinite ease-in-out}@keyframes pulsate-scale{0%,100%{transform:scale(1);opacity:1;filter:drop-shadow(0 0 0 rgba(255,0,0,0))}50%{transform:scale(1.1);opacity:.7;filter:drop-shadow(0 0 6px rgba(255,0,0,.7))}}.notification{position:fixed;top:60px;right:10px;background-color:#f1f1f1;color:#fff;padding:20px;border-radius:10px;font-weight:500;font-size:18px;text-transform:uppercase;z-index:10000;opacity:0;transition:opacity 1s;border:1px solid;box-shadow:0 2px 7px 1px gray}.notification.hide{opacity:0}.notification.show{opacity:.95}.notification[data-class=error]{color:#d13628}.notification[data-class=success]{color:#3bb243}.onboarding-highlight{position:relative;z-index:1002;border:3px solid #3eb5f1;box-shadow:0 2px 8px rgba(0,0,0,.3);background:#fff;border-radius:6px;padding:10px}.onboarding-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000}.onboarding-tooltip{position:fixed;background:#fff;color:#000;padding:10px 16px;border-radius:6px;font-size:14px;max-width:calc(100% - 72px);box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:1003;width:300px}.onboarding-tooltip::after{content:"";position:absolute;bottom:102%;left:20px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff}.onboarding-btn{margin-top:12px;background:#00a5ff;color:#fff;border:none;padding:9px 18px;cursor:pointer;border-radius:5px;font-size:14px;font-weight:600;user-select:none;transition:background .3s}.onboarding-btn:hover:not(:disabled){background:#3ea0f0}.onboarding-btn:disabled{background:#ccc;cursor:default}.onboarding-btn-secondary{background:0 0;color:#787878;text-decoration:underline;padding-right:0}.onboarding-btn-secondary:hover:not(:disabled){background:0 0;text-decoration:none}.form_quests .survey-single[data-id=HTML]{table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; margin-bottom: 16px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; } th, td { padding: 8px 12px; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } th:last-child, td:last-child { border-right: none; } th { text-align: center; background-color: #f8f9fa; font-weight: 600; color: #333; border-bottom: 2px solid #ccc; } tbody tr:nth-child(even) { background-color: #fafafa; } tbody tr:hover { background-color: #f1f8ff; } tbody tr:last-child td { border-bottom: none; }}