@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:is(#react-form-widget,.my-react-form-widget) .form-widget{padding:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:500px;margin:0 auto;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;background:var(--widget-bg);color:var(--widget-text);border:1px solid var(--widget-border)}:is(#react-form-widget,.my-react-form-widget) .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}:is(#react-form-widget,.my-react-form-widget) .form-field{margin-bottom:0}:is(#react-form-widget,.my-react-form-widget) .form-field.full-width{grid-column:1 / -1}:is(#react-form-widget,.my-react-form-widget) .form-label{display:none}:is(#react-form-widget,.my-react-form-widget) .form-input{width:100%;height:50px;padding:14px 16px;border-radius:0;border:1px solid var(--field-border);font-size:15px;font-family:inherit;transition:all .3s ease;box-sizing:border-box;background:var(--field-bg);color:var(--widget-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--widget-field-text)}:is(#react-form-widget,.my-react-form-widget) .form-input:focus{outline:none;border-color:#333}:is(#react-form-widget,.my-react-form-widget) .form-input::placeholder{opacity:1;color:var(--widget-field-placeholder)}:is(#react-form-widget,.my-react-form-widget) select.form-input{color:var(--widget-text);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 16px center;background-size:10px;padding-right:40px}:is(#react-form-widget,.my-react-form-widget) select.form-input:invalid,:is(#react-form-widget,.my-react-form-widget) select.form-input option[value=""]{color:var(--widget-field-placeholder)}:is(#react-form-widget,.my-react-form-widget) .form-textarea{min-height:150px;resize:vertical;color:var(--widget-field-text)}:is(#react-form-widget,.my-react-form-widget) .form-group-container{margin-bottom:8px}:is(#react-form-widget,.my-react-form-widget) .form-group-label{display:block;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--widget-text)}:is(#react-form-widget,.my-react-form-widget) .radio-group,.checkbox-group{display:flex;flex-direction:column;gap:12px}:is(#react-form-widget,.my-react-form-widget) .radio-option,.checkbox-option,.checkbox-single{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--widget-text)}:is(#react-form-widget,.my-react-form-widget) .radio-option input,.checkbox-option input,.checkbox-single input{display:none}:is(#react-form-widget,.my-react-form-widget) .radio-custom{width:18px;height:18px;border:1px solid var(--radio-border);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:var(--radio-bg)}:is(#react-form-widget,.my-react-form-widget) .radio-option input:checked+.radio-custom{border-color:var(--button-bg)}:is(#react-form-widget,.my-react-form-widget) .radio-custom:after{content:"";width:10px;height:10px;background:var(--radio-selected);border-radius:50%;opacity:0;transform:scale(0);transition:all .2s ease}:is(#react-form-widget,.my-react-form-widget) .radio-option input:checked+.radio-custom:after{opacity:1;transform:scale(1)}:is(#react-form-widget,.my-react-form-widget) .checkbox-custom{width:18px;height:18px;border:1px solid var(--checkbox-border);border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--checkbox-bg)}:is(#react-form-widget,.my-react-form-widget) .checkbox-option input:checked+.checkbox-custom,:is(#react-form-widget,.my-react-form-widget) .checkbox-single input:checked+.checkbox-custom{background:var(--button-bg);border-color:var(--button-bg)}:is(#react-form-widget,.my-react-form-widget) .checkbox-custom:after{content:"";width:5px;height:9px;border:solid var(--checkbox-selected);border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);opacity:0;transition:all .2s ease;margin-bottom:2px}:is(#react-form-widget,.my-react-form-widget) .checkbox-option input:checked+.checkbox-custom:after,:is(#react-form-widget,.my-react-form-widget) .checkbox-single input:checked+.checkbox-custom:after{opacity:1;transform:rotate(45deg) scale(1)}:is(#react-form-widget,.my-react-form-widget) .privacy-checkbox{margin-top:24px;margin-bottom:24px}:is(#react-form-widget,.my-react-form-widget) .privacy-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;cursor:pointer;color:var(--widget-text)}:is(#react-form-widget,.my-react-form-widget) .privacy-label input[type=checkbox]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:var(--button-bg)}:is(#react-form-widget,.my-react-form-widget) .file-upload-container{margin-top:24px;margin-bottom:24px}:is(#react-form-widget,.my-react-form-widget) .file-upload-label{display:block;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--widget-text)}:is(#react-form-widget,.my-react-form-widget) .file-types-hint{font-size:13px;font-weight:400;color:#666;opacity:.8}:is(#react-form-widget,.my-react-form-widget) .file-upload-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap}:is(#react-form-widget,.my-react-form-widget) .file-upload-input{display:none}:is(#react-form-widget,.my-react-form-widget) .file-upload-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--button-bg);border:1px solid var(--button-bg);color:var(--button-text);font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}:is(#react-form-widget,.my-react-form-widget) .file-upload-button:hover{opacity:.9}:is(#react-form-widget,.my-react-form-widget) .file-upload-button svg{transition:transform .3s ease}:is(#react-form-widget,.my-react-form-widget) .file-upload-button:hover svg{transform:translateY(-2px)}:is(#react-form-widget,.my-react-form-widget) .file-upload-name{font-size:14px;color:var(--widget-text);opacity:.7;flex:1;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#react-form-widget,.my-react-form-widget) .button-container{display:flex;flex-direction:column;justify-content:center}:is(#react-form-widget,.my-react-form-widget) .form-button{width:auto;min-width:160px;padding:14px 32px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;background:var(--button-bg);color:var(--button-text)}:is(#react-form-widget,.my-react-form-widget) .form-button:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 4px 12px #0000001a}:is(#react-form-widget,.my-react-form-widget) .form-button:active{transform:translateY(0)}@media (max-width: 600px){:is(#react-form-widget,.my-react-form-widget) .form-widget{padding:24px;border-radius:12px}:is(#react-form-widget,.my-react-form-widget) .form-grid{grid-template-columns:1fr;gap:16px}:is(#react-form-widget,.my-react-form-widget) .form-input{font-size:16px}:is(#react-form-widget,.my-react-form-widget) .form-button{width:100%}:is(#react-form-widget,.my-react-form-widget) .file-upload-wrapper{flex-direction:column;align-items:stretch}:is(#react-form-widget,.my-react-form-widget) .file-upload-button{width:100%;justify-content:center}:is(#react-form-widget,.my-react-form-widget) .file-upload-name{text-align:center;min-width:auto}}
