@import "https://unpkg.com/datocms-react-ui/styles.css";@import "https://use.fontawesome.com/releases/v6.5.1/css/all.css";#app{padding:1.25rem}.form__group{align-items:center;gap:4px;display:flex}.form__field{margin-bottom:1.5rem}.form__label{margin-bottom:6px;display:block}.form__hint{color:var(--color--ink-subtle,#848484);margin-top:.375rem;font-size:.875rem;line-height:1.2}.form__select-component{appearance:none;background-color:var(--color--surface,#fff);border:1px solid var(--color--border,#f0f0f0);box-sizing:border-box;color:inherit;font-family:inherit;font-size:var(--font-size-m,.9375rem);transition:border .2s var(--material-ease,cubic-bezier(.55, 0, .1, 1));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpolyline points='2,5 8,11 14,5' fill='none' stroke='%2334363a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border-radius:0;width:100%;padding:10px 36px 10px 10px;display:block}.form__select-component:hover{border-color:var(--color--border-hover,#d7d7d7)}.form__select-component:focus{border-color:var(--color--focus--border,#70c8dc);box-shadow:0 0 0 4px var(--color--focus--outline,#70c8dc33);outline:0}.form__input{appearance:none;background-color:var(--color--surface,#fff);border:1px solid var(--color--border,#f0f0f0);box-sizing:border-box;color:inherit;font-family:inherit;font-size:var(--font-size-m,.9375rem);resize:none;transition:border .2s var(--material-ease,cubic-bezier(.55, 0, .1, 1));background-image:none;border-radius:0;width:100%;padding:10px;display:block}.form__input:hover{border-color:var(--color--border-hover,#d7d7d7)}.form__input:focus{border-color:var(--color--focus--border,#70c8dc);box-shadow:0 0 0 4px var(--color--focus--outline,#70c8dc33);outline:0}.btn{appearance:none;background-color:var(--color--primary-soft--surface,#e1edf2);box-sizing:border-box;color:var(--color--primary-soft--ink,#34363a);cursor:pointer;font-family:inherit;font-size:1em;font-weight:var(--font-weight-bold,500);line-height:inherit;opacity:1;transition:all .3s var(--material-ease,cubic-bezier(.55, 0, .1, 1));vertical-align:middle;white-space:nowrap;border:0;border-radius:4px;padding:.7em 1em;text-decoration:none;display:inline-block}.btn:hover,.btn:focus{opacity:.8}.btn:active{opacity:.7}.btn:disabled{background-color:var(--color--disabled--surface,#ededed);color:var(--color--disabled--ink,#0003);cursor:not-allowed;opacity:1}.btn--primary{background-color:var(--color--primary--surface,#70c8dc);color:var(--color--primary--ink,#fff)}.btn--primary:hover,.btn--primary:focus,.btn--primary:active{color:var(--color--primary--ink,#fff)}.btn--small{padding:.7em 1em;font-size:1em}.btn--xs{padding:.4em .8em;font-size:.9em}div[data-v-433758c8]{font-family:var(--base-font-family,"colfax-web", "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif);font-size:var(--font-size-m,.9375rem)}textarea[data-v-9f254c98]{field-sizing:content;min-height:100px}.title-wrapper[data-v-c2addcf1]{align-items:center;column-gap:.25rem;display:flex}.title-wrapper .fa[data-v-c2addcf1]{color:var(--color--danger-soft--ink,#ff5e49)}.list-wrapper[data-v-c2addcf1]{margin-bottom:1.5rem}.list[data-v-c2addcf1]{border:1px solid var(--color--border,#f0f0f0);border-radius:4px;padding:.5rem}.list-items[data-v-c2addcf1],.list-items>div[data-v-c2addcf1]:not(.list-item){border-radius:4px;flex-direction:column;gap:.25rem;display:flex}.list-item[data-v-c2addcf1]{border:1px solid var(--color--border,#f0f0f0);border-radius:4px;grid-template:"name icons"/auto 5%;column-gap:1rem;padding:.5rem 1rem;display:grid}.list-item--available[data-v-c2addcf1]:hover{border-color:var(--color--success-soft--ink,#4cb06d);transition-duration:.3s}.list-item--available:hover .fa[data-v-c2addcf1]{color:var(--color--success-soft--ink,#4cb06d);transition-duration:.3s}.list-item--selected[data-v-c2addcf1]:hover{border-color:var(--color--danger-soft--ink,#ff5e49);transition-duration:.3s}.list-item--selected:hover .fa[data-v-c2addcf1]{color:var(--color--danger-soft--ink,#ff5e49);transition-duration:.3s}.list-item__name[data-v-c2addcf1]{grid-area:name}.list-item__icons[data-v-c2addcf1]{grid-area:icons;justify-content:end;align-items:center;gap:.75rem;display:flex}.list-item__icons>.fa[data-v-c2addcf1]{cursor:pointer}.pager[data-v-c2addcf1]{justify-content:center;margin-top:.5rem;display:flex}