.dynamic-form{display:flex;flex-direction:column;max-width:90%;margin:auto}.dynamic-form .form-field{position:relative;opacity:1;transition:opacity var(--time-ease) ease;margin-bottom:1rem}.dynamic-form .form-field:last-child{margin-bottom:0}.dynamic-form .form-field select,.dynamic-form .form-field input[type="text"],.dynamic-form .form-field input[type="password"],.dynamic-form .form-field input[type="number"],.dynamic-form .form-field input[type="time"],.dynamic-form .form-field input[type="datetime-local"],.dynamic-form .form-field input[type="date"],.dynamic-form .form-field textarea{width:100%;padding:calc(1rem + 5px) 0.5rem 0.5rem 0.5rem;margin-bottom:1px;font-size:1rem;border:none;border-bottom:1px solid var(--color-lavagna);background:none;outline:none;transition:color var(--time-ease) ease;font-family:var(--font-family-core)}.dynamic-form .form-field option{font-family:var(--font-family-core)}.dynamic-form .form-field .floating-label{background:var(--color-white);width:calc(100% - 15px);text-align:left;position:absolute;left:0.5rem;top:1rem;color:var(--color-lavagna);pointer-events:none;transition:top var(--time-ease) ease,font-size var(--time-ease) ease,color var(--time-ease) ease,height var(--time-ease) ease;font-size:1rem;box-shadow:0 -10px 0 5px var(--color-white);height:1.5rem}.dynamic-form .form-field .checkbox-group{max-height:150px;overflow-y:auto;border:0;border-bottom:1px solid var(--color-lavagna);padding:0.5rem}.dynamic-form .form-field .checkbox-group .checkbox-item{display:flex}.checkbox-group .checkbox-item input[type="checkbox"] + label{display:block;margin:0 10px;cursor:default;background:transparent;border-radius:0;padding:0;color:var(--color-lavagna);transition:color var(--time-ease) ease;max-width:unset;min-width:unset;position:unset;font-size:1rem;font-weight:normal}.checkbox-group .checkbox-item input[type="checkbox"] + label::after,.checkbox-group .checkbox-item input[type="checkbox"]:checked + label::after{content:none}.checkbox-group .checkbox-item input[type="checkbox"]:checked + label{background:transparent;color:var(--color-azzure);font-weight:bold}.checkbox-group legend{font-size:0.85rem!important;font-weight:bold}.dynamic-form .form-field .form-radio-group + .floating-label{height:auto;background:transparent}.dynamic-form .form-field select + .floating-label{top:0!important;font-size:0.85rem!important}.dynamic-form .form-field textarea{resize:none;min-height:100px;max-height:100px}.dynamic-form .form-field textarea + .floating-label{top:0!important;font-size:0.85rem!important;font-weight:bold}.dynamic-form .form-field select option{border-radius:var(--border-radius);padding:0 10px;cursor:pointer;background:var(--color-white);transition:background-color var(--time-ease) ease}.dynamic-form .form-field select option:hover{background:color-mix(in srgb,var(--color-azzure) 10%,transparent)!important}.dynamic-form .form-field select option:checked{background:color-mix(in srgb,var(--color-azzure) 30%,transparent)!important}.dynamic-form .form-field label{position:relative}.dynamic-form .form-field label.required::before{content:" *";color:var(--color-azzure);position:absolute;top:50%;transform:translateY(-50%);right:-0.5rem;pointer-events:none;font-weight:normal}.dynamic-form .form-field select + .floating-label,.dynamic-form .form-field input:focus + .floating-label,.dynamic-form .form-field textarea:focus + .floating-label,.dynamic-form .form-field input:not(:placeholder-shown) + .floating-label{top:0;font-size:0.85rem;font-weight:bold;height:1rem!important}.dynamic-form .form-field input:focus + .floating-label,.dynamic-form .form-field textarea:focus + .floating-label,.dynamic-form .form-field select:focus + .floating-label{color:var(--color-azzure)}.dynamic-form .form-field input[type="text"]:focus,.dynamic-form .form-field input[type="password"]:focus,.dynamic-form .form-field input[type="number"]:focus,.dynamic-form .form-field input[type="time"]:focus,.dynamic-form .form-field input[type="datetime-local"]:focus,.dynamic-form .form-field input[type="date"]:focus,.dynamic-form .form-field textarea:focus,.dynamic-form .form-field select:focus{border-bottom:2px solid var(--color-azzure);margin-bottom:0px}.swal-html-container .error-list{background:color-mix(in srgb,var(--color-red) 10%,transparent);border-radius:calc(var(--border-radius) / 2)}.swal-html-container .error-list li{background:transparent;font-size:0.9rem;text-align:justify;margin:0}.form-field.has-error label::after{content:"warning";font-family:var(--font-family-icons);color:var(--color-red);position:absolute;top:50%;transform:translateY(-50%);right:-2rem;font-size:1em;pointer-events:none;font-weight:normal}.dynamic-form .form-field .form-radio-group{position:relative;display:flex;border-radius:var(--border-radius);border:1px solid var(--color-azzure);padding:2px;user-select:none;background:var(--color-white);margin:calc(1rem + 5px) auto 1rem auto;max-width:90%;gap:0}.dynamic-form .form-radio-group .highlight{background:var(--color-azzure);border-radius:var(--border-radius);height:calc(100% - 4px);left:0;margin-top:2px;position:absolute;top:0;transition:transform var(--time-ease) ease,width var(--time-ease) ease;width:0;z-index:0}.dynamic-form .form-radio-group label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:4px 12px;cursor:pointer;font-size:0.9rem;flex:1;flex-shrink:0}.dynamic-form .form-radio-group label input[type="radio"]{display:none}.dynamic-form .form-radio-group label span{color:var(--color-azzure);font-weight:bold;pointer-events:none;transition:color var(--time-ease) ease}.dynamic-form .form-radio-group label:hover span{color:color-mix(in srgb,var(--color-azzure) 70%,var(--color-lavagna))}.dynamic-form .form-radio-group label input[type="radio"]:checked + span{color:var(--color-white)}.dynamic-form .form-field:has(.form-radio-group)>.floating-label{position:absolute;top:0;left:0.5rem;font-size:0.85rem;font-weight:bold;color:var(--color-lavagna);background:var(--color-white);z-index:10}.form-field-file{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}.form-field-file>div:has(>label){order:1}.form-field-file>.file-upload-area{order:2}.form-field-file>.error-list{order:3}.form-field-file>div:has(>label){font-weight:bold;font-size:0.85rem;text-align:left}.form-field-file>div:last-child{text-align:left}.file-upload-area{position:relative;border:1px dashed var(--color-lavagna);border-radius:12px;padding:40px 20px;text-align:center;background-color:var(--color-white);transition:all var(--time-ease) ease;cursor:pointer;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.file-upload-area:hover,.file-upload-area.drag-over{border-color:var(--color-azzure);background-color:color-mix(in srgb,var(--color-avena) 95%,var(--color-black))}.file-upload-area input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.file-upload-area.has-file input[type="file"]{z-index:-1}.file-info,.upload-content{pointer-events:none;display:flex;flex-direction:column;align-items:center}.file-info>.icon,.upload-content>.icon{font-size:48px;color:var(--color-azzure);transition:color var(--time-ease) ease;margin-bottom:15px}.upload-text .primary-text{font-size:16px;color:var(--text-color);margin:0 0 8px 0;font-weight:500}.upload-text .secondary-text{font-size:14px;color:var(--body-color);margin:8px 0}.file-info .file-name{flex:1;font-size:14px;color:var(--text-color);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info .remove-file{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;margin:auto;border-radius:var(--border-radius);width:36px;height:36px;padding:0;cursor:pointer;transition:background-color var(--time-ease) ease}.file-info .remove-file:hover{background:color-mix(in srgb,var(--color-avena) 95%,var(--color-black))}.file-upload-area.has-file:hover,.file-upload-area.has-file.drag-over{border-color:var(--color-lavagna);background-color:var(--color-white);cursor:default}.file-info .remove-file .icon{font-size:1.5rem;color:var(--color-lavagna);transition:color var(--time-ease) ease}.file-upload-area.has-file .upload-content{display:none}.file-upload-area:not(.has-file) .file-info{display:none}.download-sample{color:var(--color-azzure);font-size:1rem;width:fit-content;margin:auto}.form-field input[type="checkbox"]{display:none}.form-field input[type="checkbox"] + label{display:block;margin:auto;cursor:pointer;background:var(--color-avena);border-radius:calc(var(--border-radius) / 2);padding:5px 10px;color:var(--color-lavagna);transition:background-color var(--time-ease) ease,transform var(--time-ease) ease,color var(--time-ease) ease;max-width:90%;min-width:fit-content;position:relative;user-select:none;font-size:1rem;font-weight:bold}.form-field input[type="checkbox"] + label::after{content:"close";font-family:var(--font-family-icons);position:absolute;top:50%;right:10px;transform:translateY(-50%);font-weight:normal}.form-field input[type="checkbox"]:checked + label{background:var(--color-azzure);color:var(--color-white)}.form-field input[type="checkbox"]:checked + label::after{content:"check"}.form-field.hide-field{max-height:0px;overflow:hidden;opacity:0;margin-bottom:0}.form-field input[type="checkbox"] + label:active{transform:scale(0.98)}.form-field-custom{opacity:1;transition:opacity var(--time-ease) ease;margin-bottom:1rem}.form-field-custom>div:first-child{display:flex;gap:0.5rem;align-items:center}.form-field-custom:last-child{margin-bottom:0}.form-field-custom.hide-field{max-height:0px;overflow:hidden;opacity:0;margin-bottom:0}.form-field-custom .form-field{flex:1;margin-bottom:0}.form-field-custom .form-field input[type="checkbox"] + label{font-size:0.8rem;max-width:100%}.form-field-custom .form-field input[type="checkbox"] + label::after{display:none}input[type="time"]{text-align:center}.checkbox-group .checkbox-item{display:flex;align-items:center;gap:0.5rem}.checkbox-group .checkbox-item input[type="checkbox"]{display:none}.checkbox-group .checkbox-item .custom-checkbox{width:16px;height:16px;box-shadow:0 0 4px 0 color-mix(in srgb,var(--color-lavagna) 60%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--time-ease) ease;flex-shrink:0;cursor:pointer}.checkbox-group .checkbox-item .check-icon{font-size:14px;color:transparent;transition:color var(--time-ease) ease}.checkbox-group .checkbox-item input[type="checkbox"]:checked + .custom-checkbox{background-color:var(--color-azzure)}.checkbox-group .checkbox-item input[type="checkbox"]:checked + .custom-checkbox .check-icon{color:var(--color-white);font-weight:bold}.checkbox-group .checkbox-item label{cursor:pointer;user-select:none}