.field-control{width:100%}.field-control input:-webkit-autofill{-webkit-text-fill-color:#4e4e4e!important;transition:background-color 5000s ease-in-out 0s}.field-control input:focus{border:2px solid #bfdbfe!important;outline:none}.field-control .field-label.required:after{content:" *";color:#666}.field-control .field-label.required.invalid:after{color:red}.field-control .field-label{line-height:2rem;white-space:nowrap;font-weight:500;font-size:14px;color:#666}.field-control .native-field{width:100%;border:1px solid #ccc;padding:5px 10px;outline:none;border-radius:5px;color:--color-foreground}.field-control .native-field.invalid{border:1px solid red}.field-control .currency-field{display:flex;border:1px solid #ccc;border-radius:5px;width:100%}.field-control .currency-field input{padding:5px 10px;width:100%;outline:none;color:#666}.field-control .currency-field.invalid{border:1px solid red}.field-control .file-field{position:relative;border:1px solid #ccc;height:36px;border-radius:5px}.field-control .file-field i{position:absolute;right:0;height:100%;display:flex;align-items:center;padding:5px}.field-control .file-field .field-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;position:absolute;left:0;right:40px;padding:5px 10px;color:#666}.field-control .file-field input{opacity:0;width:100%}.field-control .file-field.invalid{border:1px solid red}.field-control .signature-filed{position:relative;border:1px solid #ccc;border-radius:5px;background-repeat:no-repeat;background-size:contain;background-position:0;display:flex;justify-content:end;padding:5px;width:100%}.field-control .signature-filed .sign-pad-modal{position:absolute;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-top:30px;right:0;width:100%}.field-control .signature-filed.invalid{border:1px solid red}.field-control .select-field{position:relative;border:1px solid #ccc;border-radius:5px;padding:5px 10px;width:100%}.field-control .select-field.invalid{border:1px solid red}.field-control .location-field{position:relative;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:space-between;padding:5px;align-items:center;width:100%}.field-control .location-field .locationp-pad-modal{position:absolute;box-shadow:0 4px 8px rgba(0,0,0,.2);margin-top:30px;right:0;width:100%}.field-control .location-field .field-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.field-control .location-field.invalid{border:1px solid red}.field-control .checkbox-filed{display:flex;gap:10px;width:100%}.field-control .checkbox-filed .checkbox-options{display:flex;align-items:center;gap:10px}.field-control .checkbox-filed .checkbox-options label{white-space:nowrap}.field-control .radio-filed{display:flex;gap:10px;width:100%}.field-control .radio-filed .radio-options{display:flex;align-items:center;gap:10px}.field-control .phone-field{border:1px solid #ccc;border-radius:5px;display:flex;width:100%}.field-control .phone-field input{width:100%;outline:none;padding:5px 10px}.field-control .phone-field.invalid{border:1px solid red}.field-control .slider-field{display:flex}.field-control .slider-field .slider-prefix{border:1px solid #ccc;border-right:none;padding:5px;width:65px;text-align:center}.field-control .slider-field .slider{-webkit-appearance:none;appearance:none;width:100%;height:36px;border:1px solid #ccc;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.field-control .slider-field .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:36px;background:#ccc;cursor:pointer}.field-control .slider-field .slider::-moz-range-thumb{width:25px;height:36px;background:#ccc;cursor:pointer}.field-control.compact{display:flex}.field-control.compact .field-label{line-height:2rem;background:#ccc;padding:0 5px}.field-control.standard{display:flex}.field-control.standard .field-label{background:#eee;padding:0 5px;border:1px solid #ccc;font-weight:400;font-size:14px}.field-control.standard .currency-field,.field-control.standard .file-field,.field-control.standard .location-field,.field-control.standard .native-field,.field-control.standard .phone-field,.field-control.standard .select-field,.field-control.standard .signature-filed{border-radius:0}.field-control.standard .checkbox-filed,.field-control.standard .radio-filed{border-radius:0;border:1px solid #ccc;padding:0 10px}.field-control.filled .currency-field,.field-control.filled .file-field,.field-control.filled .location-field,.field-control.filled .native-field,.field-control.filled .phone-field,.field-control.filled .select-field,.field-control.filled .signature-filed{background:hsla(0,0%,100%,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3);color:#fff}.field-control.filled .checkbox-filed,.field-control.filled .radio-filed{background:hsla(0,0%,100%,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:0 10px}.switch-field-control{display:flex;justify-content:space-between;align-items:center}.switch-box{position:relative;display:inline-block;width:55px;height:28px}.switch-box input{opacity:0;width:0;height:0}.switch-box .switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;border:1px solid #ccc;border-radius:5px}.switch-box .switch-slider:before{position:absolute;content:"";height:22px;width:20px;background-color:#666;transition:.4s;border-radius:5px;left:4px;bottom:2px}.switch-box input:checked+.switch-slider:before{transform:translateX(26px)}