*{margin:0;padding:0;box-sizing:border-box}html,body,#app,.app-container{width:100%;height:100%;overflow:hidden}.app-container.allow-scroll{overflow-y:auto;overflow-x:hidden}[data-form-theme=default]{--form-input-bg: #2c2c2c;--form-input-border: rgba(255, 255, 255, .1);--form-input-border-focus: #0d99ff;--form-input-text: #fff;--form-input-text-placeholder: rgba(255, 255, 255, .4);--form-input-label: rgba(255, 255, 255, .6);--form-input-help: rgba(255, 255, 255, .5);--form-input-error: #ff4444;--form-input-suffix: rgba(255, 255, 255, .5);--form-input-prefix: rgba(255, 255, 255, .6);--form-input-padding-x: 12px;--form-input-padding-y: 8px;--form-input-height: 32px;--form-input-gap: 8px;--form-input-label-gap: 6px;--form-input-help-gap: 4px;--form-input-font-size: 11px;--form-input-label-size: 11px;--form-input-help-size: 10px;--form-input-error-size: 10px;--form-input-border-radius: 6px;--form-input-border-width: 1px;--form-input-transition: border-color .15s ease, box-shadow .15s ease}[data-form-theme=default] .form-input-inner:focus-within{box-shadow:0 0 0 2px #0d99ff33}[data-form-theme=light]{--form-input-bg: #eeece4;--form-input-border: transparent;--form-input-border-focus: #0066ff;--form-input-text: #1e1e1e;--form-input-text-placeholder: rgba(0, 0, 0, .4);--form-input-label: rgba(0, 0, 0, .7);--form-input-help: rgba(0, 0, 0, .5);--form-input-error: #ff4444;--form-input-suffix: rgba(0, 0, 0, .5);--form-input-prefix: rgba(0, 0, 0, .6);--form-input-padding-x: 12px;--form-input-padding-y: 8px;--form-input-height: 32px;--form-input-gap: 8px;--form-input-label-gap: 6px;--form-input-help-gap: 4px;--form-input-font-size: 11px;--form-input-label-size: 11px;--form-input-help-size: 10px;--form-input-error-size: 10px;--form-input-border-radius: 6px;--form-input-border-width: 1px;--form-input-transition: border-color .15s ease, box-shadow .15s ease}[data-form-theme=light] .form-input-inner:focus-within{box-shadow:0 0 0 2px #0066ff26}[data-form-theme=light] body{background:#fff;color:#1e1e1e}[data-form-theme=dark]{--form-input-bg: #1a1a1a;--form-input-border: rgba(255, 255, 255, .15);--form-input-border-focus: #0d99ff;--form-input-text: #ffffff;--form-input-text-placeholder: rgba(255, 255, 255, .4);--form-input-label: rgba(255, 255, 255, .7);--form-input-help: rgba(255, 255, 255, .5);--form-input-error: #ff4444;--form-input-suffix: rgba(255, 255, 255, .5);--form-input-prefix: rgba(255, 255, 255, .6);--form-input-padding-x: 12px;--form-input-padding-y: 8px;--form-input-height: 32px;--form-input-gap: 8px;--form-input-label-gap: 6px;--form-input-help-gap: 4px;--form-input-font-size: 11px;--form-input-label-size: 11px;--form-input-help-size: 10px;--form-input-error-size: 10px;--form-input-border-radius: 6px;--form-input-border-width: 1px;--form-input-transition: border-color .15s ease, box-shadow .15s ease}[data-form-theme=dark] .form-input-inner:focus-within{box-shadow:0 0 0 2px #0d99ff40}[data-form-theme=dark-v2]{--form-input-bg: #3a3a3a;--form-input-border: rgba(255, 255, 255, .12);--form-input-border-focus: #57b2ff;--form-input-text: #ffffff;--form-input-text-placeholder: rgba(255, 255, 255, .6);--form-input-label: rgba(255, 255, 255, .75);--form-input-help: rgba(255, 255, 255, .6);--form-input-error: #ff6b6b;--form-input-suffix: rgba(255, 255, 255, .65);--form-input-prefix: rgba(255, 255, 255, .75);--form-input-padding-x: 12px;--form-input-padding-y: 10px;--form-input-height: 34px;--form-input-gap: 8px;--form-input-label-gap: 6px;--form-input-help-gap: 4px;--form-input-font-size: 12px;--form-input-label-size: 11px;--form-input-help-size: 11px;--form-input-error-size: 11px;--form-input-border-radius: 8px;--form-input-border-width: 0px;--form-input-transition: box-shadow .15s ease, background-color .15s ease}[data-form-theme=dark-v2] .form-input-inner{border:none;background:#3a3a3a;box-shadow:none}[data-form-theme=dark-v2] .form-input-inner:focus-within{border:none;box-shadow:0 0 0 2px #57b2ff59}[data-form-theme=dark-v2] .form-input-inner.disabled{box-shadow:none}:root{--form-input-bg: #2c2c2c;--form-input-border: rgba(255, 255, 255, .1);--form-input-border-focus: #0d99ff;--form-input-text: #fff;--form-input-text-placeholder: rgba(255, 255, 255, .4);--form-input-label: rgba(255, 255, 255, .6);--form-input-help: rgba(255, 255, 255, .5);--form-input-error: #ff4444;--form-input-suffix: rgba(255, 255, 255, .5);--form-input-prefix: rgba(255, 255, 255, .6);--form-input-padding-x: 12px;--form-input-padding-y: 8px;--form-input-height: 32px;--form-input-gap: 8px;--form-input-label-gap: 6px;--form-input-help-gap: 4px;--form-input-font-size: 11px;--form-input-label-size: 11px;--form-input-help-size: 10px;--form-input-error-size: 10px;--form-input-size-s-padding-x: 8px;--form-input-size-s-padding-y: 6px;--form-input-size-s-height: 24px;--form-input-size-s-font-size: 10px;--form-input-size-s-label-size: 10px;--form-input-size-m-padding-x: 12px;--form-input-size-m-padding-y: 8px;--form-input-size-m-height: 32px;--form-input-size-m-font-size: 11px;--form-input-size-m-label-size: 11px;--form-input-size-l-padding-x: 16px;--form-input-size-l-padding-y: 10px;--form-input-size-l-height: 40px;--form-input-size-l-font-size: 13px;--form-input-size-l-label-size: 13px;--form-input-border-radius: 6px;--form-input-border-width: 1px;--form-input-transition: border-color .15s ease, box-shadow .15s ease}.form-input-outer{display:flex;flex-direction:column;gap:var(--form-input-help-gap);width:100%;margin-top:6px}.form-input-wrapper{display:flex;flex-direction:column;gap:var(--form-input-label-gap)}.form-input-wrapper.label-left{flex-direction:row;align-items:center;gap:var(--form-input-gap)}.form-input-wrapper.label-left .form-input-label{flex:0 0 auto;min-width:100px;margin:0}.form-input-label{font-size:var(--form-input-label-size);color:var(--form-input-label);font-weight:500;user-select:none;line-height:1.4}.form-input-label.required:after{content:" *";color:var(--form-input-error)}.form-input-inner{position:relative;display:flex;align-items:center;background:var(--form-input-bg);border:var(--form-input-border-width) solid var(--form-input-border);border-radius:var(--form-input-border-radius);transition:var(--form-input-transition);min-height:var(--form-input-height)}.form-input-prefix-icon,.form-input-prefix,.form-input-suffix,.form-input-suffix-icon{pointer-events:none}.form-input-slot-wrapper input,.form-input-slot-wrapper .form-input-element{pointer-events:auto!important}.form-input-inner:focus-within{border-color:var(--form-input-border-focus);box-shadow:0 0 0 2px #0d99ff33}.form-input-inner.has-error{border-color:var(--form-input-error)}.form-input-inner.disabled{opacity:.5;cursor:not-allowed}.form-input-prefix-icon{display:flex;align-items:center;padding:0 var(--form-input-padding-x);color:var(--form-input-prefix);flex-shrink:0}.form-input-prefix-icon:empty{display:none;padding:0;width:0;min-width:0}.form-input-inner.no-icon .form-input-prefix-icon{display:none}.form-input-prefix{display:flex;align-items:center;padding-left:var(--form-input-padding-x);color:var(--form-input-prefix);font-size:var(--form-input-font-size);flex-shrink:0;margin-right:calc(var(--form-input-padding-x) / 2)}.form-input-suffix{display:flex;align-items:center;padding-right:4px;color:var(--form-input-suffix);font-size:var(--form-input-font-size);flex-shrink:0}.form-input-suffix-icon{display:flex;align-items:center;padding-left:4px;padding-right:var(--form-input-padding-x);color:var(--form-input-suffix);flex-shrink:0}select.form-input-element,select.form-select-element{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;cursor:pointer;position:relative;z-index:100}.form-input-inner.has-select{overflow:visible;position:relative;z-index:auto}.form-input-inner>input,.form-input-inner>.form-input-element{flex:1;min-width:0}.form-input-element{flex:1;background:transparent!important;border:none;outline:none;color:var(--form-input-text)!important;font-size:var(--form-input-font-size);font-family:inherit;padding:var(--form-input-padding-y) var(--form-input-padding-x);padding-left:var(--form-input-padding-x);min-width:0;width:100%!important;pointer-events:auto!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative;z-index:10;height:auto;line-height:normal}.form-input-inner:has(.form-input-prefix-icon) .form-input-element,.form-input-inner:has(.form-input-prefix) .form-input-element{padding-left:0}.form-input-inner.no-prefix .form-input-element{padding-left:var(--form-input-padding-x)!important}.form-input-suffix-icon .select-arrow{width:12px;height:12px;color:#ffffff80;pointer-events:none}.form-input-outer.size-s{--form-input-padding-x: var(--form-input-size-s-padding-x);--form-input-padding-y: var(--form-input-size-s-padding-y);--form-input-height: var(--form-input-size-s-height);--form-input-font-size: var(--form-input-size-s-font-size);--form-input-label-size: var(--form-input-size-s-label-size)}.form-input-outer.size-m{--form-input-padding-x: var(--form-input-size-m-padding-x);--form-input-padding-y: var(--form-input-size-m-padding-y);--form-input-height: var(--form-input-size-m-height);--form-input-font-size: var(--form-input-size-m-font-size);--form-input-label-size: var(--form-input-size-m-label-size)}.form-input-outer.size-l{--form-input-padding-x: var(--form-input-size-l-padding-x);--form-input-padding-y: var(--form-input-size-l-padding-y);--form-input-height: var(--form-input-size-l-height);--form-input-font-size: var(--form-input-size-l-font-size);--form-input-label-size: var(--form-input-size-l-label-size)}.form-input-element::placeholder{color:var(--form-input-text-placeholder)}.form-input-element:disabled{cursor:not-allowed;opacity:.6}.form-input-help{font-size:var(--form-input-help-size);color:var(--form-input-help);line-height:1.4;margin-top:var(--form-input-help-gap)}.form-input-messages{display:flex;flex-direction:column;gap:2px;margin-top:var(--form-input-help-gap)}.form-input-message{font-size:var(--form-input-error-size);color:var(--form-input-error);line-height:1.4}.form-input-element[type=textarea],.form-input-element textarea{resize:vertical;min-height:80px}.form-input-element[type=number]::-webkit-inner-spin-button,.form-input-element[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.form-input-element[type=number]{-moz-appearance:textfield;appearance:textfield}.form-input-inner.checkbox-wrapper,.form-input-inner.radio-wrapper{flex-direction:row;align-items:center;padding:var(--form-input-padding-y) var(--form-input-padding-x);cursor:pointer;gap:var(--form-input-gap)}.form-input-checkbox,.form-input-inner.checkbox-wrapper input[type=checkbox]{width:16px!important;height:16px!important;flex:0 0 16px!important;margin:0!important;cursor:pointer;padding:0!important;appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;display:block!important;visibility:visible!important;opacity:1!important;background:var(--form-input-bg)!important;border:1px solid var(--form-input-border)!important}.form-input-radio,.form-input-inner.radio-wrapper input[type=radio]{width:16px!important;height:16px!important;flex:0 0 16px!important;margin:0!important;cursor:pointer;padding:0!important;appearance:radio!important;-webkit-appearance:radio!important;-moz-appearance:radio!important;display:block!important;visibility:visible!important;opacity:1!important;background:var(--form-input-bg)!important;border:1px solid var(--form-input-border)!important;border-radius:50%!important}.form-input-checkbox:checked,.form-input-inner.checkbox-wrapper input[type=checkbox]:checked{background-color:var(--form-input-border-focus);border-color:var(--form-input-border-focus)}.form-input-radio:checked,.form-input-inner.radio-wrapper input[type=radio]:checked{border-color:var(--form-input-border-focus)}.form-input-inner.switch-wrapper{justify-content:space-between;padding:var(--form-input-padding-y) var(--form-input-padding-x)}.form-input-inner.slider-wrapper{padding:var(--form-input-padding-y) var(--form-input-padding-x)}.form-input-element[type=range]{width:100%;padding:0}
