:root{--formosa-color-danger: #f66;--formosa-primary-background-color: #9bc;--formosa-primary-color: #000;--formosa-error-background-color: var(--formosa-color-danger);--formosa-error-color: #000;--formosa-success-background-color: #6c6;--formosa-success-color: #000;--formosa-warning-background-color: #f96;--formosa-warning-color: #000;--formosa-input-background-color: #fff;--formosa-input-border-color: #ccc;--formosa-input-border-radius: 0;--formosa-input-border-width: 1px;--formosa-input-color: #000;--formosa-input-font-family: sans-serif;--formosa-input-font-size: 18px;--formosa-input-padding: 8px;--formosa-input-line-height: 1.5;--formosa-input-height: calc(((var(--formosa-input-border-width) + var(--formosa-input-padding)) * 2) + (var(--formosa-input-font-size) * var(--formosa-input-line-height)));--formosa-autocomplete-clear-size: calc(var(--formosa-input-height) - (var(--formosa-input-border-width) * 2));--formosa-autocomplete-clear-color: #333;--formosa-autocomplete-clear-color-hover: #000;--formosa-autocomplete-options-background-color-highlighted: hsl(from var(--formosa-primary-background-color) h s calc(l*1.35) );--formosa-autocomplete-options-background-color: var(--formosa-input-background-color);--formosa-autocomplete-options-border-color: var(--formosa-input-border-color);--formosa-autocomplete-value-background-color: hsl(from var(--formosa-primary-background-color) h s calc(l*1.3) );--formosa-autocomplete-value-padding-top: 8px;--formosa-autocomplete-value-margin: 4px;--formosa-autocomplete-value-height: calc((var(--formosa-autocomplete-value-padding-top) * 2) + var(--formosa-input-font-size));--formosa-button-background-color: var(--formosa-primary-background-color);--formosa-button-background-color-hover: hsl(from var(--formosa-button-background-color) h s calc(l*.85) );--formosa-button-color: var(--formosa-primary-color);--formosa-button-border-color: var(--formosa-button-background-color);--formosa-button-font-weight: normal;--formosa-button-padding: var(--formosa-input-padding);--formosa-button-padding-side: 12px;--formosa-button-danger-background-color: var(--formosa-error-background-color);--formosa-button-danger-background-color-hover: hsl(from var(--formosa-button-danger-background-color) h s calc(l*.85) );--formosa-button-danger-border-color: var(--formosa-button-danger-background-color);--formosa-button-danger-color: var(--formosa-error-color);--formosa-button-warning-background-color: var(--formosa-warning-background-color);--formosa-button-warning-background-color-hover: hsl(from var(--formosa-button-warning-background-color) h s calc(l*.85) );--formosa-button-warning-border-color: var(--formosa-button-warning-background-color);--formosa-button-warning-color: var(--formosa-warning-color);--formosa-button-success-background-color: var(--formosa-success-background-color);--formosa-button-success-background-color-hover: hsl(from var(--formosa-button-success-background-color) h s calc(l*.85) );--formosa-button-success-border-color: var(--formosa-button-success-background-color);--formosa-button-success-color: var(--formosa-success-color);--formosa-checkbox-size: 32px;--formosa-checkbox-margin: 8px;--formosa-checkbox-padding: 12px;--formosa-checkbox-border-radius: 0;--formosa-focus-border-color: #4ad;--formosa-focus-border-width: 3px;--formosa-focus-box-shadow-color: #6cf;--formosa-focus-error-border-color: var(--formosa-color-danger);--formosa-label-error-color: var(--formosa-color-danger);--formosa-label-font-weight: bold;--formosa-label-margin: 4px;--formosa-alert-error-background-color: var(--formosa-error-background-color);--formosa-alert-error-color: var(--formosa-error-color);--formosa-alert-padding: 16px;--formosa-alert-primary-background-color: var(--formosa-primary-background-color);--formosa-alert-primary-color: var(--formosa-primary-color);--formosa-alert-success-background-color: var(--formosa-success-background-color);--formosa-alert-success-color: var(--formosa-success-color);--formosa-alert-warning-background-color: var(--formosa-warning-background-color);--formosa-alert-warning-color: var(--formosa-warning-color);--formosa-note-font-size: 85%;--formosa-note-line-height: 1.4;--formosa-note-opacity: .75;--formosa-note-margin: 4px 0 0;--formosa-password-button-width: 70px;--formosa-prefix-border-width: 0;--formosa-postfix-border-width: 0;--formosa-radio-border-width: 6px;--formosa-radio-border-radius: 100px;--formosa-radio-margin: 8px;--formosa-radio-margin-inline: 16px;--formosa-radio-margin-side: var(--formosa-checkbox-margin);--formosa-radio-size: var(--formosa-checkbox-size);--formosa-search-icon-size: 24px;--formosa-select-arrow-size: 12px;--formosa-select-padding-right: calc(var(--formosa-select-arrow-size) + (var(--formosa-input-padding) * 2));--formosa-spinner-border-width: 6px;--formosa-spinner-color: transparent;--formosa-spinner-color-alternate: #fff;--formosa-spinner-fullscreen-border-width: 12px;--formosa-spinner-fullscreen-size: 50px;--formosa-spinner-size: calc(var(--formosa-input-height) - (var(--formosa-spinner-border-width) * 2));--formosa-toast-bottom: 0;--formosa-toast-error-background-color: var(--formosa-error-background-color);--formosa-toast-error-color: var(--formosa-error-color);--formosa-toast-margin: 8px;--formosa-toast-padding: 16px;--formosa-toast-right: 0;--formosa-toast-success-background-color: var(--formosa-success-background-color);--formosa-toast-success-color: var(--formosa-success-color);--formosa-toast-warning-background-color: var(--formosa-warning-background-color);--formosa-toast-warning-color: var(--formosa-warning-color);--formosa-spinner-zindex: 9999;--formosa-toast-zindex: 9998;--formosa-autocomplete-zindex: 9996;--formosa-disabled-opacity: .5;--formosa-field-error-color: var(--formosa-color-danger);--formosa-horizontal-fields-padding: 8px;--formosa-margin-large: 24px}.formosa-field--disabled>.formosa-input-wrapper{opacity:.5;opacity:var(--formosa-disabled-opacity)}.formosa-field--disabled input:disabled,.formosa-field--disabled select:disabled,.formosa-field--disabled textarea:disabled{opacity:1}.formosa-field--disabled input[type=file]:disabled{opacity:0}.formosa-field__input,.formosa-field__input--select,.formosa-field__input--textarea,.formosa-file-input-wrapper{background-color:#fff;background-color:var(--formosa-input-background-color);border:1px solid #ccc;border:var(--formosa-input-border-width) solid var(--formosa-input-border-color);border-radius:0;border-radius:var(--formosa-input-border-radius);color:#000;color:var(--formosa-input-color);font-family:sans-serif;font-family:var(--formosa-input-font-family);font-size:18px;font-size:var(--formosa-input-font-size);padding:8px;padding:var(--formosa-input-padding)}.formosa-field__input:invalid{box-shadow:none}.formosa-field__input--select:invalid{box-shadow:none}.formosa-field__input--textarea:invalid{box-shadow:none}.formosa-file-input-wrapper:invalid{box-shadow:none}.formosa-field__input:invalid:focus{box-shadow:0 0 0 3px #6cf;box-shadow:0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color)}.formosa-field__input--select:invalid:focus{box-shadow:0 0 0 3px #6cf;box-shadow:0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color)}.formosa-field__input--textarea:invalid:focus{box-shadow:0 0 0 3px #6cf;box-shadow:0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color)}.formosa-file-input-wrapper:invalid:focus{box-shadow:0 0 0 3px #6cf;box-shadow:0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color)}.formosa-field--has-error .formosa-field__input,.formosa-field--has-error .formosa-field__input--select,.formosa-field--has-error .formosa-field__input--textarea,.formosa-field--has-error .formosa-file-input-wrapper{border-color:#f66;border-color:var(--formosa-focus-error-border-color)}.formosa-field--has-error .formosa-field__input:focus,.formosa-field--has-error .formosa-field__input--select:focus,.formosa-field--has-error .formosa-field__input--textarea:focus,.formosa-field--has-error .formosa-file-input-wrapper:focus{border-color:#4ad;border-color:var(--formosa-focus-border-color)}.formosa-button,.formosa-field__input,.formosa-field__input--select,.formosa-file-input-wrapper{line-height:1.5;line-height:var(--formosa-input-line-height)}.formosa-button,.formosa-field__input,.formosa-field__input--select,.formosa-field__input--textarea{margin:0}.formosa-field__input,.formosa-field__input--textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}.formosa-field__input:not([size]){box-sizing:border-box;width:100%}.formosa-alert{background-color:#9bc;background-color:var(--formosa-alert-primary-background-color);color:#000;color:var(--formosa-alert-primary-color);padding:16px;padding:var(--formosa-alert-padding)}h1+.formosa-alert{margin-top:24px;margin-top:var(--formosa-margin-large)}.formosa-alert--error{background-color:#f66;background-color:var(--formosa-alert-error-background-color);color:#000;color:var(--formosa-alert-error-color)}.formosa-alert--success{background-color:#6c6;background-color:var(--formosa-alert-success-background-color);color:#000;color:var(--formosa-alert-success-color)}.formosa-alert--warning{background-color:#f96;background-color:var(--formosa-alert-warning-background-color);color:#000;color:var(--formosa-alert-warning-color)}.formosa-autocomplete{background-color:#fff;background-color:var(--formosa-input-background-color);border:1px solid #ccc;border:var(--formosa-input-border-width) solid var(--formosa-input-border-color);border-radius:0;border-radius:var(--formosa-input-border-radius);display:flex;min-height:45px;min-height:var(--formosa-input-height);position:relative}.formosa-autocomplete:focus-within{border-color:#4ad;border-color:var(--formosa-focus-border-color);box-shadow:0 0 0 3px #6cf;box-shadow:0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color)}.formosa-autocomplete__options{--top: calc(100% + var(--formosa-focus-border-width));background-color:#fff;background-color:var(--formosa-autocomplete-options-background-color);left:-1px;left:calc(var(--formosa-input-border-width) * -1);list-style:none;margin:0;max-height:50vh;overflow:auto;padding:0;position:absolute;right:-1px;right:calc(var(--formosa-input-border-width) * -1);top:calc(100% + 3px);top:var(--top);z-index:9996;z-index:var(--formosa-autocomplete-zindex)}.formosa-autocomplete__input{height:34px;height:var(--formosa-autocomplete-value-height)}input.formosa-autocomplete__input{--input-margin: calc((var(--formosa-input-height) - (var(--formosa-input-border-width) * 2) - var(--formosa-autocomplete-value-height)) * .5);background-color:transparent;border:0;box-sizing:border-box;height:auto;left:-5.5px;left:calc((var(--formosa-input-border-width) + var(--input-margin)) * -1);margin:4.5px;margin:var(--input-margin);padding:8px;padding:var(--formosa-autocomplete-value-padding-top) var(--formosa-input-padding);position:relative;top:-5.5px;top:calc((var(--formosa-input-border-width) + var(--input-margin)) * -1)}input.formosa-autocomplete__input.formosa-field__input{width:calc(100% + (1px + var(--input-margin)) * 2);width:calc(100% + (var(--formosa-input-border-width) + var(--input-margin)) * 2)}.formosa-autocomplete__option+.formosa-autocomplete__option{border-top:1px solid #ccc;border-top:1px solid var(--formosa-autocomplete-options-border-color)}.formosa-autocomplete__option--highlighted .formosa-autocomplete__option__button{background-color:#ecf3f6;background-color:hsl(from #9bc h s calc(l*1.35));background-color:var(--formosa-autocomplete-options-background-color-highlighted)}.formosa-autocomplete__option__button{background-color:transparent;border:0;border-radius:0;color:#000;color:var(--formosa-input-color);cursor:pointer;font-family:sans-serif;font-family:var(--formosa-input-font-family);font-size:18px;font-size:var(--formosa-input-font-size);min-height:44px;overflow:hidden;padding:8px;padding:var(--formosa-input-padding);text-align:left;text-overflow:ellipsis;width:100%}.formosa-autocomplete__option__button:focus{box-shadow:inset 0 0 0 3px #6cf;box-shadow:inset 0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color)}.formosa-autocomplete__values{display:flex;flex-wrap:wrap;line-height:1;list-style:none;margin:0;padding:0;width:100%}.formosa-autocomplete--clearable .formosa-autocomplete__values{width:calc(100% - 43px);width:calc(100% - var(--formosa-autocomplete-clear-size))}.formosa-autocomplete__value{background-color:#e0ebf0;background-color:hsl(from #9bc h s calc(l*1.3));background-color:var(--formosa-autocomplete-value-background-color);height:34px;height:var(--formosa-autocomplete-value-height);line-height:34px;line-height:var(--formosa-autocomplete-value-height);margin:4px;margin:var(--formosa-autocomplete-value-margin);overflow:hidden;padding-left:8px;padding-left:var(--formosa-autocomplete-value-padding-top);padding-right:34px;padding-right:var(--formosa-autocomplete-value-height);position:relative;text-overflow:ellipsis;white-space:nowrap}.formosa-field--disabled .formosa-autocomplete__value,.formosa-field--read-only .formosa-autocomplete__value{padding-right:8px;padding-right:var(--formosa-autocomplete-value-padding-top)}.formosa-autocomplete__value.formosa-autocomplete__value--input{background-color:transparent;flex:1 1 auto;padding-left:0;padding-right:0}.formosa-autocomplete__value__remove,.formosa-autocomplete__clear{border-color:transparent;color:#333;color:var(--formosa-autocomplete-clear-color);cursor:pointer;font-size:0;padding:0}.formosa-autocomplete__value__remove path,.formosa-autocomplete__clear path{fill:#333;fill:var(--formosa-autocomplete-clear-color)}.formosa-autocomplete__value__remove:active,.formosa-autocomplete__clear:active{background-color:transparent;border-color:transparent}.formosa-autocomplete__value__remove:hover,.formosa-autocomplete__clear:hover,.formosa-autocomplete__value__remove:focus,.formosa-autocomplete__clear:focus{background-color:transparent;border-color:transparent}.formosa-autocomplete__value__remove:active path{fill:#000;fill:var(--formosa-autocomplete-clear-color-hover)}.formosa-autocomplete__clear:active path{fill:#000;fill:var(--formosa-autocomplete-clear-color-hover)}.formosa-autocomplete__value__remove:hover path,.formosa-autocomplete__clear:hover path,.formosa-autocomplete__value__remove:focus path,.formosa-autocomplete__clear:focus path{fill:#000;fill:var(--formosa-autocomplete-clear-color-hover)}.formosa-field--disabled .formosa-autocomplete__value__remove,.formosa-field--disabled .formosa-autocomplete__clear{cursor:default}.formosa-autocomplete__value__remove{background-color:transparent;bottom:0;height:34px;height:var(--formosa-autocomplete-value-height);position:absolute;right:0;top:0;width:34px;width:var(--formosa-autocomplete-value-height)}.formosa-autocomplete__value__remove:focus{box-shadow:inset 0 0 0 3px #6cf;box-shadow:inset 0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color)}.formosa-autocomplete__clear{background-color:#fff;background-color:var(--formosa-input-background-color);height:43px;height:var(--formosa-autocomplete-clear-size);width:43px;width:var(--formosa-autocomplete-clear-size)}.formosa-button{background-color:#9bc;background-color:var(--formosa-button-background-color);border:1px solid #9bc;border:var(--formosa-input-border-width) solid var(--formosa-button-border-color);border-radius:0;border-radius:var(--formosa-input-border-radius);color:#000;color:var(--formosa-button-color);cursor:pointer;font-family:sans-serif;font-family:var(--formosa-input-font-family);font-size:18px;font-size:var(--formosa-input-font-size);font-weight:400;font-weight:var(--formosa-button-font-weight);line-height:1.5;line-height:var(--formosa-input-line-height);padding:8px 12px;padding:var(--formosa-button-padding) var(--formosa-button-padding-side)}.formosa-button:hover,.formosa-button:active,.formosa-button:focus{background-color:#75a3ba;background-color:hsl(from #9bc h s calc(l*.85));background-color:var(--formosa-button-background-color-hover)}.formosa-button[disabled]{cursor:default}.formosa-button[disabled]:hover,.formosa-button[disabled]:active,.formosa-button[disabled]:focus{background-color:#9bc;background-color:var(--formosa-button-background-color)}.formosa-button path{fill:#000;fill:var(--formosa-button-color)}.formosa-button--danger{background-color:#f66;background-color:var(--formosa-button-danger-background-color);border-color:#f66;border-color:var(--formosa-button-danger-border-color);color:#000;color:var(--formosa-button-danger-color)}.formosa-button--danger:hover,.formosa-button--danger:active,.formosa-button--danger:focus{background-color:#ff3030;background-color:hsl(from #f66 h s calc(l*.85));background-color:var(--formosa-button-danger-background-color-hover)}.formosa-button--danger[disabled]:hover,.formosa-button--danger[disabled]:active,.formosa-button--danger[disabled]:focus{background-color:#f66;background-color:var(--formosa-button-danger-background-color)}.formosa-button--success{background-color:#6c6;background-color:var(--formosa-button-success-background-color);border-color:#6c6;border-color:var(--formosa-button-success-border-color);color:#000;color:var(--formosa-button-success-color)}.formosa-button--success:hover,.formosa-button--success:active,.formosa-button--success:focus{background-color:#44c144;background-color:hsl(from #6c6 h s calc(l*.85));background-color:var(--formosa-button-success-background-color-hover)}.formosa-button--success[disabled]:hover,.formosa-button--success[disabled]:active,.formosa-button--success[disabled]:focus{background-color:#6c6;background-color:var(--formosa-button-success-background-color)}.formosa-button--warning{background-color:#f96;background-color:var(--formosa-button-warning-background-color);border-color:#f96;border-color:var(--formosa-button-warning-border-color);color:#000;color:var(--formosa-button-warning-color)}.formosa-button--warning:hover,.formosa-button--warning:active,.formosa-button--warning:focus{background-color:#ff7530;background-color:hsl(from #f96 h s calc(l*.85));background-color:var(--formosa-button-warning-background-color-hover)}.formosa-button--warning[disabled]:hover,.formosa-button--warning[disabled]:active,.formosa-button--warning[disabled]:focus{background-color:#f96;background-color:var(--formosa-button-warning-background-color)}input.formosa-field__input--checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border-radius:var(--formosa-checkbox-border-radius);cursor:pointer;height:32px;height:var(--formosa-checkbox-size);margin:0 8px 0 0;margin:0 var(--formosa-checkbox-margin) 0 0;vertical-align:middle}input.formosa-field__input--checkbox.formosa-field__input{width:32px;width:var(--formosa-checkbox-size)}.formosa-field--disabled input.formosa-field__input--checkbox{cursor:default}.formosa-input-wrapper--checkbox{position:relative}.formosa-icon--check{bottom:0;height:20px;height:calc(var(--formosa-checkbox-size) - var(--formosa-checkbox-padding));left:6px;left:calc(var(--formosa-checkbox-padding) * .5);pointer-events:none;position:absolute;top:6px;top:calc(var(--formosa-checkbox-padding) * .5);width:20px;width:calc(var(--formosa-checkbox-size) - var(--formosa-checkbox-padding))}.formosa-icon--check path{fill:transparent}.formosa-field--disabled .formosa-icon--check{opacity:.5;opacity:var(--formosa-disabled-opacity)}:checked+.formosa-icon--check path{fill:#000;fill:var(--formosa-input-color)}.formosa-icon--check+.formosa-label-wrapper .formosa-label{font-weight:400}.formosa-field__error{color:#f66;color:var(--formosa-field-error-color);margin-top:4px}.formosa-field__error:empty{display:none}.formosa-field{margin-top:24px;margin-top:var(--formosa-margin-large)}.formosa-file-wrapper{display:flex}.formosa-file-input-wrapper{flex:1 1 auto;position:relative}.formosa-file-input-wrapper:focus-within{border-color:#4ad;border-color:var(--formosa-focus-border-color);box-shadow:0 0 0 3px #6cf;box-shadow:0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color)}.formosa-field__input--file{background-color:transparent;border:0;cursor:pointer;font-size:0;inset:0;opacity:0;padding:0;position:absolute}.formosa-field--disabled .formosa-field__input--file{cursor:default;opacity:0;pointer-events:none}.formosa-file-name{word-wrap:break-word}.formosa-file-name--empty{opacity:.5}.formosa-file-link{display:inline-block;font-size:0}.formosa-file-image{max-width:100%}:focus{border-color:#4ad;border-color:var(--formosa-focus-border-color);box-shadow:0 0 0 3px #6cf;box-shadow:0 0 0 var(--formosa-focus-border-width) var(--formosa-focus-box-shadow-color);outline:none!important}.formosa-horizontal{display:table;width:100%}.formosa-horizontal>.formosa-field{display:table-row}.formosa-horizontal>.formosa-field>.formosa-label-wrapper,.formosa-horizontal>.formosa-field>.formosa-input-wrapper{display:table-cell;padding:8px 0;padding:var(--formosa-horizontal-fields-padding) 0}.formosa-horizontal>.formosa-field>.formosa-label-wrapper{padding-right:8px;padding-right:var(--formosa-horizontal-fields-padding);text-align:right;vertical-align:top;white-space:nowrap;width:0}.formosa-horizontal>.formosa-field>.formosa-input-wrapper{padding-left:8px;padding-left:var(--formosa-horizontal-fields-padding);width:100%}.formosa-horizontal>.formosa-field>.formosa-input-wrapper>.formosa-icon--check{left:14px;left:calc((var(--formosa-checkbox-padding) * .5) + var(--formosa-horizontal-fields-padding));top:14px;top:calc((var(--formosa-checkbox-padding) * .5) + var(--formosa-horizontal-fields-padding))}.formosa-horizontal>.formosa-field .formosa-label{display:inline-block;line-height:1.5;line-height:var(--formosa-input-line-height);padding-left:0;padding-right:0;padding-top:9px;padding-top:calc(var(--formosa-input-padding) + var(--formosa-input-border-width))}.formosa-horizontal>.formosa-field .formosa-radio--inline{padding-top:9px;padding-top:calc(var(--formosa-input-padding) + var(--formosa-input-border-width))}.formosa-horizontal>.formosa-field--label-after .formosa-label-wrapper:empty{display:inline-block}@media(min-width:1024px){.formosa-responsive{display:table;width:100%}.formosa-responsive>.formosa-field{display:table-row}.formosa-responsive>.formosa-field>.formosa-label-wrapper,.formosa-responsive>.formosa-field>.formosa-input-wrapper{display:table-cell;padding:8px 0;padding:var(--formosa-horizontal-fields-padding) 0}.formosa-responsive>.formosa-field>.formosa-label-wrapper{padding-right:8px;padding-right:var(--formosa-horizontal-fields-padding);text-align:right;vertical-align:top;white-space:nowrap;width:0}.formosa-responsive>.formosa-field>.formosa-input-wrapper{padding-left:8px;padding-left:var(--formosa-horizontal-fields-padding);width:100%}.formosa-responsive>.formosa-field>.formosa-input-wrapper>.formosa-icon--check{left:14px;left:calc((var(--formosa-checkbox-padding) * .5) + var(--formosa-horizontal-fields-padding));top:14px;top:calc((var(--formosa-checkbox-padding) * .5) + var(--formosa-horizontal-fields-padding))}.formosa-responsive>.formosa-field .formosa-label{display:inline-block;line-height:1.5;line-height:var(--formosa-input-line-height);padding-left:0;padding-right:0;padding-top:9px;padding-top:calc(var(--formosa-input-padding) + var(--formosa-input-border-width))}.formosa-responsive>.formosa-field .formosa-radio--inline{padding-top:9px;padding-top:calc(var(--formosa-input-padding) + var(--formosa-input-border-width))}.formosa-responsive>.formosa-field--label-after .formosa-label-wrapper:empty{display:inline-block}}.formosa-label-wrapper{display:block;margin-bottom:4px;margin-bottom:var(--formosa-label-margin)}.formosa-label-wrapper:empty{display:none}.formosa-label{font-weight:700;font-weight:var(--formosa-label-font-weight)}.formosa-label[for]{cursor:pointer}.formosa-field--disabled .formosa-label[for]{cursor:default}.formosa-field--has-error .formosa-label{color:#f66;color:var(--formosa-label-error-color)}.formosa-radio__label{cursor:pointer}.formosa-field--disabled .formosa-radio__label{cursor:default}.formosa-label--required:after{content:" *"}.formosa-field--label-after .formosa-label-wrapper{display:inline-block;margin:0}.formosa-field--label-after .formosa-label-wrapper:empty{display:none}.formosa-field__note{font-size:85%;font-size:var(--formosa-note-font-size);line-height:1.4;line-height:var(--formosa-note-line-height);margin:4px 0 0;margin:var(--formosa-note-margin);opacity:.75;opacity:var(--formosa-note-opacity)}input.formosa-field__input--password.formosa-field__input{width:calc(100% - 70px);width:calc(100% - var(--formosa-password-button-width))}.formosa-button--toggle-password{padding-left:0;padding-right:0;width:70px;width:var(--formosa-password-button-width)}.formosa-prefix{border-bottom-right-radius:0;border-right-width:0;border-right-width:var(--formosa-prefix-border-width);border-top-right-radius:0}.formosa-prefix:focus{position:relative}.formosa-postfix{border-bottom-left-radius:0;border-left-width:0;border-left-width:var(--formosa-postfix-border-width);border-top-left-radius:0}.formosa-postfix:focus{position:relative}.formosa-radio{border:0;list-style:none;margin:0;padding:0;position:relative}.formosa-radio__legend{bottom:0;-webkit-clip-path:inset(1px 1px 1px 1px);clip-path:inset(1px 1px 1px 1px);font-size:0;margin:0;overflow:hidden;position:absolute;right:0;top:0}.formosa-radio--inline{display:flex;flex-wrap:wrap}.formosa-radio--inline .formosa-radio__item{margin-bottom:8px;margin-bottom:var(--formosa-radio-margin);margin-right:16px;margin-right:var(--formosa-radio-margin-inline)}.formosa-radio__item{position:relative}.formosa-radio__item+.formosa-radio__item{margin-top:8px;margin-top:var(--formosa-radio-margin)}.formosa-radio--inline .formosa-radio__item+.formosa-radio__item{margin-top:0}input.formosa-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#fff;border-color:var(--formosa-input-background-color);border-radius:100px;border-radius:var(--formosa-radio-border-radius);border-width:6px;border-width:var(--formosa-radio-border-width);box-shadow:0 0 0 1px #ccc;box-shadow:0 0 0 var(--formosa-input-border-width) var(--formosa-input-border-color);cursor:pointer;height:32px;height:var(--formosa-radio-size);line-height:1.5;line-height:var(--formosa-input-line-height);margin:0 8px 0 0;margin:0 var(--formosa-radio-margin-side) 0 0;padding:0;vertical-align:middle}.formosa-field--disabled input.formosa-radio__input{cursor:default}input.formosa-radio__input.formosa-field__input{width:32px;width:var(--formosa-radio-size)}input.formosa-radio__input:checked{background-color:#000;background-color:var(--formosa-input-color)}input.formosa-radio__input:focus{box-shadow:0 0 0 1px #4ad,0 0 0 4px #6cf;box-shadow:0 0 0 var(--formosa-input-border-width) var(--formosa-focus-border-color),0 0 0 calc(var(--formosa-input-border-width) + var(--formosa-focus-border-width)) var(--formosa-focus-box-shadow-color)}.formosa-search-wrapper{display:table;position:relative;width:100%}input.formosa-field__input--search{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;padding-right:calc(var(--formosa-search-icon-size) + (var(--formosa-input-padding) * 2))}.formosa-icon--search{height:24px;height:var(--formosa-search-icon-size);margin-top:-12px;margin-top:calc(var(--formosa-search-icon-size) * -.5);pointer-events:none;position:absolute;right:8px;right:var(--formosa-input-padding);top:50%;width:24px;width:var(--formosa-search-icon-size)}.formosa-icon--search path{fill:#000;fill:var(--formosa-input-color)}.formosa-select-wrapper{display:table;position:relative}.formosa-field__input--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:28px;padding-right:var(--formosa-select-padding-right)}.formosa-field--disabled .formosa-field__input--select{cursor:default}.formosa-icon--caret{height:12px;height:var(--formosa-select-arrow-size);margin-top:-6px;margin-top:calc(var(--formosa-select-arrow-size) * -.5);position:absolute;right:9px;right:calc(var(--formosa-input-padding) + var(--formosa-input-border-width));top:50%;width:12px;width:var(--formosa-select-arrow-size)}.formosa-icon--caret path{fill:#000;fill:var(--formosa-input-color)}.formosa-spinner{align-content:center;align-items:center;align-self:center;display:flex;font-size:0}.formosa-spinner:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:formosa-spin;animation-timing-function:linear;border-color:transparent #fff #fff #fff;border-color:var(--formosa-spinner-color) var(--formosa-spinner-color-alternate) var(--formosa-spinner-color-alternate) var(--formosa-spinner-color-alternate);border-radius:100px;border-style:solid;border-width:6px;border-width:var(--formosa-spinner-border-width);content:"";display:block;height:33px;height:var(--formosa-spinner-size);width:33px;width:var(--formosa-spinner-size)}.formosa-spinner--fullscreen{inset:0;justify-content:center;position:fixed;z-index:9999;z-index:var(--formosa-spinner-zindex)}.formosa-spinner--fullscreen:before{border-width:12px;border-width:var(--formosa-spinner-fullscreen-border-width);height:50px;height:var(--formosa-spinner-fullscreen-size);width:50px;width:var(--formosa-spinner-fullscreen-size)}@keyframes formosa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.formosa-suffix-container{position:relative}.formosa-suffix{border-color:transparent;border-style:solid;border-width:1px 0;border-width:var(--formosa-input-border-width) 0;bottom:0;padding:8px;padding:var(--formosa-input-padding);position:absolute;right:-1px;right:calc(var(--formosa-input-border-width) * -1);top:0;z-index:1}.formosa-field__input--textarea{box-sizing:border-box;line-height:1.5;width:100%}.formosa-toast-container{align-items:flex-end;bottom:0;bottom:var(--formosa-toast-bottom);display:flex;flex-direction:column;pointer-events:none;position:fixed;right:0;right:var(--formosa-toast-right);z-index:9998;z-index:var(--formosa-toast-zindex)}.formosa-toast{align-items:center;animation-fill-mode:forwards;animation-name:formosa-slide-in-out;background-color:#9bc;background-color:var(--formosa-primary-background-color);color:#000;color:var(--formosa-primary-color);display:flex;margin:8px;margin:var(--formosa-toast-margin);max-width:90vw;pointer-events:auto}.formosa-toast__text{padding:16px;padding:var(--formosa-toast-padding)}.formosa-toast__close{background-color:transparent;border:0;cursor:pointer;font-size:0;height:32px;margin:0 8px 0 0;padding:0;width:32px}.formosa-toast__close path{fill:#000;fill:var(--formosa-primary-color)}.formosa-toast__close:hover,.formosa-toast__close:active,.formosa-toast__close:focus{background-color:transparent}.formosa-toast--error{background-color:#f66;background-color:var(--formosa-toast-error-background-color);color:#000;color:var(--formosa-toast-error-color)}.formosa-toast--error .formosa-toast__close path{fill:#000;fill:var(--formosa-toast-error-color)}.formosa-toast--success{background-color:#6c6;background-color:var(--formosa-toast-success-background-color);color:#000;color:var(--formosa-toast-success-color)}.formosa-toast--success .formosa-toast__close path{fill:#000;fill:var(--formosa-toast-success-color)}.formosa-toast--warning{background-color:#f96;background-color:var(--formosa-toast-warning-background-color);color:#000;color:var(--formosa-toast-warning-color)}.formosa-toast--warning .formosa-toast__close path{fill:#000;fill:var(--formosa-toast-warning-color)}@keyframes formosa-slide-in-out{0%{transform:translate(200%) translateZ(0)}10%{transform:translate(0) translateZ(0)}90%{transform:translate(0) translateZ(0)}to{transform:translate(200%) translateZ(0)}}:root{--background-color: #eee;--color: #000;--margin: 20px;--content-width: 700px;--sidebar-width: 400px}body{background-color:#eee;background-color:var(--background-color);color:#000;color:var(--color);font-family:var(--formosa-input-font-family);font-size:var(--formosa-input-font-size);margin:20px;margin:var(--margin)}main{margin:0 auto;max-width:700px;max-width:var(--content-width)}@media(min-width:1140px){main{padding-right:400px;padding-right:var(--sidebar-width)}}#header{align-items:center;display:flex;justify-content:space-between}#title{font-size:48px;font-weight:700;margin:0}h1{font-size:28px}h2{font-size:20px}h1,h2{margin-bottom:12px;margin-top:32px}h1+*,h2+*{margin-top:0!important}a{color:#06f}a:hover,a:active,a:focus{-webkit-text-decoration:none;text-decoration:none}#nav{display:flex;flex-wrap:wrap;list-style:none;margin:0 -1px 20px;margin:0 -1px var(--margin);padding:0}.nav__item{flex:1 1 auto;margin:1px}.nav__link{align-items:center;background-color:var(--formosa-button-background-color);color:var(--formosa-primary-color);display:flex;justify-content:center;min-height:44px;padding:8px;-webkit-text-decoration:none;text-decoration:none}.nav__link:hover,.nav__link:active,.nav__link:focus{background-color:var(--formosa-button-background-color-hover)}.nav__link.active{background-color:#eee;background-color:var(--background-color);color:#000;color:var(--color)}.nav__link.active:hover,.nav__link.active:active,.nav__link.active:focus{background-color:#eee;background-color:var(--background-color)}.formosa-field__note{word-wrap:break-word}.code pre{background-color:#ccc;box-sizing:border-box;font-size:16px;line-height:1.5;margin:20px 0 0;margin:var(--margin) 0 0;overflow:auto;padding:12px;white-space:pre-wrap}.code pre:before{content:"Row:";display:block;font-family:sans-serif;font-weight:700}@media(min-width:1140px){.code pre{bottom:0;margin:0;position:fixed;right:0;top:0;width:400px;width:var(--sidebar-width);z-index:999}}