body form div.nested-form{display:flex;flex-wrap:wrap}body form div.nested-form div.item{border:4px solid var(--color-surface-dark);margin:0 40px 40px 0;padding:0px;width:400px}body form div.nested-form div.item div.toolbar{background:var(--color-surface-dark);display:flex}body form div.nested-form div.item div.toolbar button{background:none;border:none;box-shadow:none;display:inline-block;line-height:24px;height:24px;margin:0;padding:0;transition:none}body form div.nested-form div.item div.toolbar button frml-icon svg{fill:var(--color-grey-xxlight);transition:none}body form div.nested-form div.item div.toolbar button:hover frml-icon svg{fill:var(--color-grey)}body form div.nested-form div.item div.toolbar button.reorder{cursor:move;cursor:grab}body form div.nested-form div.item div.toolbar button.remove:hover frml-icon svg{fill:var(--color-state-red)}body form div.nested-form div.item.ghost{border-color:var(--color-secondary)}body form div.nested-form div.item.hidden{display:none}body form div.nested-form div.item.add-nested{background:var(--color-surface-light);display:none}body form div.nested-form div.item.add-nested div.inner-wrapper{align-items:center;display:flex;flex-direction:column-reverse;height:100%;min-height:300px;padding:0;justify-content:center;text-align:center}body form div.nested-form div.item.add-nested div.inner-wrapper div.wrapper-icon{display:flex;justify-content:center;margin:0 0 10px 0;width:100%}body form div.nested-form div.item.add-nested div.inner-wrapper div.wrapper-icon frml-icon{height:72px;width:72px;transition:.3s}body form div.nested-form div.item.add-nested div.inner-wrapper div.wrapper-icon frml-icon svg{fill:var(--color-ink-light)}body form div.nested-form div.item.add-nested div.inner-wrapper button:hover+div.wrapper-icon svg{fill:var(--color-ink-light)}body form div.nested-form.cards div.record div.inner-wrapper{display:grid;grid-template-columns:40px auto}body form div.nested-form.cards div.record div.inner-wrapper div.toolbar{align-content:space-between;flex-wrap:wrap;padding:20px 10px;text-align:center;opacity:0;transition:.3s}body form div.nested-form.cards div.record div.inner-wrapper:hover div.toolbar{opacity:1}body form div.nested-form.cards div.record div.inner-wrapper div.fields{padding:30px 60px 10px 20px}body form div.nested-form.cards.reordering div.item div.toolbar{opacity:0}body form div.nested-form.table{max-width:1100px;width:100%}body form div.nested-form.table table{border-left:1px solid var(--color-surface-xdark)}body form div.nested-form.table table thead tr th{background:var(--color-surface-light);border:1px solid var(--color-surface-xdark);border-left:none;color:var(--color-ink);height:50px;padding-left:var(--table-cell-hspace);padding-right:var(--table-cell-hspace);white-space:normal}body form div.nested-form.table table thead tr th.actions{background:none;border:none;border-left:1px solid var(--color-surface-xdark);padding:0;width:40px}body form div.nested-form.table table thead tr th.hidden{display:none}body form div.nested-form.table table thead tr th.position{border-right:none;padding:0;width:30px}body form div.nested-form.table table tbody tr td{background:#fff;border-bottom:1px solid var(--color-surface-xdark);border-right:1px solid var(--color-surface-xdark);padding:0;overflow:hidden}body form div.nested-form.table table tbody tr td.actions{border:none}body form div.nested-form.table table tbody tr td.actions button{background:none;height:100%;padding:var(--space-xxs);width:100%}body form div.nested-form.table table tbody tr td.actions button frml-icon{width:18px}body form div.nested-form.table table tbody tr td.actions button frml-icon svg{fill:var(--color-surface-xdark);transition:.3s}body form div.nested-form.table table tbody tr td.actions button.remove:hover frml-icon svg{fill:var(--color-state-red)}body form div.nested-form.table table tbody tr td.hidden{display:none}body form div.nested-form.table table tbody tr td.position{border-right:none;padding:0;text-align:right}body form div.nested-form.table table tbody tr td.position button{background:none;cursor:move;cursor:grab;height:100%;justify-content:center;padding:var(--space-xxs) 0;width:100%}body form div.nested-form.table table tbody tr td.position button frml-icon{width:20px}body form div.nested-form.table table tbody tr.blank.hidden{display:none}body form div.nested-form.table table tbody tr.blank td.message{color:var(--color-ink);padding:20px;text-align:center}body form div.nested-form.table div.item.add-nested{background:none;border:none;margin:0;padding:20px 0 0 0;width:auto}body form div.nested-form.table div.item.add-nested div.inner-wrapper{min-height:auto}body form div.nested-form.table div.item.add-nested div.inner-wrapper div.wrapper-icon{display:none}body form div.nested-form.pictures div.record div.inner-wrapper{display:flex;flex-direction:column-reverse}body form div.nested-form.pictures div.record div.inner-wrapper div.toolbar{justify-content:space-between;padding:10px 20px 5px 20px}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field{margin:0}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field label{display:none}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field div.selector button.remove{display:none}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field div.selector label.image-container{border:none;display:block;height:300px;overflow:hidden;width:100%}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field div.selector label.image-container img{border:none;height:100%;object-fit:contain;width:100%}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field div.selector label.image-container span.blank{background:#fff;border:4px solid #fff;box-sizing:border-box;height:100%;width:100%}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field div.selector label.image-container:hover span.blank{border-color:var(--color-secondary)}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field div.selector label.image-container:hover span.blank svg{fill:var(--color-secondary)}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.image-field div.selector div.special-field-button{display:none}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.text-field{border-top:5px solid var(--color-surface-dark);margin:-8px 0 0 0}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.text-field label{display:none}body form div.nested-form.pictures div.record div.inner-wrapper div.fields div.text-field input{background:#fff;border:none;border-radius:0}
