vuiii 1.0.0-beta.7 → 1.0.0-beta.9

package/dist/stories/options.d.ts

@@ -0,0 +1,7 @@
+export declare const options: {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    description?: string;
+}[];
+export declare const plainOptions: string[];

package/dist/style.css

@@ -1 +1 @@
-.vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-color-danger--darker)}.IconSpinner[data-v-74889b0a]{will-change:transform;-webkit-animation:animation-74889b0a .7s infinite linear;animation:animation-74889b0a .7s infinite linear}@-webkit-keyframes animation-74889b0a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animation-74889b0a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Icon[data-v-6151c333]{display:inline-block;vertical-align:middle;width:1.5rem;aspect-ratio:1 / 1;flex:none}.Breadcrumbs[data-v-36e0aab2]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;opacity:.5}.Breadcrumbs__breadcrumb[data-v-36e0aab2]{display:flex;align-items:center;font-size:.85rem;gap:.5rem}.Breadcrumbs__link[data-v-36e0aab2]:hover{text-decoration:underline}.Breadcrumbs__arrow[data-v-36e0aab2]{width:1rem}:root{--vuiii-typeface-display: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--vuiii-typeface-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--vuiii-fontSize: 1rem;--vuiii-fontSize--small: .875rem;--vuiii-fontSize--large: 1.125rem;--vuiii-color-white: white;--vuiii-color-black: black;--vuiii-color-gray: rgb(212 212 216);--vuiii-color-gray--light: rgb(229, 229, 229);--vuiii-color-gray--lighter: rgb(245, 245, 245);--vuiii-color-gray--lightest: rgb(250, 250, 250);--vuiii-color-gray--dark: rgb(163, 163, 163);--vuiii-color-gray--darker: rgb(115, 115, 115);--vuiii-color-gray--darkest: rgb(82, 82, 82);--vuiii-color-primary: rgb(79 70 229);--vuiii-color-primary-shadow: rgb(67 56 202/.2);--vuiii-color-primary--darker: rgb(67 56 202);--vuii-color-secondary: rgb(212 212 216);--vuii-color-secondary-shadow: rgb(192 192 192/.25);--vuii-color-secondary--darker: rgb(192 192 192);--vuiii-color-danger: rgb(225 29 72);--vuiii-color-danger-shadow: rgb(225 29 72/.2);--vuiii-color-danger--darker: rgb(190 18 60);--vuiii-color-success: rgb(77 124 15);--vuiii-color-success-shadow: rgb(77 124 15/.2);--vuiii-color-success--darker: rgb(63 98 18);--vuiii-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);--vuiii-field-height: 2.5rem;--vuiii-field-padding: 1.4375rem;--vuiii-field-borderRadius: 3px;--vuiii-field-borderWidth: 1px;--vuiii-field-bgColor: var(--vuiii-color-white);--vuiii-field-borderColor: var(--vuiii-color-gray);--vuiii-field-fontSize: var(--vuiii-fontSize--small);--vuiii-field-ringColor: none;--vuiii-field-ringSize: 0;--vuiii-field-borderColor--active: var(--vuiii-color-gray--dark);--vuiii-field-borderColor--focus: var(--vuiii-color-gray--dark);--vuiii-field-borderColor--invalid: var(--vuiii-color-danger);--vuiii-field-height--small: 2rem;--vuiii-field-padding--small: 1.1875rem;--vuiii-field-fontSize--small: .8125rem;--vuiii-field-borderRadius--small: 2px;--vuiii-field-height--large: 3rem;--vuiii-field-padding--large: 1.4375rem;--vuiii-field-fontSize--large: 1rem;--vuiii-field-borderRadius--large: 3px;--vuiii-field-height--xlarge: 3.25rem;--vuiii-field-padding--xlarge: 1.5625rem;--vuiii-field-fontSize--xlarge: 1.125rem;--vuiii-field-borderRadius--xlarge: 4px;--vuiii-button-bgColor--primary: var(--vuiii-color-primary);--vuiii-button-textColor--primary: var(--vuiii-color-white);--vuiii-button-borderColor--primary: var(--vuiii-color-primary);--vuiii-button-borderWidth--primary: 1px;--vuiii-button-bgColor--secondary: transparent;--vuiii-button-textColor--secondary: var(--vuiii-color-black);--vuiii-button-borderColor--secondary: var(--vuiii-color-black);--vuiii-button-borderWidth--secondary: 1px;--vuiii-input-textColor: inherit;--vuiii-input-borderColor: var(--vuiii-color-gray);--vuiii-input-borderColor--focus: var(--vuiii-color-gray--dark);--vuiii-input-bgColor: var(--vuiii-color-white);--vuiii-input-placeholderColor: var(--vuiii-color-gray--dark)}body{font:var(--vuiii-fontSize) var(--vuiii-typeface-body)}.vuiii-button{--bgColor: var(--vuiii-button-bgColor, transparent);--borderColor: var(--vuiii-button-borderColor, transparent);--textColor: var(--vuiii-button-textColor, black);--borderRadius: var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth));--height: var(--vuiii-button-height, var(--vuiii-field-height));--padding: var(--vuiii-button-padding, var(--vuiii-field-padding));--fontSize: var(--vuiii-button-fontSize, var(--vuiii-field-fontSize));--fontWeight: var(--vuiii-button-fontWeight);--shadow: var(--vuiii-button-shadow, 0 0);--transition: var(--vuiii-button-transition, var(--vuiii-field-transition, none));--ringColor: var(--vuiii-button-ringColor, rgb(0 0 0/.05));--gap: .5rem;--ringSize: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;gap:var(--gap);align-items:center;align-self:center;justify-content:center;padding:0 var(--padding);min-height:var(--height);cursor:pointer;font-size:var(--fontSize, inherit);font-weight:var(--fontWeight, normal);font-family:var(--fontFamily, inherit);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--borderRadius);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow);transition:var(--transition);position:relative;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);color:var(--textColor)}.vuiii-button:focus:not(:disabled):not(.vuiii-button--disabled){--borderColor: var(--vuiii-button-borderColor--focus, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--focus, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black));--ringSize: var(--vuiii-button-ringSize, var(--vuiii-field-ringSize))}.vuiii-button:hover:not(:disabled):not(.vuiii-button--disabled){--borderColor: var(--vuiii-button-borderColor--hover, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--hover, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black))}.vuiii-button.vuiii-button:disabled,.vuiii-button.vuiii-button--disabled{pointer-events:none;opacity:var(--vuiii-button-opacity--disabled, var(--vuiii-field-opacity--disabled, .5))}.vuiii-button.vuiii-button--small{--gap: .5rem;--height: var( --vuiii-button-height--small, var(--vuiii-button-height, var(--vuiii-field-height--small, var(--vuiii-field-height))) );--padding: var( --vuiii-button-padding--small, var(--vuiii-button-padding, var(--vuiii-field-padding--small, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-button-fontSize--small, var(--vuiii-button-fontSize, var(--vuiii-field-fontSize--small, var(--vuiii-field-fontSize))) );--borderRadius: var(--vuiii-button-borderRadius--small, var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius--small, var(--vuiii-field-borderRadius)))) }.vuiii-button.vuiii-button--small:focus:not(:disabled){--ringSize: var(--vuiii-button-ringSize--small, var(--vuiii-button-ringSize, var(--vuiii-field-ringSize--small)))}.vuiii-button.vuiii-button--large{--gap: .75rem;--height: var( --vuiii-button-height--large, var(--vuiii-button-height, var(--vuiii-field-height--large, var(--vuiii-field-height))) );--padding: var( --vuiii-button-padding--large, var(--vuiii-button-padding, var(--vuiii-field-padding--large, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-button-fontSize--large, var(--vuiii-button-fontSize, var(--vuiii-field-fontSize--large, var(--vuiii-field-fontSize))) );--borderRadius: var( --vuiii-button-borderRadius--large, var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius--large, var(--vuiii-field-borderRadius))) )}.vuiii-button.vuiii-button--xlarge{--gap: 1rem;--height: var( --vuiii-button-height--xlarge, var(--vuiii-button-height, var(--vuiii-field-height--xlarge, var(--vuiii-field-height))) );--padding: var( --vuiii-button-padding--xlarge, var(--vuiii-button-padding, var(--vuiii-field-padding--xlarge, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-button-fontSize--xlarge, var(--vuiii-button-fontSize, var(--vuiii-field-fontSize--xlarge, var(--vuiii-field-fontSize))) );--borderRadius: var( --vuiii-button-borderRadius--xlarge, var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius--xlarge, var(--vuiii-field-borderRadius))) )}.vuiii-button.vuiii-button--primary{--bgColor: var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary));--borderColor: var(--vuiii-button-borderColor--primary, transparent);--borderWidth: var(--vuiii-button-borderWidth--primary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--primary, white);--ringColor: var(--vuiii-button-ringColor--primary, var(--vuiii-color-primary-shadow)) }.vuiii-button.vuiii-button--primary:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--primary--focus, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary)));--borderColor: var( --vuiii-button-borderColor--primary--focus, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)) );--textColor: var(--vuiii-button-textColor--primary--focus, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--primary:hover:not(:disabled),.vuiii-button.vuiii-button--primary.vuiii-button--active:not(:disabled){--bgColor: var( --vuiii-button-bgColor--primary--hover, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary--darker)) );--borderColor: var( --vuiii-button-borderColor--primary--hover, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)) );--textColor: var(--vuiii-button-textColor--primary--hover, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--secondary{--bgColor: var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary));--borderColor: var(--vuiii-button-borderColor--secondary, transparent);--borderWidth: var(--vuiii-button-borderWidth--secondary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--secondary, black);--ringColor: var(--vuiii-button-ringColor--secondary, var(--vuiii-color-secondary-shadow)) }.vuiii-button.vuiii-button--secondary:focus:not(:disabled){--bgColor: var( --vuiii-button-bgColor--secondary--focus, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary, transparent)) );--borderColor: var( --vuiii-button-borderColor--secondary--focus, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)) );--textColor: var(--vuiii-button-textColor--secondary--focus, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--secondary:hover:not(:disabled),.vuiii-button.vuiii-button--secondary.vuiii-button--active:not(:disabled){--bgColor: var( --vuiii-button-bgColor--secondary--hover, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary--darker, transparent)) );--borderColor: var( --vuiii-button-borderColor--secondary--hover, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)) );--textColor: var(--vuiii-button-textColor--secondary--hover, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--danger{--bgColor: var(--vuiii-button-bgColor--danger, transparent);--borderColor: var(--vuiii-button-borderColor--danger, var(--vuiii-color-danger));--textColor: var(--vuiii-button-textColor--danger, var(--vuiii-color-danger));--ringColor: var(--vuiii-button-ringColor--danger, var(--vuiii-color-danger-shadow)) }.vuiii-button.vuiii-button--danger:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--focus, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger)));--borderColor: var(--vuiii-button-borderColor--danger--focus, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--focus, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--danger:hover:not(:disabled),.vuiii-button.vuiii-button--danger.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--hover, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger)));--borderColor: var(--vuiii-button-borderColor--danger--hover, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--hover, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--light{--bgColor: white;--textColor: black }.vuiii-button.vuiii-button--light:hover:not(:disabled),.vuiii-button.vuiii-button--light:focus:not(:disabled){--ringSize: 0;--bgColor: white;--textColor: black}.vuiii-button.vuiii-button--dark{--bgColor: black;--textColor: white }.vuiii-button.vuiii-button--dark:hover:not(:disabled),.vuiii-button.vuiii-button--dark:focus:not(:disabled){--ringSize: 0;--bgColor: black;--textColor: white}.vuiii-button.vuiii-button--block{width:100%}.vuiii-button__icon,.vuiii-button__icon.vuiii-button__icon{width:1.25rem}.vuiii-button--small :is(.vuiii-button__icon,.vuiii-button__icon.vuiii-button__icon){width:.75rem}.vuiii-button--large :is(.vuiii-button__icon,.vuiii-button__icon.vuiii-button__icon){width:1.35rem}.vuiii-button__icon--prefix{margin-left:-.125rem}.vuiii-button__icon--suffix{margin-right:-.125rem}.vuiii-input{--textColor: var(--vuiii-input-textColor, inherit);--bgColor: var(--vuiii-input-bgColor, white);--borderRadus: var(--vuiii-input-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-input-borderWidth, 1px);--borderColor: var(--vuiii-input-borderColor, var(--vuiii-color-gray));--height: var(--vuiii-input-height, var(--vuiii-field-height));--padding: var(--vuiii-input-padding, 1rem);--fontSize: var(--vuiii-input-fontSize, var(--vuiii-field-fontSize));--transition: var(--vuiii-input-transition, var(--vuiii-field-transition));--shadow: var(--vuiii-input-shadow, 0 0);--ringColor: var(--vuiii-input-ringColor, var(--vuiii-field-ringColor));--ringSize: 0;width:100%;text-align:left;color:var(--textColor);background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadus);padding-left:var(--padding);padding-right:var(--padding);min-height:var(--height);font-size:var(--fontSize);transition:var(--transition);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow)}.vuiii-input::-moz-placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input:-ms-input-placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input::placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input:focus,.vuiii-input:focus-within{--ringSize: var(--vuiii-input-ringSize, var(--vuiii-field-ringSize));--borderColor: var( --vuiii-input-borderColor--focus, var(--vuiii-field-borderColor--focus, var(--vuiii-input-borderColor, var(--vuiii-color-gray--dark))) );--bgColor: var(--vuiii-input-bgColor--focus, var(--vuiii-input-bgColor, white));--shadow: var(--vuiii-input-shadow--focus, var(--vuiii-input-shadow, 0 0));outline:none}.vuiii-input:disabled,.vuiii-input.vuiii-input--disabled{--borderColor: var(--vuiii-input-borderColor--disabled, --vuiii-color-gray--light);opacity:.6;pointer-events:none}.vuiii-input.vuiii-input--small{--height: var(--vuiii-input-height--small, var(--vuiii-field-height--small));--fontSize: var(--vuiii-input-fontSize--small, var(--vuiii-field-fontSize--small)) }.vuiii-input.vuiii-input--small:focus,.vuiii-input.vuiii-input--small:focus-within{--ringSize: var(--vuiii-field-ringSize--small)}.vuiii-input.vuiii-input--valid{--textColor: var(--vuiii-input-textColor--valid, var(--vuiii-color-success));--borderColor: var(--vuiii-input-borderColor--valid, var(--vuiii-color-success));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2356B981' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.vuiii-input.vuiii-input--invalid{--textColor: var(--vuiii-input-textColor--invalid, var(--vuiii-color-danger));--borderColor: var(--vuiii-input-borderColor--invalid, var(--vuiii-color-danger));--ringColor: var(--vuiii-color-danger-shadow);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.vuiii-input.vuiii-input--invalid:focus,.vuiii-input.vuiii-input--invalid:focus-within{outline:none}.vuiii-input .vuiii-input__nested{color:inherit;padding:0 var(--padding);line-height:1;background:transparent;border:none;border-radius:var(--borderRadus);min-height:calc(var(--height) - 2px);outline:none;cursor:inherit;text-align:inherit}.vuiii-input .vuiii-input__nested::-moz-placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input .vuiii-input__nested:-ms-input-placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input .vuiii-input__nested::placeholder{color:var(--vuiii-input-placeholderColor)}select.vuiii-input{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:right .75rem center;background-size:1.2rem;text-overflow:ellipsis}@supports (-moz-appearance: none){select.vuiii-input{line-height:3}}select.vuiii-input.vuiii-input--small{padding-right:2rem;background-size:1rem}input[type=number].vuiii-input{-moz-appearance:textfield}input.vuiii-input[type=number]::-webkit-outer-spin-button,input.vuiii-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=checkbox].vuiii-input,input[type=radio].vuiii-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;min-height:0;padding:0;background:white;cursor:pointer;flex:none}input.vuiii-input[type=checkbox]:checked,input.vuiii-input[type=radio]:checked{background-repeat:no-repeat;background-position:center;background-color:var(--vuiii-color-primary);border-color:var(--vuiii-color-primary)}input.vuiii-input[type=checkbox]:disabled,input.vuiii-input[type=radio]:disabled{cursor:default}input[type=checkbox].vuiii-input{border-radius:.25rem}input.vuiii-input[type=checkbox]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M20.405 40.983L38.79 59.368 81.217 16.94l14.142 14.143L38.79 87.652 6.263 55.125l14.142-14.142z"/></svg>');background-size:.75rem}input[type=radio].vuiii-input{border-radius:100%}input.vuiii-input[type=radio]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 1 1"><circle r=".5" cx=".5" cy=".5" /></svg>');background-size:.5rem}textarea.vuiii-input{padding-top:.75rem;padding-bottom:.75rem;vertical-align:middle;line-height:1.25;resize:vertical}.Checkbox[data-v-18ef5cd1]{display:inline-flex;align-items:flex-start;vertical-align:top;cursor:pointer}--disabled.Checkbox[data-v-18ef5cd1]{opacity:.5}.Checkbox__input[data-v-18ef5cd1]{margin-top:1px}.Checkbox__switch[data-v-18ef5cd1]{padding:3px;margin-top:-1px;width:2.25rem;border-radius:999px;transition:all .15s ease-out;background:rgb(115,115,115)}--active.Checkbox__switch[data-v-18ef5cd1]{background:var(--vuiii-color-primary)}.Checkbox__switchDot[data-v-18ef5cd1]{width:1.25rem;aspect-ratio:1 / 1;background:white;border-radius:999px;transition:all .15s ease-out}.Checkbox__switch--active .Checkbox__switchDot[data-v-18ef5cd1]{transform:translate(.75rem)}.Checkbox__label[data-v-18ef5cd1]{margin-left:.5rem;line-height:1.375}.Checkbox__required[data-v-18ef5cd1]{line-height:1;color:var(--vuiii-color-danger)}.CheckboxGroup>*+*[data-v-b33477ce]{margin-top:.5rem}.FormGroup[data-v-3281da9f]{width:100%}.FormGroup--invalid[data-v-3281da9f] .vuiii-input,.FormGroup--invalid[data-v-3281da9f] .vuiii-input:hover{--textColor: var(--vuiii-field-borderColor--invalid);--borderColor: var(--vuiii-field-borderColor--invalid);--ringColor: var(--vuiii-field-ringColor--invalid, rgb(225 29 72/.2) )}.FormGroup__header[data-v-3281da9f]{display:flex;align-items:center;margin-bottom:.5rem;gap:.25rem}.FormGroup__label[data-v-3281da9f]{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.FormGroup__required[data-v-3281da9f]{line-height:1;color:var(--vuiii-color-danger)}.FormGroup__description[data-v-3281da9f]{font-size:.8rem;margin-bottom:.75rem;max-width:48rem;color:#737373}.FormGroup__hint[data-v-3281da9f]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:#737373}.FormGroup__error[data-v-3281da9f]{font-size:.8rem;margin-top:.25rem;max-width:48rem;color:var(--vuiii-color-danger)}.FormFields>*+*[data-v-e0fd8fc8]{margin-top:2rem}.Form>*+*[data-v-4a2acd7e]{margin-top:2rem}.Form__buttons[data-v-4a2acd7e]{display:flex;align-items:center;margin-top:2rem}.Form__buttons>*+*[data-v-4a2acd7e]{margin-left:1rem}.Input.Input{position:relative;display:flex;align-items:stretch;cursor:text;padding-left:0;padding-right:0;line-height:none}.Input__prefix,.Input__suffix{position:absolute;top:0;bottom:0;display:flex;width:3rem;opacity:.5;outline:none}.Input__prefix{left:0}.Input__suffix{right:0}.Input__prefix--clickable,.Input__suffix--clickable{cursor:pointer}.Input__prefix--clickable:hover,.Input__suffix--clickable:hover{opacity:.75}.Input__input--withPrefixIcon{padding-left:3rem}.Input__input--withSuffixIcon{padding-right:3rem}.Input__icon{margin:auto;width:1.25rem}.Input__input{width:100%;flex:auto;align-self:stretch}.ModalLayout[data-v-386279ac]{position:relative;display:flex;flex-direction:column;align-items:stretch;margin:auto;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a}.ModalLayout.isScrollable[data-v-386279ac]{min-height:auto;max-height:calc(100vh - 3rem)}.ModalLayout__header[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 4rem 1.25rem 1.5rem}.ModalLayout__header .ModalLayout.isPlain[data-v-386279ac]{padding:0}.ModalLayout__title[data-v-386279ac]{font-size:larger}.ModalLayout__close[data-v-386279ac]{position:absolute;z-index:1;top:0;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4.3rem;font-size:1.85rem;opacity:.4}.ModalLayout__close[data-v-386279ac]:hover{opacity:1;cursor:pointer}.ModalLayout__closeIcon[data-v-386279ac]{width:1.5rem;height:1.5rem}.ModalLayout__body[data-v-386279ac]{flex:1 0 auto;padding:1.5rem;border-radius:4px}.ModalLayout.hasHeader .ModalLayout__body[data-v-386279ac]{padding-top:0;border-top-right-radius:0;border-top-left-radius:0}.ModalLayout.hasFooter .ModalLayout__body[data-v-386279ac]{padding-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.ModalLayout.isScrollable .ModalLayout__body[data-v-386279ac]{flex:1 1 auto;overflow:auto;padding:1.5rem;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ModalLayout.isScrollable.hasHeader .ModalLayout__body[data-v-386279ac]{border-top:1px solid rgba(0,0,0,.1)}.ModalLayout.isScrollable.hasFooter .ModalLayout__body[data-v-386279ac]{border-bottom:1px solid rgba(0,0,0,.1)}.ModalLayout.isPlain .ModalLayout__body[data-v-386279ac]{padding:0}.ModalLayout__footer[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 1.5rem}.ModalLayout.isPlain .ModalLayout__footer[data-v-386279ac]{padding:0}.Radio>*+*[data-v-fc28702a]{margin-top:.5rem}.Radio__option[data-v-fc28702a]{display:flex;align-items:flex-start;vertical-align:top;cursor:pointer}.Radio__input[data-v-fc28702a]{margin-top:1px}.Radio__label[data-v-fc28702a]{margin-left:.5rem;line-height:1.375}.vuiii-table{min-width:100%;background-color:var(--vuiii-table-bgColor);border:1px solid var(--vuiii-table-borderColor, transparent);border-radius:var(--vuiii-table-borderRadius, var(--vuiii-field-borderRadius));shadow:var(--vuiii-table-shadow, var(--vuiii-shadow));font-size:var(--vuiii-table-fontSize, inherit)}.vuiii-table thead tr{border-bottom:1px solid var(--vuiii-color-gray--light)}.vuiii-table thead th{padding:.75rem 1.5rem;font-size:.8rem;font-weight:600;text-align:left;letter-spacing:.025em;color:#404040;text-transform:uppercase}:is(.vuiii-table tbody)>*+*{border-top:1px solid var(--vuiii-color-gray--light)}.vuiii-table tbody td{padding:1rem 1.5rem}.vuiii-table.vuiii-table--hover tbody tr:hover td{background-color:#00000006}.vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-color-danger--darker)}.vuiii-muted{color:var(--vuiii-color-gray-darker)}.ModalLayoutDialog__buttons[data-v-612c6cb9]{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}.ModalLayoutDialog__buttons>*+*[data-v-612c6cb9]{margin-left:.5rem}.ModalLayoutDialog__message--offset[data-v-612c6cb9]{padding-right:2.5rem}.ModalStack[data-v-2f4ee2c2]{position:fixed;z-index:1050}.ModalStack__backdrop[data-v-2f4ee2c2]{background:rgba(0,0,0,.35);position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.ModalStack__modalWrapper[data-v-2f4ee2c2]{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;width:auto;height:auto;padding:1.5rem;overflow:auto}.ModalStack__modalScroller[data-v-2f4ee2c2]{overflow:auto;position:relative;height:100vh;display:flex;justify-content:center;width:100%}.ModalStack__modal[data-v-2f4ee2c2]{transition:filter .15s}.ModalStack__modal[data-v-2f4ee2c2]:not(.isActive){filter:brightness(80%)}.ModalStack__modal-enter-active[data-v-2f4ee2c2],.ModalStack__modal-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__modal-enter-from[data-v-2f4ee2c2],.ModalStack__modal-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.ModalStack__backdrop-enter-active[data-v-2f4ee2c2],.ModalStack__backdrop-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__backdrop-enter-from[data-v-2f4ee2c2],.ModalStack__backdrop-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.Snackbar[data-v-272e7ab3]{position:fixed;bottom:0;right:0;z-index:10;margin:2rem}.Snackbar__transition-enter-from[data-v-272e7ab3],.Snackbar__transition-leave-to[data-v-272e7ab3]{opacity:0;transform:translateY(.5rem)}.Snackbar__transition-enter-active[data-v-272e7ab3],.Snackbar__transition-leave-active[data-v-272e7ab3]{transition:all .15s ease-out}.Snackbar__transition-enter-to[data-v-272e7ab3],.Snackbar__transition-leave-from[data-v-272e7ab3]{opacity:1}.Snackbar__message[data-v-272e7ab3]{position:absolute;bottom:0;right:0;display:flex;justify-content:flex-end;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:48rem;pointer-events:none;word-break:break-word}.Snackbar__messageWrapper[data-v-272e7ab3]{padding-top:.5rem;transition:transform .15s ease-in}.Snackbar__messageBlock[data-v-272e7ab3]{display:inline-flex;align-items:flex-start;padding:.75rem 1.5rem;color:#fff;border-radius:.25rem;cursor:default;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Snackbar__messageBlock--success[data-v-272e7ab3]{background-color:#000}.Snackbar__messageBlock--error[data-v-272e7ab3]{background-color:var(--vuiii-color-danger)}.Snackbar__messageClose[data-v-272e7ab3]{display:inline-flex;justify-content:center;align-items:center;padding:.75rem;margin:-.75rem -.75rem -.75rem .75rem;font-size:.85rem;font-weight:600;opacity:.5;cursor:pointer}.Snackbar__messageClose[data-v-272e7ab3]:hover{opacity:1}.Snackbar__messageCloseIcon[data-v-272e7ab3]{width:1rem}
+.vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-color-danger--darker)}.IconSpinner[data-v-74889b0a]{will-change:transform;-webkit-animation:animation-74889b0a .7s infinite linear;animation:animation-74889b0a .7s infinite linear}@-webkit-keyframes animation-74889b0a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animation-74889b0a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Icon[data-v-d6365fe8]{display:inline-block;vertical-align:middle;width:var(--vuiii-icon-size);aspect-ratio:1 / 1;flex:none}.Icon--small[data-v-d6365fe8]{width:var(--vuiii-icon-size--small)}.Icon--large[data-v-d6365fe8]{width:var(--vuiii-icon-size--large)}.Icon--xlarge[data-v-d6365fe8]{width:var(--vuiii-icon-size--xlarge)}.Breadcrumbs[data-v-36e0aab2]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;opacity:.5}.Breadcrumbs__breadcrumb[data-v-36e0aab2]{display:flex;align-items:center;font-size:.85rem;gap:.5rem}.Breadcrumbs__link[data-v-36e0aab2]:hover{text-decoration:underline}.Breadcrumbs__arrow[data-v-36e0aab2]{width:1rem}:root{--vuiii-typeface-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--vuiii-typeface-display: var(--vuiii-typeface-body);--vuiii-fontSize: 1rem;--vuiii-fontSize--small: .875rem;--vuiii-fontSize--large: 1.125rem;--vuiii-fontSize--xlarge: 1.2rem;--vuiii-color-white: white;--vuiii-color-black: black;--vuiii-color-gray: rgb(212 212 216);--vuiii-color-gray--light: rgb(229, 229, 229);--vuiii-color-gray--lighter: rgb(245, 245, 245);--vuiii-color-gray--lightest: rgb(250, 250, 250);--vuiii-color-gray--dark: rgb(163, 163, 163);--vuiii-color-gray--darker: rgb(115, 115, 115);--vuiii-color-gray--darkest: rgb(82, 82, 82);--vuiii-color-primary: rgb(79 70 229);--vuiii-color-primary-shadow: rgb(67 56 202/.2);--vuiii-color-primary--darker: rgb(67 56 202);--vuii-color-secondary: rgb(212 212 216);--vuii-color-secondary-shadow: rgb(192 192 192/.25);--vuii-color-secondary--darker: rgb(192 192 192);--vuiii-color-danger: rgb(225 29 72);--vuiii-color-danger-shadow: rgb(225 29 72/.2);--vuiii-color-danger--darker: rgb(190 18 60);--vuiii-color-success: rgb(77 124 15);--vuiii-color-success-shadow: rgb(77 124 15/.2);--vuiii-color-success--darker: rgb(63 98 18);--vuiii-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);--vuiii-field-height: 2.5rem;--vuiii-field-padding: 1.35rem;--vuiii-field-borderRadius: 3px;--vuiii-field-borderWidth: 1px;--vuiii-field-bgColor: var(--vuiii-color-white);--vuiii-field-borderColor: var(--vuiii-color-gray);--vuiii-field-fontSize: var(--vuiii-fontSize--small);--vuiii-field-ringColor: none;--vuiii-field-ringSize: 0;--vuiii-field-borderColor--active: var(--vuiii-color-gray--dark);--vuiii-field-borderColor--focus: var(--vuiii-color-gray--dark);--vuiii-field-borderColor--invalid: var(--vuiii-color-danger);--vuiii-field-height--small: 2rem;--vuiii-field-padding--small: 1.1875rem;--vuiii-field-fontSize--small: .8125rem;--vuiii-field-borderRadius--small: 2px;--vuiii-field-height--large: 3rem;--vuiii-field-padding--large: 1.4375rem;--vuiii-field-fontSize--large: 1rem;--vuiii-field-borderRadius--large: 3px;--vuiii-field-height--xlarge: 3.25rem;--vuiii-field-padding--xlarge: 1.5625rem;--vuiii-field-fontSize--xlarge: 1.125rem;--vuiii-field-borderRadius--xlarge: 4px;--vuiii-button-bgColor--primary: var(--vuiii-color-primary);--vuiii-button-textColor--primary: var(--vuiii-color-white);--vuiii-button-borderColor--primary: var(--vuiii-color-primary);--vuiii-button-borderWidth--primary: 1px;--vuiii-button-bgColor--secondary: transparent;--vuiii-button-textColor--secondary: var(--vuiii-color-black);--vuiii-button-borderColor--secondary: var(--vuiii-color-black);--vuiii-button-borderWidth--secondary: 1px;--vuiii-input-textColor: inherit;--vuiii-input-borderColor: var(--vuiii-color-gray);--vuiii-input-borderColor--focus: var(--vuiii-color-gray--dark);--vuiii-input-bgColor: var(--vuiii-color-white);--vuiii-input-placeholderColor: var(--vuiii-color-gray--dark);--vuiii-icon-size: 1.3rem;--vuiii-icon-size--small: 1.1rem;--vuiii-icon-size--large: 1.5rem;--vuiii-icon-size--xlarge: 1.75rem}body{font:var(--vuiii-fontSize) var(--vuiii-typeface-body)}.vuiii-button{--bgColor: var(--vuiii-button-bgColor, transparent);--borderColor: var(--vuiii-button-borderColor, transparent);--textColor: var(--vuiii-button-textColor, black);--borderRadius: var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth));--height: var(--vuiii-button-height, var(--vuiii-field-height));--padding: var(--vuiii-button-padding, var(--vuiii-field-padding));--fontSize: var(--vuiii-button-fontSize, var(--vuiii-field-fontSize));--fontWeight: var(--vuiii-button-fontWeight);--shadow: var(--vuiii-button-shadow, 0 0);--transition: var(--vuiii-button-transition, var(--vuiii-field-transition, none));--ringColor: var(--vuiii-button-ringColor, rgb(0 0 0/.05));--gap: .5rem;--ringSize: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;gap:var(--gap);align-items:center;align-self:center;justify-content:center;padding:0 var(--padding);min-height:var(--height);cursor:pointer;font-size:var(--fontSize, inherit);font-weight:var(--fontWeight, normal);font-family:var(--fontFamily, inherit);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--borderRadius);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow);transition:var(--transition);position:relative;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);color:var(--textColor)}.vuiii-button:focus:not(:disabled):not(.vuiii-button--disabled){--borderColor: var(--vuiii-button-borderColor--focus, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--focus, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black));--ringSize: var(--vuiii-button-ringSize, var(--vuiii-field-ringSize))}.vuiii-button:hover:not(:disabled):not(.vuiii-button--disabled){--borderColor: var(--vuiii-button-borderColor--hover, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--hover, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black))}.vuiii-button.vuiii-button:disabled,.vuiii-button.vuiii-button--disabled{pointer-events:none;opacity:var(--vuiii-button-opacity--disabled, var(--vuiii-field-opacity--disabled, .5))}.vuiii-button.vuiii-button--small{--gap: .5rem;--height: var( --vuiii-button-height--small, var(--vuiii-button-height, var(--vuiii-field-height--small, var(--vuiii-field-height))) );--padding: var( --vuiii-button-padding--small, var(--vuiii-button-padding, var(--vuiii-field-padding--small, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-button-fontSize--small, var(--vuiii-button-fontSize, var(--vuiii-field-fontSize--small, var(--vuiii-field-fontSize))) );--borderRadius: var(--vuiii-button-borderRadius--small, var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius--small, var(--vuiii-field-borderRadius)))) }.vuiii-button.vuiii-button--small:focus:not(:disabled){--ringSize: var(--vuiii-button-ringSize--small, var(--vuiii-button-ringSize, var(--vuiii-field-ringSize--small)))}.vuiii-button.vuiii-button--large{--gap: .75rem;--height: var( --vuiii-button-height--large, var(--vuiii-button-height, var(--vuiii-field-height--large, var(--vuiii-field-height))) );--padding: var( --vuiii-button-padding--large, var(--vuiii-button-padding, var(--vuiii-field-padding--large, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-button-fontSize--large, var(--vuiii-button-fontSize, var(--vuiii-field-fontSize--large, var(--vuiii-field-fontSize))) );--borderRadius: var( --vuiii-button-borderRadius--large, var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius--large, var(--vuiii-field-borderRadius))) )}.vuiii-button.vuiii-button--xlarge{--gap: 1rem;--height: var( --vuiii-button-height--xlarge, var(--vuiii-button-height, var(--vuiii-field-height--xlarge, var(--vuiii-field-height))) );--padding: var( --vuiii-button-padding--xlarge, var(--vuiii-button-padding, var(--vuiii-field-padding--xlarge, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-button-fontSize--xlarge, var(--vuiii-button-fontSize, var(--vuiii-field-fontSize--xlarge, var(--vuiii-field-fontSize))) );--borderRadius: var( --vuiii-button-borderRadius--xlarge, var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius--xlarge, var(--vuiii-field-borderRadius))) )}.vuiii-button.vuiii-button--primary{--bgColor: var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary));--borderColor: var(--vuiii-button-borderColor--primary, transparent);--borderWidth: var(--vuiii-button-borderWidth--primary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--primary, white);--ringColor: var(--vuiii-button-ringColor--primary, var(--vuiii-color-primary-shadow)) }.vuiii-button.vuiii-button--primary:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--primary--focus, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary)));--borderColor: var( --vuiii-button-borderColor--primary--focus, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)) );--textColor: var(--vuiii-button-textColor--primary--focus, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--primary:hover:not(:disabled),.vuiii-button.vuiii-button--primary.vuiii-button--active:not(:disabled){--bgColor: var( --vuiii-button-bgColor--primary--hover, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary--darker)) );--borderColor: var( --vuiii-button-borderColor--primary--hover, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)) );--textColor: var(--vuiii-button-textColor--primary--hover, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--secondary{--bgColor: var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary));--borderColor: var(--vuiii-button-borderColor--secondary, transparent);--borderWidth: var(--vuiii-button-borderWidth--secondary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--secondary, black);--ringColor: var(--vuiii-button-ringColor--secondary, var(--vuiii-color-secondary-shadow)) }.vuiii-button.vuiii-button--secondary:focus:not(:disabled){--bgColor: var( --vuiii-button-bgColor--secondary--focus, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary, transparent)) );--borderColor: var( --vuiii-button-borderColor--secondary--focus, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)) );--textColor: var(--vuiii-button-textColor--secondary--focus, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--secondary:hover:not(:disabled),.vuiii-button.vuiii-button--secondary.vuiii-button--active:not(:disabled){--bgColor: var( --vuiii-button-bgColor--secondary--hover, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary--darker, transparent)) );--borderColor: var( --vuiii-button-borderColor--secondary--hover, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)) );--textColor: var(--vuiii-button-textColor--secondary--hover, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--danger{--bgColor: var(--vuiii-button-bgColor--danger, transparent);--borderColor: var(--vuiii-button-borderColor--danger, var(--vuiii-color-danger));--textColor: var(--vuiii-button-textColor--danger, var(--vuiii-color-danger));--ringColor: var(--vuiii-button-ringColor--danger, var(--vuiii-color-danger-shadow)) }.vuiii-button.vuiii-button--danger:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--focus, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger)));--borderColor: var(--vuiii-button-borderColor--danger--focus, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--focus, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--danger:hover:not(:disabled),.vuiii-button.vuiii-button--danger.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--hover, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger)));--borderColor: var(--vuiii-button-borderColor--danger--hover, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--hover, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--light{--bgColor: white;--textColor: black }.vuiii-button.vuiii-button--light:hover:not(:disabled),.vuiii-button.vuiii-button--light:focus:not(:disabled){--ringSize: 0;--bgColor: white;--textColor: black}.vuiii-button.vuiii-button--dark{--bgColor: black;--textColor: white }.vuiii-button.vuiii-button--dark:hover:not(:disabled),.vuiii-button.vuiii-button--dark:focus:not(:disabled){--ringSize: 0;--bgColor: black;--textColor: white}.vuiii-button.vuiii-button--block{width:100%}.vuiii-button__icon,.vuiii-button__icon.vuiii-button__icon{width:1.25rem}.vuiii-button--small :is(.vuiii-button__icon,.vuiii-button__icon.vuiii-button__icon){width:.75rem}.vuiii-button--large :is(.vuiii-button__icon,.vuiii-button__icon.vuiii-button__icon){width:1.35rem}.vuiii-button__icon--prefix{margin-left:-.125rem}.vuiii-button__icon--suffix{margin-right:-.125rem}:root{--vuiii-typeface-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--vuiii-typeface-display: var(--vuiii-typeface-body);--vuiii-fontSize: 1rem;--vuiii-fontSize--small: .875rem;--vuiii-fontSize--large: 1.125rem;--vuiii-fontSize--xlarge: 1.2rem;--vuiii-color-white: white;--vuiii-color-black: black;--vuiii-color-gray: rgb(212 212 216);--vuiii-color-gray--light: rgb(229, 229, 229);--vuiii-color-gray--lighter: rgb(245, 245, 245);--vuiii-color-gray--lightest: rgb(250, 250, 250);--vuiii-color-gray--dark: rgb(163, 163, 163);--vuiii-color-gray--darker: rgb(115, 115, 115);--vuiii-color-gray--darkest: rgb(82, 82, 82);--vuiii-color-primary: rgb(79 70 229);--vuiii-color-primary-shadow: rgb(67 56 202/.2);--vuiii-color-primary--darker: rgb(67 56 202);--vuii-color-secondary: rgb(212 212 216);--vuii-color-secondary-shadow: rgb(192 192 192/.25);--vuii-color-secondary--darker: rgb(192 192 192);--vuiii-color-danger: rgb(225 29 72);--vuiii-color-danger-shadow: rgb(225 29 72/.2);--vuiii-color-danger--darker: rgb(190 18 60);--vuiii-color-success: rgb(77 124 15);--vuiii-color-success-shadow: rgb(77 124 15/.2);--vuiii-color-success--darker: rgb(63 98 18);--vuiii-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);--vuiii-field-height: 2.5rem;--vuiii-field-padding: 1.35rem;--vuiii-field-borderRadius: 3px;--vuiii-field-borderWidth: 1px;--vuiii-field-bgColor: var(--vuiii-color-white);--vuiii-field-borderColor: var(--vuiii-color-gray);--vuiii-field-fontSize: var(--vuiii-fontSize--small);--vuiii-field-ringColor: none;--vuiii-field-ringSize: 0;--vuiii-field-borderColor--active: var(--vuiii-color-gray--dark);--vuiii-field-borderColor--focus: var(--vuiii-color-gray--dark);--vuiii-field-borderColor--invalid: var(--vuiii-color-danger);--vuiii-field-height--small: 2rem;--vuiii-field-padding--small: 1.1875rem;--vuiii-field-fontSize--small: .8125rem;--vuiii-field-borderRadius--small: 2px;--vuiii-field-height--large: 3rem;--vuiii-field-padding--large: 1.4375rem;--vuiii-field-fontSize--large: 1rem;--vuiii-field-borderRadius--large: 3px;--vuiii-field-height--xlarge: 3.25rem;--vuiii-field-padding--xlarge: 1.5625rem;--vuiii-field-fontSize--xlarge: 1.125rem;--vuiii-field-borderRadius--xlarge: 4px;--vuiii-button-bgColor--primary: var(--vuiii-color-primary);--vuiii-button-textColor--primary: var(--vuiii-color-white);--vuiii-button-borderColor--primary: var(--vuiii-color-primary);--vuiii-button-borderWidth--primary: 1px;--vuiii-button-bgColor--secondary: transparent;--vuiii-button-textColor--secondary: var(--vuiii-color-black);--vuiii-button-borderColor--secondary: var(--vuiii-color-black);--vuiii-button-borderWidth--secondary: 1px;--vuiii-input-textColor: inherit;--vuiii-input-borderColor: var(--vuiii-color-gray);--vuiii-input-borderColor--focus: var(--vuiii-color-gray--dark);--vuiii-input-bgColor: var(--vuiii-color-white);--vuiii-input-placeholderColor: var(--vuiii-color-gray--dark);--vuiii-icon-size: 1.3rem;--vuiii-icon-size--small: 1.1rem;--vuiii-icon-size--large: 1.5rem;--vuiii-icon-size--xlarge: 1.75rem}body{font:var(--vuiii-fontSize) var(--vuiii-typeface-body)}.vuiii-input{--textColor: var(--vuiii-input-textColor, inherit);--bgColor: var(--vuiii-input-bgColor, white);--borderRadus: var(--vuiii-input-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-input-borderWidth, var(--vuiii-field-borderWidth));--borderColor: var(--vuiii-input-borderColor, var(--vuiii-color-gray));--height: var(--vuiii-input-height, var(--vuiii-field-height));--padding: var(--vuiii-input-padding, var(--vuiii-field-padding));--fontSize: var(--vuiii-input-fontSize, var(--vuiii-field-fontSize));--transition: var(--vuiii-input-transition, var(--vuiii-field-transition));--shadow: var(--vuiii-input-shadow, 0 0);--ringColor: var(--vuiii-input-ringColor, var(--vuiii-field-ringColor));--ringSize: 0;--iconSize: var(--vuiii-icon-size);width:100%;color:var(--textColor);background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadus);padding-left:var(--padding);padding-right:var(--padding);min-height:var(--height);font-size:var(--fontSize);transition:var(--transition);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow);text-align:left}.vuiii-input::-moz-placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input:-ms-input-placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input::placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input:focus,.vuiii-input:focus-within{--ringSize: var(--vuiii-input-ringSize, var(--vuiii-field-ringSize));--borderColor: var( --vuiii-input-borderColor--focus, var(--vuiii-field-borderColor--focus, var(--vuiii-input-borderColor, var(--vuiii-color-gray--dark))) );--bgColor: var(--vuiii-input-bgColor--focus, var(--vuiii-input-bgColor, white));--shadow: var(--vuiii-input-shadow--focus, var(--vuiii-input-shadow, 0 0));outline:none}.vuiii-input:disabled,.vuiii-input.vuiii-input--disabled{opacity:.6;pointer-events:none}.vuiii-input.vuiii-input--small{--height: var(--vuiii-input-height--small, var(--vuiii-field-height--small, var(--vuiii-field-height)));--padding: var( --vuiii-input-padding--small, var(--vuiii-input-padding, var(--vuiii-field-padding--small, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-input-fontSize--small, var(--vuiii-field-fontSize--small, var(--vuiii-input-fontSize, var(--vuiii-field-fontSize))) );--borderRadius: var( --vuiii-input-borderRadius--small, var(--vuiii-input-borderRadius, var(--vuiii-field-borderRadius--small, var(--vuiii-field-borderRadius))) );--iconSize: var(--vuiii-icon-size--small) }.vuiii-input.vuiii-input--small:focus,.vuiii-input.vuiii-input--small:focus-within{--ringSize: var(--vuiii-field-ringSize--small, var(--vuiii-field-ringSize))}.vuiii-input.vuiii-input--large{--height: var(--vuiii-input-height--large, var(--vuiii-field-height--large, var(--vuiii-field-height)));--padding: var( --vuiii-input-padding--large, var(--vuiii-input-padding, var(--vuiii-field-padding--large, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-input-fontSize--large, var(--vuiii-input-fontSize, var(--vuiii-field-fontSize--large, var(--vuiii-field-fontSize))) );--borderRadius: var( --vuiii-input-borderRadius--large, var(--vuiii-input-borderRadius, var(--vuiii-field-borderRadius--large, var(--vuiii-field-borderRadius))) );--iconSize: var(--vuiii-icon-size--large)}.vuiii-input.vuiii-input--xlarge{--height: var( --vuiii-input-height--xlarge, var(--vuiii-input-height, var(--vuiii-field-height--xlarge, var(--vuiii-field-height))) );--padding: var( --vuiii-input-padding--xlarge, var(--vuiii-input-padding, var(--vuiii-field-padding--xlarge, var(--vuiii-field-padding))) );--fontSize: var( --vuiii-input-fontSize--xlarge, var(--vuiii-input-fontSize, var(--vuiii-field-fontSize--xlarge, var(--vuiii-field-fontSize))) );--borderRadius: var( --vuiii-input-borderRadius--xlarge, var(--vuiii-input-borderRadius, var(--vuiii-field-borderRadius--xlarge, var(--vuiii-field-borderRadius))) );--iconSize: var(--vuiii-icon-size--xlarge)}.vuiii-input.vuiii-input--valid{--textColor: var(--vuiii-input-textColor--valid, var(--vuiii-color-success));--borderColor: var(--vuiii-input-borderColor--valid, var(--vuiii-color-success))}.vuiii-input.vuiii-input--invalid{--textColor: var(--vuiii-input-textColor--invalid, var(--vuiii-color-danger));--borderColor: var(--vuiii-input-borderColor--invalid, var(--vuiii-color-danger));--ringColor: var(--vuiii-color-danger-shadow)}.vuiii-input .vuiii-input__nested{color:inherit;padding:0 var(--padding);line-height:1;background:transparent;border:none;border-radius:var(--borderRadus);min-height:calc(var(--height) - 2px);outline:none;cursor:inherit;text-align:inherit;font-size:inherit}.vuiii-input .vuiii-input__nested::-moz-placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input .vuiii-input__nested:-ms-input-placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input .vuiii-input__nested::placeholder{color:var(--vuiii-input-placeholderColor)}.vuiii-input .vuiii-input__prefix-icon,.vuiii-input .vuiii-input__suffix-icon{display:flex;width:calc(var(--iconSize) * 2 + var(--padding));opacity:.5;outline:none;align-items:center;justify-content:center}.vuiii-input .vuiii-input__prefix-icon{margin-right:calc(var(--padding) * -1.25)}.vuiii-input .vuiii-input__suffix-icon{margin-left:calc(var(--padding) * -1.25)}input[type=number].vuiii-input{-moz-appearance:textfield}input.vuiii-input[type=number]::-webkit-outer-spin-button,input.vuiii-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea.vuiii-input{padding-top:.75rem;padding-bottom:.75rem;vertical-align:middle;line-height:1.25;resize:vertical}input[type=checkbox].vuiii-input,input[type=radio].vuiii-input{--height: var(--vuiii-icon-size);--width: var(--vuiii-icon-size);--padding: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;flex:none}input.vuiii-input[type=checkbox]:checked,input.vuiii-input[type=radio]:checked{background-repeat:no-repeat;background-position:center;background-color:var(--vuiii-color-primary);border-color:var(--vuiii-color-primary)}input.vuiii-input[type=checkbox]:disabled,input.vuiii-input[type=radio]:disabled{opacity:.5;cursor:default}input.vuiii-input[type=checkbox]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M20.405 40.983L38.79 59.368 81.217 16.94l14.142 14.143L38.79 87.652 6.263 55.125l14.142-14.142z"/></svg>');background-size:.75rem}input[type=radio].vuiii-input{border-radius:100%}input.vuiii-input[type=radio]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 1 1"><circle r=".5" cx=".5" cy=".5" /></svg>');background-size:.5rem}.Checkbox[data-v-61b2c03d]{display:inline-flex;align-items:center;vertical-align:top;cursor:pointer;gap:.65rem}.Checkbox--disabled[data-v-61b2c03d]{opacity:.5;cursor:default}.Checkbox__input[data-v-61b2c03d]{position:absolute;left:-99999px}.Checkbox__checkbox[data-v-61b2c03d]{--vuiii-input-transition: all .1s;--vuiii-input-padding: 0;align-self:flex-start;width:var(--vuiii-icon-size);aspect-ratio:1 / 1;min-height:0}.Checkbox__checkbox .Checkbox__checkboxIcon[data-v-61b2c03d]{scale:50%;opacity:0;transition:scale .15s ease-out,opacity .15s ease-out}input:checked+.Checkbox__checkbox[data-v-61b2c03d]{--vuiii-input-bgColor: var(--vuiii-color-primary);--vuiii-input-borderColor: var(--vuiii-color-primary);--vuiii-input-textColor: var(--vuiii-color-white) }input:checked+.Checkbox__checkbox .Checkbox__checkboxIcon[data-v-61b2c03d]{scale:100%;opacity:1}input:focus:not(:checked)+.Checkbox__checkbox[data-v-61b2c03d]{--borderColor: var( --vuiii-input-borderColor--focus, var(--vuiii-field-borderColor--focus, var(--vuiii-input-borderColor, var(--vuiii-color-gray--dark))) ) }.Checkbox__switch[data-v-61b2c03d]{align-self:flex-start;padding:3px;margin-top:-1px;width:2.25rem;border-radius:999px;transition:all .15s ease-out;background:var(--vuiii-input-borderColor, --vuiii-field-borderColor);border:1px solid var(--vuiii-input-borderColor, --vuiii-field-borderColor)}.Checkbox__switch .Checkbox__switchDot[data-v-61b2c03d]{width:1.25rem;aspect-ratio:1 / 1;background:var(--vuiii-color-white);border-radius:999px;transition:all .15s ease-out}input:checked+.Checkbox__switch[data-v-61b2c03d]{background:var(--vuiii-color-primary);border-color:var(--vuiii-color-primary)}input:checked+.Checkbox__switch .Checkbox__switchDot[data-v-61b2c03d]{transform:translate(1rem)}input:focus:not(:checked)+.Checkbox__switch[data-v-61b2c03d]{border-color:var( --vuiii-input-borderColor--focus, var(--vuiii-field-borderColor--focus, var(--vuiii-input-borderColor)) )}.Checkbox__label[data-v-61b2c03d]{line-height:1.45}.Checkbox__required[data-v-61b2c03d]{line-height:1;color:var(--vuiii-color-danger)}.Checkbox__description[data-v-61b2c03d]{margin-top:.1rem;opacity:.35;font-size:var(--vuiii-fontSize--small)}.CheckboxGroup>*+*[data-v-6c728135]{margin-top:.75rem}.FormGroup[data-v-3281da9f]{width:100%}.FormGroup--invalid[data-v-3281da9f] .vuiii-input,.FormGroup--invalid[data-v-3281da9f] .vuiii-input:hover{--textColor: var(--vuiii-field-borderColor--invalid);--borderColor: var(--vuiii-field-borderColor--invalid);--ringColor: var(--vuiii-field-ringColor--invalid, rgb(225 29 72/.2) )}.FormGroup__header[data-v-3281da9f]{display:flex;align-items:center;margin-bottom:.5rem;gap:.25rem}.FormGroup__label[data-v-3281da9f]{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.FormGroup__required[data-v-3281da9f]{line-height:1;color:var(--vuiii-color-danger)}.FormGroup__description[data-v-3281da9f]{font-size:.8rem;margin-bottom:.75rem;max-width:48rem;color:#737373}.FormGroup__hint[data-v-3281da9f]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:#737373}.FormGroup__error[data-v-3281da9f]{font-size:.8rem;margin-top:.25rem;max-width:48rem;color:var(--vuiii-color-danger)}.FormFields>*+*[data-v-25bfba91]{margin-top:2rem}.Form>*+*[data-v-065d38a8]{margin-top:2rem}.Form__buttons[data-v-065d38a8]{display:flex;align-items:center;margin-top:2rem}.Form__buttons>*+*[data-v-065d38a8]{margin-left:1rem}.Input.Input{position:relative;display:flex;align-items:stretch;cursor:text;padding-left:0;padding-right:0;line-height:1}.Input__input.Input__input{width:100%;flex:auto;align-self:stretch}.Input__icon{cursor:pointer}.Input__icon:hover{opacity:.75}.ModalLayout[data-v-386279ac]{position:relative;display:flex;flex-direction:column;align-items:stretch;margin:auto;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a}.ModalLayout.isScrollable[data-v-386279ac]{min-height:auto;max-height:calc(100vh - 3rem)}.ModalLayout__header[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 4rem 1.25rem 1.5rem}.ModalLayout__header .ModalLayout.isPlain[data-v-386279ac]{padding:0}.ModalLayout__title[data-v-386279ac]{font-size:larger}.ModalLayout__close[data-v-386279ac]{position:absolute;z-index:1;top:0;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4.3rem;font-size:1.85rem;opacity:.4}.ModalLayout__close[data-v-386279ac]:hover{opacity:1;cursor:pointer}.ModalLayout__closeIcon[data-v-386279ac]{width:1.5rem;height:1.5rem}.ModalLayout__body[data-v-386279ac]{flex:1 0 auto;padding:1.5rem;border-radius:4px}.ModalLayout.hasHeader .ModalLayout__body[data-v-386279ac]{padding-top:0;border-top-right-radius:0;border-top-left-radius:0}.ModalLayout.hasFooter .ModalLayout__body[data-v-386279ac]{padding-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.ModalLayout.isScrollable .ModalLayout__body[data-v-386279ac]{flex:1 1 auto;overflow:auto;padding:1.5rem;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ModalLayout.isScrollable.hasHeader .ModalLayout__body[data-v-386279ac]{border-top:1px solid rgba(0,0,0,.1)}.ModalLayout.isScrollable.hasFooter .ModalLayout__body[data-v-386279ac]{border-bottom:1px solid rgba(0,0,0,.1)}.ModalLayout.isPlain .ModalLayout__body[data-v-386279ac]{padding:0}.ModalLayout__footer[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 1.5rem}.ModalLayout.isPlain .ModalLayout__footer[data-v-386279ac]{padding:0}.RadioGroup>*+*[data-v-d030b95a]{margin-top:.75rem}.RadioGroup__option[data-v-d030b95a]{display:flex;align-items:flex-start;vertical-align:top;cursor:pointer;gap:.65rem}.RadioGroup__option--disabled[data-v-d030b95a]{opacity:.5;cursor:default}.RadioGroup__input[data-v-d030b95a]{position:absolute;left:-99999px}.RadioGroup__radio[data-v-d030b95a]{--vuiii-input-transition: all .1s;--vuiii-input-padding: 0;width:var(--vuiii-icon-size);aspect-ratio:1 / 1;border-radius:999px;min-height:0;display:flex}.RadioGroup__radio .RadioGroup__radioDot[data-v-d030b95a]{margin:auto;width:.65rem;aspect-ratio:1 / 1;background:var(--vuiii-color-white);border-radius:999px;scale:50%;opacity:0;transition:scale .15s ease-out,opacity .15s ease-out}input:checked+.RadioGroup__radio[data-v-d030b95a]{--vuiii-input-bgColor: var(--vuiii-color-primary);--vuiii-input-borderColor: var(--vuiii-color-primary);--vuiii-input-textColor: var(--vuiii-color-white) }input:checked+.RadioGroup__radio .RadioGroup__radioDot[data-v-d030b95a]{scale:100%;opacity:1}input:focus:not(:checked)+.RadioGroup__radio[data-v-d030b95a]{--borderColor: var( --vuiii-input-borderColor--focus, var(--vuiii-field-borderColor--focus, var(--vuiii-input-borderColor, var(--vuiii-color-gray--dark))) ) }.RadioGroup__label[data-v-d030b95a]{line-height:1.45}.RadioGroup__description[data-v-d030b95a]{margin-top:.1rem;opacity:.35;font-size:var(--vuiii-fontSize--small)}.Select.Select{position:relative;display:flex;align-items:stretch;padding-left:0;padding-right:0;line-height:1}.Select__select.Select__select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-overflow:ellipsis;align-self:stretch;padding-right:0rem}@supports (-moz-appearance: none){.Select__select.Select__select{line-height:3}}.vuiii-table{min-width:100%;background-color:var(--vuiii-table-bgColor);border:1px solid var(--vuiii-table-borderColor, transparent);border-radius:var(--vuiii-table-borderRadius, var(--vuiii-field-borderRadius));shadow:var(--vuiii-table-shadow, var(--vuiii-shadow));font-size:var(--vuiii-table-fontSize, inherit)}.vuiii-table thead tr{border-bottom:1px solid var(--vuiii-color-gray--light)}.vuiii-table thead th{padding:.75rem 1.5rem;font-size:.8rem;font-weight:600;text-align:left;letter-spacing:.025em;color:#404040;text-transform:uppercase}:is(.vuiii-table tbody)>*+*{border-top:1px solid var(--vuiii-color-gray--light)}.vuiii-table tbody td{padding:1rem 1.5rem}.vuiii-table.vuiii-table--hover tbody tr:hover td{background-color:#00000006}.vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-color-danger--darker)}.vuiii-muted{color:var(--vuiii-color-gray-darker)}.ModalLayoutDialog__buttons[data-v-612c6cb9]{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}.ModalLayoutDialog__buttons>*+*[data-v-612c6cb9]{margin-left:.5rem}.ModalLayoutDialog__message--offset[data-v-612c6cb9]{padding-right:2.5rem}.ModalStack[data-v-2f4ee2c2]{position:fixed;z-index:1050}.ModalStack__backdrop[data-v-2f4ee2c2]{background:rgba(0,0,0,.35);position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.ModalStack__modalWrapper[data-v-2f4ee2c2]{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;width:auto;height:auto;padding:1.5rem;overflow:auto}.ModalStack__modalScroller[data-v-2f4ee2c2]{overflow:auto;position:relative;height:100vh;display:flex;justify-content:center;width:100%}.ModalStack__modal[data-v-2f4ee2c2]{transition:filter .15s}.ModalStack__modal[data-v-2f4ee2c2]:not(.isActive){filter:brightness(80%)}.ModalStack__modal-enter-active[data-v-2f4ee2c2],.ModalStack__modal-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__modal-enter-from[data-v-2f4ee2c2],.ModalStack__modal-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.ModalStack__backdrop-enter-active[data-v-2f4ee2c2],.ModalStack__backdrop-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__backdrop-enter-from[data-v-2f4ee2c2],.ModalStack__backdrop-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.Snackbar[data-v-272e7ab3]{position:fixed;bottom:0;right:0;z-index:10;margin:2rem}.Snackbar__transition-enter-from[data-v-272e7ab3],.Snackbar__transition-leave-to[data-v-272e7ab3]{opacity:0;transform:translateY(.5rem)}.Snackbar__transition-enter-active[data-v-272e7ab3],.Snackbar__transition-leave-active[data-v-272e7ab3]{transition:all .15s ease-out}.Snackbar__transition-enter-to[data-v-272e7ab3],.Snackbar__transition-leave-from[data-v-272e7ab3]{opacity:1}.Snackbar__message[data-v-272e7ab3]{position:absolute;bottom:0;right:0;display:flex;justify-content:flex-end;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:48rem;pointer-events:none;word-break:break-word}.Snackbar__messageWrapper[data-v-272e7ab3]{padding-top:.5rem;transition:transform .15s ease-in}.Snackbar__messageBlock[data-v-272e7ab3]{display:inline-flex;align-items:flex-start;padding:.75rem 1.5rem;color:#fff;border-radius:.25rem;cursor:default;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Snackbar__messageBlock--success[data-v-272e7ab3]{background-color:#000}.Snackbar__messageBlock--error[data-v-272e7ab3]{background-color:var(--vuiii-color-danger)}.Snackbar__messageClose[data-v-272e7ab3]{display:inline-flex;justify-content:center;align-items:center;padding:.75rem;margin:-.75rem -.75rem -.75rem .75rem;font-size:.85rem;font-weight:600;opacity:.5;cursor:pointer}.Snackbar__messageClose[data-v-272e7ab3]:hover{opacity:1}.Snackbar__messageCloseIcon[data-v-272e7ab3]{width:1rem}

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import { AsyncComponentLoader, Component } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 export declare type InputSize = 'small' | 'normal' | 'large' | 'xlarge';
 export declare type ButtonSize = InputSize;
@@ -29,3 +30,22 @@ export declare type ValidationResults<T = any> = {
     isValid: boolean;
     errors: ValidationErrors<T>;
 };
+export declare type FormFieldValue = {
+    getter: (modelValue: any) => unknown;
+    setter: (value: unknown, modelValue: any) => void;
+};
+export declare type FormField = {
+    label?: string;
+    description?: string;
+    hint?: string;
+    required?: boolean;
+    component: string | Component | AsyncComponentLoader;
+    props?: Record<string, unknown>;
+    value?: FormFieldValue;
+};
+export declare type FormFieldsStructure<T extends any = any> = Record<keyof T | string, FormField>;
+export declare type FormStructure<T = any> = {
+    title?: string;
+    separator?: boolean;
+    fields: FormFieldsStructure<T>;
+}[];