form{display:flex;flex-direction:column;gap:20px}.field{position:relative;margin-bottom:30px}.field:not(.checkbox-single):not(fieldset) label{position:absolute;left:8px;top:12px;pointer-events:none;transition:all .3s ease;color:var(--text-secondary)}.field:not(.checkbox-single):not(fieldset) label.active,.field:not(.checkbox-single):not(fieldset) input:focus+label,.field:not(.checkbox-single):not(fieldset) textarea:focus+label,.field:not(.checkbox-single):not(fieldset) select:focus+label,.field:not(.checkbox-single):not(fieldset) input:not(:placeholder-shown)+label,.field:not(.checkbox-single):not(fieldset) textarea:not(:placeholder-shown)+label,.field:not(.checkbox-single):not(fieldset) select:not([value=""])+label{top:-12px;left:8px;font-size:11px;line-height:140%;letter-spacing:.3px}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=number],.field input[type=date],.field input[type=color],.field input[type=file],.field textarea,.field select{width:100%;background:transparent;padding:8px 8px 1px;padding-block-end:8px;border:1px solid transparent;outline:none;transition:border-bottom .3s ease;background-image:linear-gradient(to right,var(--border-primary) 1px,transparent 1px);background-size:5px 1px;background-repeat:repeat-x;background-position:left bottom}.field input::placeholder,.field textarea::placeholder{color:transparent}.field input[type=text]:focus,.field input[type=email]:focus,.field input[type=password]:focus,.field input[type=number]:focus,.field input[type=date]:focus,.field input[type=color]:focus,.field input[type=file]:focus,.field textarea:focus,.field select:focus{background:none;border-bottom:1px solid var(--border-primary)}.field textarea{resize:vertical;min-height:100px}.field select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:var(--icon-form-dropdown);background-repeat:no-repeat;background-position:right 0 center;padding-right:30px}.field input[type=date],.field input[type=color]{cursor:pointer}.field .error-message{display:none;color:#d32f2f;margin-top:5px}.field.error .error-message{display:block}.field.error input,.field.error textarea,.field.error select{border-bottom-color:#d32f2f}fieldset.field{border:none;padding:0;margin-bottom:30px}fieldset.field legend{margin-bottom:15px}.radio-group{display:flex;align-items:center;margin-bottom:12px}.radio-group input[type=radio]{width:20px;height:20px;margin:0 10px 0 0;cursor:pointer;-webkit-appearance:none;appearance:none;border:none;border-radius:50%;background-color:transparent;background-image:var(--icon-form-radio-unchecked);background-size:100% 100%;background-position:center;background-repeat:no-repeat;transition:all .2s ease;flex-shrink:0}.radio-group input[type=radio]:hover{background-image:var(--icon-form-radio-unchecked-hover)}.radio-group input[type=radio]:focus{outline:none;background-image:var(--icon-form-radio-unchecked-focus)}.radio-group input[type=radio]:disabled{background-image:var(--icon-form-radio-unchecked);opacity:.5}.radio-group input[type=radio]:checked{background-image:var(--icon-form-radio-checked)}.radio-group input[type=radio]:checked:hover{background-image:var(--icon-form-radio-hover)}.radio-group input[type=radio]:checked:focus{background-image:var(--icon-form-radio-focus)}.radio-group input[type=radio]:checked:disabled{background-image:var(--icon-form-radio-checked);opacity:.5}.radio-group label{cursor:pointer;-webkit-user-select:none;user-select:none;position:static}.radio-group:has(input[type=radio]:disabled) label{opacity:.5}.checkbox-group{display:flex;align-items:center;margin-bottom:12px;padding-left:0}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin:0 10px 0 0;cursor:pointer;-webkit-appearance:none;appearance:none;border:none;background-color:transparent;background-image:var(--icon-form-checkbox-unchecked);background-size:100% 100%;background-position:center;background-repeat:no-repeat;transition:all .2s ease;flex-shrink:0}.checkbox-group input[type=checkbox]:hover{background-image:var(--icon-form-checkbox-unchecked-hover)}.checkbox-group input[type=checkbox]:focus{outline:none;background-image:var(--icon-form-checkbox-unchecked-focus)}.checkbox-group input[type=checkbox]:disabled{background-image:var(--icon-form-checkbox-unchecked);opacity:.5}.checkbox-group input[type=checkbox]:checked{background-image:var(--icon-form-checkbox-checked)}.checkbox-group input[type=checkbox]:checked:hover{background-image:var(--icon-form-checkbox-hover)}.checkbox-group input[type=checkbox]:checked:focus{background-image:var(--icon-form-checkbox-focus)}.checkbox-group input[type=checkbox]:checked:disabled{background-image:var(--icon-form-checkbox-checked);opacity:.5}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none;position:static}.checkbox-group:has(input[type=checkbox]:disabled) label{opacity:.5}.button-group{display:flex;gap:10px;margin-top:20px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-image:var(--icon-form-dropdown);background-repeat:no-repeat;background-position:right 0 center;background-size:20px;cursor:pointer;border:none;outline:none;padding:0;width:100%;min-width:100px}
/*# sourceMappingURL=/cdn/shop/t/588/assets/form-element.css.map */