npm - @imposium-hub/components - Versions diffs - 1.42.5 → 1.43.1 - Mend

@imposium-hub/components 1.42.5 → 1.43.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/Entry.ts +5 -0
package/components/data-table/DataTable.tsx +0 -1
package/components/publish-wizard/PublishWizard.tsx +62 -8
package/components/publish-wizard/publish/EmailWorkflow.tsx +232 -42
package/components/select-field/SelectField.tsx +2 -3
package/components/story-previewer/StoryPreviewer.tsx +19 -2
package/constants/copy.ts +3 -0
package/dist/components.js +4 -4
package/dist/components.js.map +1 -1
package/dist/styles.css +1 -1
package/dist/styles.css.map +1 -1
package/dist/styles.less +66 -0
package/dist/styles.less.map +1 -1
package/less/components/align-columns.less +66 -0
package/less/styles.less +1 -0
package/package.json +1 -1
package/redux/actions/active-batch.ts +110 -0
package/redux/reducers/active-batch.ts +108 -0

package/dist/styles.less.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["reset.less","colors.less","core.less","mixins.less","font-sizes.less","components/button.less","components/header.less","components/data-table.less","components/dropdown.less","components/text.less","components/horizontal-rule.less","components/form-field.less","components/card.less","components/modal.less","components/button-menu.less","components/tabs.less","components/controlled-list.less","components/section.less","components/determinate-loader.less","components/tag.less","components/spinner.less","components/no-access.less","components/tooltip.less","components/auth-gate.less","components/assets.less","components/player.less","components/story-previewer.less","components/variable-default-upload.less","components/preview-not-available.less","components/static-composition-editor.less","components/font-preview.less","components/shortcut-menu.less","components/toast.less","components/publish-wizard.less","components/publish-status-indicator.less"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtDA;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACnGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1OA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC5CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC5IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"styles.less","sourcesContent":["\nhtml, body {\n border: 0;\n font-family: \"Helvetica-Neue\", \"Helvetica\", Arial, sans-serif;\n line-height: 1.5;\n margin: 0;\n padding: 0;\n}\n\ndiv, span, object, iframe, img, table, caption, thead, tbody,\ntfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,\nnav, footer, header, section, summary, mark, audio, video {\n border: 0;\n margin: 0;\n padding: 0;\n}\n\nh1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code,\ndel, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,\nol, ul, li, fieldset, legend, label {\n border: 0;\n font-size: 100%;\n vertical-align: baseline;\n margin: 0;\n padding: 0;\n}\n\narticle, aside, canvas, figure, figure img, figcaption, hgroup,\nfooter, header, nav, section, audio, video {\n display: block;\n}\n\ntable {\n border-collapse: separate;\n border-spacing: 0;\n caption, th, td {\n text-align: left;\n vertical-align: middle;\n }\n}\n\na img {\n border: 0;\n}\n\n:focus {\n outline: 0;\n}\n\ninput[type=number]::-webkit-inner-spin-button, \ninput[type=number]::-webkit-outer-spin-button { \n -webkit-appearance: none; \n margin: 0; \n}","\n@primary:#2d8ceb;\n@secondary:#B9B8B8;\n@warning:#8F7B25;\n@danger:#AF1126;\n@info:#56B05E;\n\n@textDefault:#dfdfdf;\n@textDark:#0d0d0d;\n@buttonTextDefault:#e1e1e1;\n@headerTextDefault:#d5d5d5;\n\n@background:#272727;\n@backgroundLight:#353535;\n@backgroundHighlight:#5f5f5f;\n@backgroundDark:#161616;\n@inputBackground:#1d1d1d;\n@tooltipBackgroundLight:#626255;\n@tooltipBackgroundDark:#1b1b17;\n\n@logBlack:#3A3A3A;\n@logMagenta:#B35CB1;\n@logWhite:#f5f5f5;\n@logYellow:#8F883A;\n@logCyan:#75C0EB;\n","body{\n font-family: 'Roboto Condensed', sans-serif;\n font-weight: 500;\n color: @textDefault;\n font-size:@fontSizeDefault;\n background:@background;\n\n a{\n \tcolor:@textDefault;\n }\n}\n\n::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: @backgroundDark; \n}\n\n::-webkit-scrollbar-corner {\n background: @backgroundDark;\n}\n\n::-webkit-scrollbar-thumb {\n background: @backgroundHighlight; \n}\n\n::-webkit-scrollbar-thumb:hover {\n background: lighten(@backgroundHighlight, 5%); \n}\n","/************************************/\n/ ------------- GLOBAL ------------ /\n/**********************************/\n\n@panelBorder:1px solid @backgroundDark;\n\n.layer {\n position:absolute;\n width:100%;\n height:100%;\n top:0px;\n left:0px;\n}\n\n.chess {\n background-size: 20px 20px;\n background-position: 0 0;\n background-image: url('data:image/svg+xml;utf8,<svg preserveAspectRatio=\"none\" viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0\" y=\"0\" width=\"5\" height=\"5\" fill=\"%23e4e4e4\" /><rect x=\"5\" y=\"5\" width=\"5\" height=\"5\" fill=\"%23e4e4e4\" /><rect x=\"5\" y=\"0\" width=\"5\" height=\"5\" fill=\"white\" /><rect x=\"0\" y=\"5\" width=\"5\" height=\"5\" fill=\"white\" /></svg>');\n}\n\n/**********************************/\n/ ----------- TRANSISIONS --------- /\n/**********************************/\n\n@easeOutCubic: cubic-bezier(.215,.61,.355,1);\n@easeInOutCubic: cubic-bezier(.645,.045,.355,1);\n@easeInCirc: cubic-bezier(.6,.04,.98,.335);\n@easeOutCirc: cubic-bezier(.075,.82,.165,1);\n@easeInOutCirc: cubic-bezier(.785,.135,.15,.86);\n@easeInExpo: cubic-bezier(.95,.05,.795,.035);\n@easeOutExpo: cubic-bezier(.19,1,.22,1);\n@easeInOutExpo: cubic-bezier(1,0,0,1);\n@easeInQuad: cubic-bezier(.55,.085,.68,.53);\n@easeOutQuad: cubic-bezier(.25,.46,.45,.94);\n@easeInOutQuad: cubic-bezier(.455,.03,.515,.955);\n@easeInQuart: cubic-bezier(.895,.03,.685,.22);\n@easeOutQuart: cubic-bezier(.165,.84,.44,1);\n@easeInOutQuart: cubic-bezier(.77,0,.175,1);\n@easeInQuint: cubic-bezier(.755,.05,.855,.06);\n@easeOutQuint: cubic-bezier(.23,1,.32,1);\n@easeInOutQuint: cubic-bezier(.86,0,.07,1);\n@easeInSine: cubic-bezier(.47,0,.745,.715);\n@easeOutSine: cubic-bezier(.39,.575,.565,1);\n@easeInOutSine: cubic-bezier(.445,.05,.55,.95);\n@easeInBack: cubic-bezier(.6,-.28,.735,.045);\n@easeOutBack: cubic-bezier(.175, .885,.32,1.275);\n@easeInOutBack: cubic-bezier(.68,-.55,.265,1.55);\n\n/**********************************/\n/ --------- MEDIA QUERIES --------- /\n/***********************************/\n\n@laptop: ~\"only screen and (min-width: 768px) and (min-height:500px)\";\n@desktop: ~\"only screen and (min-width: 1024px) and (min-height:700px)\";\n","@fontSizeSmall:12px;\n@fontSizeDefault:13px;\n@fontSizeLarge:15px;\n@fontSizeXLarge:18px;","\n@buttonMargin:2px;\n\n.imposium-btn{\n\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tborder-radius:2px;\n\tuser-select: none;\n\tcursor:pointer;\n\tpadding:2px 3px 2px 3px;\n\tmargin:@buttonMargin;\t\n\tfont-size:@fontSizeDefault;\n\tline-height: @fontSizeDefault;\n\ttext-align:center;\n\tvertical-align: top;\n\tmin-width:20px;\n\t\n\t&.large{\n\t\theight:23px;\n\t\tfont-size:@fontSizeLarge + 1;\n\t\tline-height: @fontSizeLarge;\n\t\tpadding:4px 4px 4px 4px;\n\t}\n\n\t&.xlarge{\n\t\theight:32px;\n\t\tfont-size:@fontSizeXLarge;\n\t\tline-height: @fontSizeXLarge;\n\t\tpadding: 5px 7px 5px 7px;\n\t}\n\n\t&.disabled{\n\t\tpointer-events:none;\n\t}\n\n\t.loading-icon{\n\n\t\tsvg{\n\t\t\tanimation-name: rotate; \n\t\t animation-duration: 1s; \n\t\t animation-iteration-count: infinite;\n\t\t animation-timing-function: linear;\n\t\t}\n\t}\n}\n\n.boldButton(@color){\n\tbackground:@color;\n\tcolor:@buttonTextDefault;\n\t&:hover, &.active{\n\t\tbackground:darken(@color, 10%);\n\t}\n}\n\n.btn-bold{\n\n\t.boldButton(@textDefault);\n\tcolor:@textDark;\n\t\n\t&.primary{\n\t\t.boldButton(@primary);\n\t}\t\n\n\t&.secondary{\n\t\t.boldButton(@secondary);\n\t}\n\n\t&.warning{\n\t\t.boldButton(@warning);\n\t}\n\n\t&.danger{\n\t\t.boldButton(@danger);\n\t}\n\n\t&.disabled{\n\t\tbackground:@backgroundLight;\n\t\tcolor: @textDark;\n\t}\n}\n\n.defaultButton(@color){\n\tcolor:@color;\n}\n.btn-default{\n\t\n\tbackground:@backgroundDark;\n\t&:hover, &.active{\n\t\tbackground:darken(@backgroundDark, 5%);\n\t}\n\tborder:1px solid @backgroundLight;\n\t\n\t&.primary{\n\t\t.defaultButton(@primary);\n\t}\t\n\n\t&.secondary{\n\t\t.defaultButton(@secondary);\n\t}\n\n\t&.warning{\n\t\t.defaultButton(@warning);\n\t}\n\n\t&.danger{\n\t\t.defaultButton(@danger);\n\t}\t\n\n\t&.disabled{\n\t\tbackground:@backgroundLight;\n\t\tcolor: @textDark;\n\t\tborder: 1px solid @textDark;\n\t}\n}\n\n.subtleButton(@color){\n\tcolor:@color;\n}\n\n.btn-subtle{\n\t\n\t&:hover, &.active{\n\t\tbackground:@backgroundDark;\n\t}\n\t\n\t&.primary{\n\t\t.defaultButton(@primary);\n\t}\t\n\n\t&.secondary{\n\t\t.defaultButton(@secondary);\n\t}\n\n\t&.warning{\n\t\t.defaultButton(@warning);\n\t}\n\n\t&.danger{\n\t\t.defaultButton(@danger);\n\t}\t\n\n\t&.disabled{\n\t\tcolor: @textDark;\n\t}\n}\n\n.btn-tab{\n\tmin-width:@tabWidth;\n\tdisplay: inline-block;\n\tpadding:0px 10px 0px 10px;\n\tfont-size:@fontSizeLarge;\n\theight:calc(@tabHeight -2px);\n\tuser-select: none;\n\tcursor:pointer;\n\ttext-align:center; \n\tbox-sizing: border-box;\n\tline-height: 19px;\n\tmargin:0px;\n}\n","@headerHeight: 50px;\n@defaultBGColor: #212124;\n@defaultBorderColor: #494949;\n@defaultBorderStyle: 4px solid #494949;\n@defaultMaxWidth: 100%;\n\n/ cyrillic-ext /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiYySUhiCXABTV.woff) format('woff');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/ cyrillic /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiYySUhiCXABTV.woff) format('woff');\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/ vietnamese /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliYySUhiCXABTV.woff) format('woff');\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;\n}\n/ latin-ext /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiYySUhiCXABTV.woff) format('woff');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/ latin /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiYySUhiCXAA.woff) format('woff');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n.font-style {\n font-family: 'OswaldHeader', 'Oswald', sans-serif;\n text-transform: uppercase;\n color: white;\n}\n\n.secondary-font-style {\n font-family: 'Roboto Condensed',sans-serif;\n font-weight: 500;\n}\n\n.no-select {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.flex-row {\n display: flex;\n align-items: center;\n box-sizing: content-box;\n}\n\n.anchor {\n .font-style;\n cursor: pointer;\n font-size: @fontSizeDefault;\n text-decoration: none;\n\n &:visited {\n color: white;\n }\n\n &:hover {\n color: #2d8ceb;\n }\n}\n\n.circle-style {\n .no-select;\n border-radius: 50%;\n width: 28px;\n height: 28px;\n font-size: 14px;\n text-align: center;\n line-height: 28px;\n}\n\n.btn-reset {\n padding: 0;\n border: none;\n font: inherit;\n color: inherit;\n background-color: transparent;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n .no-select;\n .font-style;\n}\n\n.faux-select {\n .btn-reset;\n display: flex;\n align-items: center;\n font-size: 14px;\n\n svg {\n margin-bottom: -1px;\n margin-left: 5px;\n }\n}\n\n.ellipsis {\n white-space: nowrap; \n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.imposium-header {\n .flex-row;\n z-index: 100000;\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: @headerHeight;\n background-color: @backgroundDark;\n border-bottom: 4px solid @backgroundHighlight;\n font-size: 16px;\n line-height: 1.5;\n\n .inner-content {\n .flex-row;\n width: 100%;\n max-width: @defaultMaxWidth;\n justify-content: space-between;\n margin: 0px 15px;\n\n .inner-left {\n .flex-row;\n\n .title {\n .flex-row;\n cursor: pointer;\n margin-right: 20px;\n text-decoration: none;\n\n .logo {\n width: 30px;\n height: 30px;\n margin: 0px 5px 0px 0px;\n background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAkJJREFUWMO1WMmigyAMFEUBWf//a9+hak2csLR9ubXqwEwmYZmm/w+lN3uEXj6DmI1PhUSwo1DKxIIiuXlgInuRI+gfgHQD2Vya4VUDZImlJ/JaRdly6Yy9guJKf0SR2F5GIi6/QCklL79AKSWp73SR9dnKJ8HzNd8zbY4/9eHa86X0xDEUhrguK0p0pbDkVVKqhpn9LPRMYUEWwr0vcPOe468QlsRWyfU1fqCwIBHpre/zoaPSJwYLp4OMd/YUC2HRdBDj9/gRwgIhsfMczXKC1rgnIGCHLtQ8VjaPmqZpUlLBnJwThOUii9VkqXmiKKWvN4iZ+oHB3lyGNWNGD7x+ApKx0gcMHTxI5tmg8qR+71IYwTy2DlM8TUxW2Dwe2vLuUA07iH6IWIfJEXcQNwYDc3vz5IcwO4TJLRi24+JdunM2WWkozaDEKx3XQ0qlBFAh7DMVW5RK8VX7vT5bHl1Xg16gZJiNWj8IlF4vpkaBnwNdBe5go/SVurx/ZuQuChbe1obgSen1aG5Qyi1Kx4CxSsk3F4aj2ZqRfp7EJWSurS65tbq87bTLa10HpcvbyzeUrnef1uGUdGXrkZW4wWGUnLTO0clw5dhn5x4Fb2DIoTCBrQ2nBKuGHtE0eNJDyfFD3VuzcMSp9/EzV+z1zcmDZOmSJ46joJPQMA4+T43iZOmOQPlfoAydzWL1KL52nqBt65Kjh1jsuF7QoaWK6bvs2GpA2aqpN/QuaOS3wZugdeetLvttnj4Ipa096tLZtQrxBxFKwFrUKkYaAAAAAElFTkSuQmCC');\n background-size: 30px 30px;\n background-repeat: no-repeat;\n }\n\n .heading {\n .font-style;\n margin: 0;\n font-size: 20px;\n font-weight: normal;\n }\n }\n\n .btn-toggle-services {\n .faux-select;\n }\n }\n\n .inner-right {\n .flex-row;\n\n a{\n border:none;\n }\n \n .btn-help {\n .circle-style;\n margin-left: 15px;\n font-size:28px;\n }\n \n .btn-toggle-orgs {\n .btn-reset;\n .circle-style;\n margin-left: 15px;\n }\n \n .btn-toggle-story {\n .faux-select;\n\n .story-name {\n .ellipsis;\n max-width: 220px;\n }\n }\n\n .btn-logout {\n .btn-reset;\n padding: 10px 0px;\n font-size: 14px;\n }\n }\n }\n\n .service-menu {\n width: 320px;\n max-height: 400px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n padding-top: 5px;\n\n .service-menu-section {\n width: 100%;\n padding: 5px;\n box-sizing: border-box;\n\n .service-menu-heading {\n .secondary-font-style;\n font-size: @fontSizeDefault;\n text-transform: uppercase;\n color: #b1b1b1;\n border-bottom: 1px solid #5f5f5f;\n box-sizing: border-box;\n padding-left: 2px;\n margin-bottom: 5px;\n }\n\n .service-menu-anchors {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n\n .anchor-wrapper {\n width: 50%;\n padding: 5px;\n box-sizing: border-box;\n\n .icon-fixed {\n width: 22px;\n }\n\n a {\n .anchor;\n display: flex;\n align-items: center;\n color: white;\n font-size: @fontSizeDefault;\n }\n\n &.doc {\n svg {\n color: #4D8C71;\n }\n }\n }\n }\n }\n }\n\n .stories-menu {\n width: 240px;\n max-height: 400px;\n display: flex;\n flex-direction: column;\n overflow: auto;\n\n .no-stories-dialog {\n .font-style;\n font-size: 12px;\n text-align: center;\n padding: 0.3em;\n }\n\n .btn-change-story {\n .btn-reset;\n .ellipsis;\n max-width: 100%;\n min-height: 35px;\n font-size: 12px;\n border-bottom: 1px solid #494949;\n box-sizing: content-box;\n margin: 0;\n border-radius: 0;\n padding: 0 5px;\n\n &:last-child {\n border-bottom: unset;\n }\n\n &:hover {\n background-color: #494949;\n }\n }\n }\n\n .orgs-menu {\n width: 240px;\n max-height: 400px;\n overflow: auto;\n\n .orgs-menu-active-org {\n .font-style;\n .flex-row;\n padding: 10px;\n border-bottom: 1px solid @defaultBorderColor;\n background-color: @defaultBorderColor;\n\n .active-first-char {\n .circle-style;\n width: 40px;\n height: 40px;\n font-size: 18px;\n line-height: 40px;\n margin-right: 10px;\n }\n }\n\n .menu-item {\n .btn-reset;\n width: 100%;\n padding: 10px 0px;\n font-size: 12px;\n border-bottom: 1px solid @defaultBorderColor;\n\n .inactive-first-char {\n .circle-style;\n margin-right: 10px;\n }\n\n &.inactive-org-button {\n .flex-row;\n box-sizing: border-box;\n padding: 10px;\n }\n\n &:last-of-type {\n border-bottom: none;\n }\n }\n\n .orgs-menu-footer {\n .flex-row;\n justify-content: space-between;\n border-top: 1px solid @defaultBorderColor;\n\n .email {\n .secondary-font-style;\n .ellipsis;\n color: #b1b1b1;\n font-size: 12px;\n text-transform: lowercase;\n padding: 10px 15px;\n }\n\n .btn-logout {\n .btn-reset;\n font-size: 12px;\n padding: 10px 15px;\n }\n }\n }\n}\n",".ip-table-wrapper {\n width: 100%;\n min-width: 360px;\n height: 100%;\n position: relative;\n box-sizing: border-box;\n\n .form-field{\n margin:0;\n }\n\n .ip-table {\n width: 100%;\n min-width: 100% !important;\n height: calc(100% - 35px);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n border-collapse: collapse;\n border-spacing: 0;\n overflow: auto;\n background-color: lighten(@background, 3%);\n\n &.horizontal-scroll {\n height: calc(100% - 45px); // scrollbar height factored in\n }\n\n &.hide-paginator {\n height: 100%;\n }\n\n .ip-table-head {\n position: sticky;\n top: 0;\n z-index: 2;\n }\n\n .ip-table-header, .ip-table-col, .ip-table-filter {\n margin: 0;\n padding: 0.15rem 0.25rem;\n\n .ip-table-resizer {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 3;\n width: 10px;\n height: 100%;\n touch-action: none;\n\n &.resizing {\n\n }\n }\n }\n\n &.tight-rows{\n .ip-table-col{\n padding: 0.15rem 0.25rem;\n }\n }\n \n .ip-table-header, .ip-table-filter {\n background-color: darken(@background, 1%);\n font-family: 'Roboto Condensed', sans-serif;\n font-weight: 600;\n font-size: 13px;\n\n &.ip-sortable {\n &:hover {\n background-color: lighten(@background, 1%);\n }\n }\n\n .sort-status {\n margin: 0 0.3rem;\n font-size: 11px;\n }\n\n .searchable-sort-area, .filterable-cell-wrapper {\n display: flex;\n align-items: center;\n }\n\n .filterable-cell-wrapper {\n line-height: 20px;\n\n .form-field {\n margin: 0;\n\n .form-field-content {\n width: 100%;\n flex: 1;\n margin: 0;\n }\n }\n }\n\n .imposium-btn {\n margin: 0;\n }\n }\n\n .ip-table-body {\n background-color: lighten(@background, 3%);\n }\n\n .ip-table-row {\n .ip-table-col {\n font-family: 'Roboto Condensed', sans-serif;\n font-size: 12px;\n background-color: lighten(@background, 3%);\n border-top: 1px solid lighten(@background, 5%);\n border-bottom: 1px solid lighten(@background, 1%);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n\n &.overflow-visible {\n overflow: visible;\n }\n\n .form-field-content {\n margin-left: 0;\n }\n }\n\n &.selected {\n .ip-table-col {\n background-color: darken(@backgroundHighlight, 15%);\n }\n }\n }\n\n .ip-pivot-row {\n .ip-pivot-col {\n flex: 1;\n\n &.selected {\n .tags-column {\n background-color: darken(@backgroundHighlight, 15%);\n }\n }\n }\n }\n }\n\n .imposium-tag {\n background: darken(@background, 1%);\n }\n\n .ip-table-loader {\n .layer;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.36);\n z-index: 3;\n\n svg {\n fill: @secondary;\n }\n }\n\n .ip-table-empty {\n position: absolute;\n top: 50%;\n width: 100%;\n margin-top: -15px;\n display: flex;\n height: 20px;\n\n .empty-message {\n margin: auto;\n text-align: center;\n background: @backgroundLight;\n font-size: @fontSizeSmall;\n color: @textDefault;\n padding: 5px;\n\n svg {\n margin: 1px 2px -1px 0px;\n }\n }\n }\n\n .ip-table-pagination {\n width: 100%;\n box-sizing: border-box;\n position: sticky;\n bottom: -1px;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem;\n border-top: 0;\n background-color: darken(@background, 1%);\n\n .paginator-input {\n .inputMixin;\n width: 60px;\n }\n\n .form-field {\n margin-bottom: 0;\n width: 120px;\n\n label {\n width: 70px;\n }\n\n .form-field-content {\n width: 50px;\n }\n }\n\n .total-assets {\n background: @backgroundHighlight;\n border-radius: 3px;\n padding: 1px 4px;\n margin: 0 0.32em;\n font-size: 12px;\n }\n }\n}\n","\n.imposium-dropdown {\n position: absolute;\n background-color: @backgroundDark;\n border: 1px solid @backgroundHighlight;\n box-shadow: 0 2px 10px rgba(0,0,0,.2);\n border-radius: 2px;\n transition: transform 190ms @easeOutQuint, opacity 160ms @easeOutQuart;\n z-index: 2147483647;\n}\n","h1, h2, h3, h4, h5 {\n font-family: 'Oswald', sans-serif;\n color:@headerTextDefault;\n display: inline-block;\n}\n\nh1{\n\tfont-size:@fontSizeXLarge;\n\tmargin-bottom:5px;\n}\n\nh2{\n\tfont-size:@fontSizeLarge;\n\tline-height: @fontSizeLarge;\n\tmargin-bottom:3px;\n}\n\nh3{\n\tfont-size:@fontSizeDefault;\n\tline-height:@fontSizeDefault;\n\tmargin-bottom:2px;\n}\n\n.text-primary{\n\tcolor:@primary;\n}\n\n.text-secondary{\n\tcolor:@secondary;\n}\n\n.text-danger{\n\tcolor:@danger;\n}\n\n.text-large{\n\tfont-size:@fontSizeLarge;\n}","\n.horizontal-rule{\n\twidth:100%;\n\theight:2px;\n\tbox-sizing: border-box;\n\tmargin-top:5px;\n\tmargin-bottom:5px;\n\t\n\t&.default{\n\t\tborder-top:1px solid @backgroundLight;\n\t\tborder-bottom:1px solid @backgroundDark;\n\t}\n\t&.subtle{\n\t\tborder-top:1px solid fadeout(@backgroundLight, 60%);\n\t\tborder-bottom:1px solid fadeout(@backgroundDark, 60%);\n\t}\n}","\n@labelWidth:100px;\n@inputHeight:20px;\n@labelHeight:20px;\n@fieldMargin:4px;\n@labelPadding:5px;\n@inputPadding:30px;\n\n.inputMixin{\n\tdisplay: inline-block;\n\tbackground:@inputBackground;\n\tborder:none;\n\tcolor:@textDefault;\n\tfont-size:@fontSizeSmall;\n\tbox-sizing:border-box;\n\tvertical-align: top;\n\theight:@inputHeight;\n\twidth:100%;\n\tfont-family: 'Roboto Condensed', sans-serif;\n\tborder-radius: 0;\n\tappearance:none;\n\t\n\t&:hover{\n\t\tbackground:darken(@inputBackground, 3%);\n\t}\n\n\t&:focus{\n\t\tbackground:darken(@inputBackground, 3%);\t\n\t}\n\n\t&:disabled{\n\t\t\n\t\tcolor:fadeout(@textDefault, 60%);\n\t\tbackground:@inputBackground;\n\n\t\t&:focus{\n\t\t\tbackground:@inputBackground;\n\t\t}\n\t\t&:hover{\n\t\t\tbackground:@inputBackground;\n\t\t}\t\n\t}\n}\n\n.form-field{\n\t\n\twidth:100%;\n\tposition:relative;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tmargin-bottom:@fieldMargin;\n\t\n\tinput, select, textarea{\n\t\t.inputMixin;\n\t\tpadding:4px;\n\t}\n\n\ttextarea{\n\t\theight:@inputHeight 3;\n\t\tresize:none;\n\t\tpadding-right:25px;\n\t}\n\n\tlabel{\n\t\tfont-size:@fontSizeSmall;\n\t\tline-height:21px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\twidth:@labelWidth;\n\t\theight:@labelHeight;\n\t\ttext-align:right;\n\t\tpadding-right:@labelPadding;\n\t\tbox-sizing: border-box;\n\n\t\t&.label-top{\n\t\t\twidth:100%;\n\t\t\ttext-align: left;\n\t\t\tpadding-right:@labelPadding/2;\n\t\t\tpadding-left:@labelPadding/2;\n\t\t}\n\t}\n\n\t.form-field-content{\n\t\twidth:calc(100% - @labelWidth);\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\tbox-sizing:border-box;\n\n\t\t&.label-top{\n\t\t\tpadding-left:@labelPadding/2;\n\t\t\tpadding-right:@labelPadding/2;\n\t\t\twidth:100%;\n\n\t\t\t.form-field-buttons{\n\t\t\t\ttop:@labelHeight;\n\t\t\t}\n\t\t}\n\t}\n\n\t.form-field-buttons{\n\t\tposition:absolute;\n\t\theight:@inputHeight;\n\t\ttop:0px;\n\t\tright:0px;\n\t\tbackground:@inputBackground;\n\t}\n\n\t&.no-label{\n\t\t.form-field-content{\n\t\t\twidth:calc(100% - @labelPadding);\n\t\t\tmargin-left:@labelPadding;\n\t\t}\n\t}\n}\n\n\n.checkbox-field{\n\t\n\t.checkbox{\n\t\t.inputMixin;\n\t\tdisplay:flex;\n\t\tborder: 1px solid @backgroundLight;\n\t\tborder-radius: 2px;\n\t\twidth:18px;\n\t\theight:18px;\n\t\tpadding:2px;\n\t\tcursor: pointer;\n\n\t\t.fa-check {\n\t\t\tmargin-left: 1px;\n\t\t}\n\t}\n}\n\n.button-group-field{\n\n\t.button-group{\n\n\t\t.inputMixin;\n\n\t\t&:hover{\n\t\t\tbackground:@inputBackground;\n\t\t}\n\t\t\n\t\t.button-group-option{\n\t\t\theight:100%;\n\t\t\tuser-select: none;\n\t\t\tdisplay: inline-block;\n\t\t\ttext-align:center;\n\t\t\tcursor: pointer;\n\t\t\tpadding-top: 1px;\n\t\t\tbox-sizing: border-box;\n\t\t\tcolor:darken(@textDefault, 30%);\n\n\t\t\t&:hover{\n\t\t\t\tbackground:darken(@inputBackground, 5%);\n\t\t\t}\n\n\t\t\t&.active{\n\t\t\t\tcursor:auto;\n\t\t\t\tbackground:lighten(@inputBackground, 10%);\n\t\t\t\tcolor:@textDefault;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.text-area-field{\n\n\t.form-field-buttons{\n\t\tright:10px;\n\t\tbackground:none;\n\t}\n}\n\n.select-field{\n\n\tselect{\n\t\tline-height: 12px;\n\t}\n}\n\n.text-field{\n\n\t.controlled-input{\n\t\tpadding-right:25px;\n\t}\n}\n\n@sliderValWidth:30px;\n.slider-field{\n\t\n\tinput{\n\t\twidth:calc(100% - @sliderValWidth);\n\t\tmargin:0px;\n\t}\n\n\t.val{\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\twidth:@sliderValWidth;\n\t\ttext-align:right;\n\t\tpadding:2px;\n\t\tline-height: 14px;\n\t\tborder-top:2px solid @inputBackground;\n\t\tborder-right:2px solid @inputBackground;\n\t\tborder-bottom:2px solid @inputBackground;\n\t\theight:@inputHeight;\n\t\tbox-sizing:border-box;\n\t\tbackground:lighten(@inputBackground, 4%);\n\t}\n}\n\n.color-field{\n\t\n\t.form-field-content{\n\n\t\t&.label-top{\n\t\t\t\n\t\t\t.picker{\n\t\t\t\ttop:@inputHeight + @labelHeight;\n\t\t\t\t&.picker-left{\n\t\t\t\t\tleft:0px;\n\t\t\t\t}\n\n\t\t\t\t&.picker-right{\n\t\t\t\t\tright:0px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.swatch{\n\t\t\tdisplay: inline-block;\n\t\t\theight:@inputHeight;\n\t\t\twidth:100%;\n\t\t}\n\t\t\n\t\t.picker{\n\t\t\tposition:absolute;\n\t\t\ttop:@inputHeight + 3px;\n\t\t\tz-index:15000;\n\n\t\t\t&.picker-left{\n\t\t\t\tleft:@labelWidth\n\t\t\t}\n\n\t\t\t&.picker-right{\n\t\t\t\tright:0px;\n\t\t\t}\n\n\t\t\t.sketch-picker{\n\t\t\t\n\t\t\t\tbackground:@backgroundLight !important;\n\n\t\t\t\tinput{\n\t\t\t\t\tbox-shadow:none !important;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tspan{\n\t\t\t\t\tcolor:@textDefault !important;\n\t\t\t\t}\n\n\t\t\t\tlabel{\n\t\t\t\t\twidth:unset;\n\t\t\t\t}\n\n\t\t\t\t.flexbox-fix{\n\t\t\t\t\tborder-top:none !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.react-autosuggest__container{\n\tposition:relative;\n}\n.react-autosuggest__container--open{\n\n}\n.react-autosuggest__input{\n\n}\n.react-autosuggest__input--open{\n\n}\n.react-autosuggest__input--focused{\n\t\n}\n.react-autosuggest__suggestions-container{\n\tbackground:@backgroundDark;\n\tborder:1px solid @background;\n\tposition:absolute;\n\tright:0px;\n\ttop:@inputHeight;\n\twidth:100%;\n\tz-index:10000;\n\tdisplay: none;\n}\n\n.react-autosuggest__suggestions-container--open{\n\tdisplay: block;\n}\n.react-autosuggest__suggestions-list{\n\tlist-style: none;\n}\n.react-autosuggest__suggestion{\n\tpadding-left:5px;\n\tbox-sizing:border-box;\n\tmargin-bottom:2px;\n\tcursor: pointer;\n}\n.react-autosuggest__suggestion--first{\n\n}\n.react-autosuggest__suggestion--highlighted{\n\tbackground: @backgroundLight;\n}\n.react-autosuggest__section-container{\n\n}\n.react-autosuggest__section-container--first{\n\n}\n.react-autosuggest__section-title{\n\n}\n\n.caret{\n\tdisplay: block;\n\twidth: 18px;\n\theight: 100%;\n\ttext-align: center;\n\tpadding-top: 3px;\n\tbox-sizing: border-box;\n\tuser-select: none;\n\tpointer-events: none;\n\tcolor:lighten(@inputBackground, 10%);\n position: absolute;\n left: -18px;\n}\n","\n@cardHeaderHeight:25px;\n@cardHeaderHeightSmall:21px;\n@cardHeaderHeightLarge:35px;\n\n.card{\n\tbackground: lighten(@background, 3%);\n\tborder:1px solid @backgroundLight;\n\tmargin-bottom:5px;\n\n\t.card-header{\n\t\tcolor:@headerTextDefault;\n\t\theight:@cardHeaderHeight;\n\t\tbox-sizing: border-box;\n\t\tpadding:5px;\n\t\tposition:relative;\n\t\tmargin-bottom:5px;\n\n\t\t.header-buttons{\n\t\t\tposition: absolute;;\n\t\t\tright:0px;\n\t\t\ttop:0px;\n\t\t}\n\t}\n\t\n\t.card-content{\n\t\tpadding:5px;\n\t}\n\t\n\t&.small{\n\t\t.card-header{\n\t\t\theight:@cardHeaderHeightSmall;\n\t\t\tpadding:3px;\n\t\t}\t\n\t\tmargin-bottom:2px;\n\n\t\t.card-content{\n\t\t\tpadding:3px;\n\t\t}\n\t}\n\n\t&.large{\n\t\t.card-header{\n\t\t\theight:@cardHeaderHeightLarge;\n\t\t}\n\n\t\t.header-buttons{\n\t\t\tright: 4px;\n\t\t\ttop: 4px;\n\t\t}\n\t}\n\n\t&.closed{\n\t\theight:@cardHeaderHeight;\n\t\toverflow: hidden;\n\n\t\t&.small{\n\t\t\theight:@cardHeaderHeightSmall;\n\t\t}\n\n\t\t&.large{\n\t\t\theight:@cardHeaderHeightLarge;\n\t\t}\n\t}\n}","\n@modalPadding:5px;\n\n.modal{\n\t\n\tz-index:10000;\n\t.layer;\n\n\t.modal-bg{\n\t\t.layer;\n\t\tbackground: fadeout(@backgroundDark, 20%);\n\t}\n\n\t.modal-container{\n\t\tposition: absolute;\n\t\tbackground: @background;\n\t\tpadding:@modalPadding;\n\t\tbox-sizing: border-box;\n\t\tborder:1px solid @backgroundDark;\n\n\t\t.modal-content{\n\t\t\tposition:absolute;\n\t\t\ttop:0px;\n\t\t\tleft:0px;\n\t\t\theight:100%;\n\t\t\twidth:100%;\n\t\t\tbox-sizing:border-box;\n\t\t\tpadding:5px;\n\t\t}\n\t}\n}\n","\n@menuWidth:125px;\n@menuPadding:3px;\n@menuTop: 20px;\n\n.button-menu{\n display: inline-block;\n vertical-align: top;\n position: relative;\n\n .menu{\n background: @backgroundDark;\n position:absolute;\n top:@menuTop;\n min-width:@menuWidth;\n padding:@menuPadding;\n z-index:1000;\n\n &.right{\n left: 0;\n }\n\n &.left{\n right: 0;\n }\n }\n}\n\n.button-menu-item{\n padding:@menuPadding;\n box-sizing: border-box;\n cursor:pointer;\n\n &:hover{\n background:@background;\n }\n}\n\n.active {\n color: @primary\n}\n","\n@tabHeight:25px;\n@tabWidth:80px;\n\n.tabs{\n .layer;\n .tab-header{\n white-space: nowrap;\n position: absolute;\n top:0px;\n left:0px;\n background: lighten(@backgroundLight, 4%);\n width:100%;\n height:@tabHeight;\n box-sizing:border-box;\n border-bottom:2px solid @primary;\n\n .tab-header-option{\n min-width:@tabWidth;\n display: inline-block;\n padding-left:5px;\n padding-right:5px;\n font-size: @sectionFontSize;\n height:100%;\n user-select: none;\n cursor:pointer;\n text-align:center;\n box-sizing: border-box;\n\n &:hover{\n background:lighten(@backgroundLight, 5%);\n }\n\n &.active{\n background:lighten(@backgroundLight, 10%);\n border-bottom: 2px solid @primary;\n font-weight: 700;\n }\n }\n\n .tab-header-menu {\n .button-menu {\n .imposium-btn {\n margin: 0;\n }\n }\n }\n }\n .tab-content{\n overflow-y: auto;\n .layer;\n top:@tabHeight;\n height:calc(100% - @tabHeight);\n\n .tab-content-wrapper{\n .layer;\n }\n }\n}\n","\n.controlled-list{\n\n\twidth:100%;\n\n\t.item{\n\t\tposition:relative;\n\t\twidth:100%;\n\t\theight:@inputHeight;\n\t\tmargin-top:@fieldMargin / 2;\n\t\tmargin-bottom:@fieldMargin / 2;\n\n\t\t&:hover{\n\t\t\tbackground:@background;\n\t\t\t.buttons{\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t.buttons{\n\t\t\tdisplay: none;\n\t\t\tposition:absolute;\n\t\t\tright:0px;\n\t\t\ttop:0px;\n\t\t}\n\t}\n}","\n@sectionPadding:7px 5px 5px 5px;\n@sectionHeaderHeight:25px;\n@loaderHeight:6px;\n@sectionFontSize:14px;\n@headerPadding:2px;\n\n.section{\n\t.layer;\n\n\t.section-header{\n\t\tbackground:lighten(@backgroundLight, 10%);\n\t\tborder-bottom:2px solid @primary;\n\t\twidth:100%;\n\t\theight:@sectionHeaderHeight;\n\t\tpadding-left:5px;\n\t\tpadding-right:5px;\n\t\tbox-sizing: border-box;\n\t\tmargin-bottom:5px;\n\t\tposition: relative;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\n\t\t.title{\n\t\t\tfont-size:@sectionFontSize;\n\t\t}\n\n\t\t.tab {\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 0 0.28em;\n\t\t\tbox-sizing: border-box;\n\t\t\tcursor: pointer;\n\t\t\tcolor: @textDefault;\n\t\t\tfont-size: @sectionFontSize;\n\t\t\tbackground-color: @tooltipBackgroundLight;\n\t\t\theight: calc(100% - 2px);\n\t\t\tmargin-top: 2px;\n\t\t\topacity: 1;\n\t\t\tborder-top-left-radius: 3px;\n\t\t\tborder-top-right-radius: 3px;\n\t\t\tmargin-right: 2px;\n\n\t\t\t&.last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: @primary;\n\t\t\t\tcolor: @buttonTextDefault;\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\tbackground-color: @primary;\n\t\t\t\tcolor: @buttonTextDefault;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t.buttons{\n\t\t\tposition: absolute;\n\t\t\tright:3px;\n\t\t\ttop:1px;\n\t\t}\n\t}\n\n\t.section-content{\n\t\t.layer;\n\t\ttop:@sectionHeaderHeight;\n\t\theight:calc(100% - @sectionHeaderHeight);\n\t\tpadding:@sectionPadding;\n\t\tbox-sizing:border-box;\n\t\toverflow-y: auto;\n\t}\n\n\t.loading-bar{\n\t position: absolute;\n\t top:23px;\n\t width:100%;\n\t height:@loaderHeight;\n\t background: @primary;\n\t background-size: 10px 10px;\n\t background-image: linear-gradient(\n\t 45deg,\n\t rgba(black, 0.2) 25%,\n\t transparent 25%,\n\t transparent 50%,\n\t rgba(black, 0.2) 50%,\n\t rgba(black, 0.2) 75%,\n\t transparent 75%,\n\t transparent\n\t );\n\t animation: barberpole 0.5s linear infinite;\n\t}\n\n\t@keyframes barberpole {\n\t from { background-position: 0 0; }\n\t to { background-position: 20px 10px; }\n\t}\n}\n",".determinate-loader {\n width: 100%;\n height: 20px;\n position: relative;\n border: 1px solid @backgroundLight;\n border-radius: 5px;\n\n .progress-bg {\n .layer;\n background-color: @backgroundHighlight;\n transform-origin: left;\n border-radius: 5px;\n transition: transform 50ms @easeOutQuad;\n }\n\n .progress-copy {\n .layer;\n text-align: center;\n line-height: 20px;\n border-radius: 5px;\n }\n}\n",".imposium-tag {\n padding: 3px 4px 3px 5px;\n margin: 2.5px;\n box-sizing: border-box;\n border-radius: 5px;\n background: @backgroundLight;\n font-size: 11px;\n border-left-width: 4px;\n border-left-style: solid;\n display: inline-block;\n position: relative;\n cursor:pointer; \n user-select:none;\n\n &:hover{\n .remove-tag{\n scale:1;\n opacity: 1;\n transition:scale 200ms @easeOutQuad 600ms, opacity 150ms @easeOutQuad 600ms;\n }\n }\n\n .remove-tag{\n scale:0;\n opacity: 0;\n transition:scale 50ms @easeOutQuad 0ms, opacity 50ms @easeOutQuad 0ms;\n position:absolute;\n width:16px;\n height:16px;\n border-radius:50%;\n right:-10px;\n top:-5px;\n background:@backgroundHighlight;\n z-index:100;\n\n svg {\n fill: @textDefault;\n margin-left: 4px;\n margin-top: 2px;\n cursor: pointer;\n }\n }\n}","\n@spinnerSize:20px;\n\n.spinner {\n\t\n\tdisplay: inline-block;\n\twidth:@spinnerSize;\n\theight:@spinnerSize;\n\tline-height: 100%;\n\n\t.icon{\n\t\tfont-size:18px;\n\t\ttext-align:center;\n\t\twidth:@spinnerSize;\n\t\theight:@spinnerSize;\n\t\tvertical-align: middle;\n\t\tanimation-name: rotate; \n\t animation-duration: 1s; \n\t animation-iteration-count: infinite;\n\t animation-timing-function: linear;\n\t\tcolor: @secondary;\n\n\t svg{\n\t \twidth:100%;\n\t \theight:100%;\n\t }\n\t}\n}\n\n@keyframes rotate {\n from {transform: rotate(0deg);}\n to {transform: rotate(360deg);}\n}\n",".no-access {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 420px;\n height: 220px;\n margin-left: -210px;\n margin-top: -110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 16px 0px;\n box-sizing: border-box;\n\n svg {\n color: @secondary;\n margin-bottom: 0.1em;\n }\n\n .no-access-copy {\n display: flex;\n flex-direction: column;\n\n .no-access-heading {\n margin-bottom: 8px;\n text-align: center;\n font-weight: 400;\n }\n\n a {\n text-align: center;\n color: @primary;\n text-decoration: none;\n font-size: 16px;\n }\n }\n}\n","\n.tooltipMixin(@textColor, @bgColor){\n\tcolor: @textColor !important;\n\tbackground-color: @bgColor !important;\n\tpadding:1px 4px !important;\n\tborder-radius:0px !important;\n\ttransition: opacity 0.1s ease-out !important;\n\topacity:1 !important;\n\n\t&.place-top{\n\t\tmargin-top:-4px !important;\n\t}\n\n\t&.place-bottom{\n\t\tmargin-bottom:-4px !important;\n\t}\n\n\t&.place-left{\n\t\tmargin-left:-4px !important;\n\t}\n\n\t&.place-right{\n\t\tmargin-right:-4px !important;\n\t}\n\n \t&:after {\n\t \tborder:none !important;\n \t}\n}\n\n.imposium-button-tooltip-light{\n\t.tooltipMixin(@headerTextDefault, @tooltipBackgroundLight);\n}\n\n.imposium-button-tooltip-dark{\n\t.tooltipMixin(@headerTextDefault, @backgroundDark);\n}",".auth-gate {\n .layer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","\n.new-tag{\n display: inline-block;\n width:150px;\n height:@inputHeight;\n vertical-align: top;\n margin-top: 1px;\n margin-left:2px;\n input{\n width:100%;\n height:@inputHeight;\n display: inline-block;\n background:none;\n border:none;\n color:@textDefault;\n font-size:@fontSizeSmall;\n box-sizing:border-box;\n vertical-align: top;\n border-radius:0px;\n appearance:none;\n\n &:hover{\n background:rgba(0,0,0,0.2);\n }\n\n &:focus{\n background:rgba(0,0,0,0.2);\n }\n }\n}\n\n.asset-type-cell {\n font-size: 1.2em;\n margin-left: 4px;\n}\n\n.tags-wrapper {\n display: inline-block;\n}\n\n.file-hidden {\n display: none;\n}\n\n.uploads-menu {\n width: 320px;\n height: 175px;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n background: @background;\n\n .uploads-controls {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 5px;\n }\n\n .uploads-list {\n width: 100%;\n box-sizing: border-box;\n margin-top: 5px;\n padding: 5px;\n border-top: 1px solid #494949;\n\n .ongoing-upload {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 5px;\n }\n }\n\n .form-field{\n\n vertical-align:top;\n label{\n width:120px;\n }\n\n .form-field-content{\n width:calc(100% - 120px);\n }\n }\n}\n\n.asset-filter {\n padding: 7px;\n border-bottom: 1px solid #494949;\n background: @background;\n display:inline-block;\n &:hover{\n background:@backgroundLight;\n }\n}\n\n.assets-paginator {\n width: 100%;\n height: 25px;\n background-color: @background;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n border-top: 2px solid rgba(0, 0, 0, 0.1);\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .total-assets {\n border-radius: 3px;\n background: @backgroundHighlight;\n padding: 1px 4px;\n font-size: 12px;\n }\n\n .jump-to-wrapper {\n display: flex;\n align-items: center;\n\n .jump-to-page {\n .inputMixin;\n width: 30px;\n margin: 0 3px;\n }\n }\n}\n\n.tags-column {\n position:relative;\n padding-right:50px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n width: 100%;\n padding: 0.6rem;\n box-sizing: border-box;\n font-size: 13px;\n\n .form-field {\n margin: 0 0.6rem 0 0;\n }\n}\n\n.centered-cell {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .form-field-content {\n margin-left: 0;\n }\n}\n\n.menu-count-superscript {\n vertical-align: top;\n font-size: 11px;\n margin-left: 0.1em;\n display: inline-block;\n margin-top: -3px;\n}\n\n.asset-status-cell{\n width:100%;\n height:100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .status-indicator{\n width:5px;\n height:100%;\n box-sizing:border-box;\n\n &.processing{\n background:#c5b73d;\n }\n\n &.complete{\n background:#307f35;\n }\n }\n}\n\n.ongoing-upload-inner{\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%\n}\n\n.asset-preview-background{\n border:1px solid @backgroundDark;\n background-color: @background;\n &.transparent{\n .chess;\n }\n\n &.hidden{\n opacity: 0;\n }\n}\n.close-icon-preview{\n z-index: 9999 !important;\n justify-content: flex-end;\n display: flex;\n height: 30px !important;\n align-items: center\n}\n",".media-player{\n\n\t.layer;\n\n\t.inner-viewer{\n\t\tposition:absolute;\n\n\t\timg{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\toutline:1px solid darken(@backgroundDark, 10%);\n\t\t\t.chess\n\t\t}\n\n\t\tvideo{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\toutline:1px solid darken(@backgroundDark, 10%);\n\t\t}\n\n\t\taudio{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\toutline:1px solid darken(@backgroundDark, 10%);\n\t\t}\n\t}\n}\n","\n@viewerBtnHeight:30px;\n@storyViewerVarWidth:250px;\n@storyViewerHeaderHeight:35px;\n\n.log-html{\n\n span{\n display: block;\n font-family: monospace;\n word-wrap: break-word;\n font-size: 10px;\n line-height: 13px;\n }\n\n .ansi-black-fg {\n color: @logBlack;\n }\n\n .ansi-red-fg {\n color: @danger;\n }\n\n .ansi-green-fg {\n color: @info;\n }\n\n .ansi-yellow-fg {\n color: @warning;\n }\n\n .ansi-blue-fg {\n color: @primary;\n }\n\n .ansi-magenta-fg {\n color: @logMagenta;\n }\n\n .ansi-cyan-fg {\n color: @logCyan;\n }\n\n .ansi-white-fg {\n color: @logWhite;\n }\n\n .ansi-bright-black-fg {\n color: @logBlack;\n }\n\n .ansi-bright-red-fg {\n color: @danger;\n }\n\n .ansi-bright-green-fg {\n color: @info;\n }\n\n .ansi-bright-yellow-fg {\n color: @warning;\n }\n\n .ansi-bright-blue-fg {\n color: @primary;\n }\n\n .ansi-bright-magenta-fg {\n color: @logMagenta;\n }\n\n .ansi-bright-cyan-fg {\n color: @logCyan;\n }\n\n .ansi-bright-white-fg {\n color: @logWhite;\n }\n\n .ansi-black-bg {\n background-color: @logBlack;\n }\n\n .ansi-red-bg {\n background-color: @danger;\n }\n\n .ansi-green-bg {\n background-color: @info;\n }\n\n .ansi-yellow-bg {\n background-color: @warning;\n }\n\n .ansi-blue-bg {\n background-color: @primary;\n }\n\n .ansi-magenta-bg {\n background-color: @logMagenta;\n }\n\n .ansi-cyan-bg {\n background-color: @logCyan;\n }\n\n .ansi-white-bg {\n background-color: @logWhite;\n }\n\n .ansi-bright-black-bg {\n background-color: @logBlack;\n }\n\n .ansi-bright-red-bg {\n background-color: @danger;\n }\n\n .ansi-bright-green-bg {\n background-color: @info;\n }\n\n .ansi-bright-yellow-bg {\n background-color: @logYellow;\n }\n\n .ansi-bright-blue-bg {\n background-color: @primary;\n }\n\n .ansi-bright-magenta-bg {\n background-color: @logMagenta;\n }\n\n .ansi-bright-cyan-bg {\n background-color: @logCyan;\n }\n\n .ansi-bright-white-bg {\n background-color: @logWhite;\n }\n}\n\n.running-prompt{\n\n &.error-wrapper {\n width: 250px;\n }\n \n position: absolute;\n width:200px;\n height:150px;\n text-align: center;\n top:50%;\n left:50%;\n margin-top:-75px;\n margin-left:-100px;\n}\n\n.story-viewer{\n \n .layer;\n \n background:@backgroundDark;\n\n .buttons{\n position:absolute;\n top:0px;\n left:0px;\n width:100%;\n height:@viewerBtnHeight;\n box-sizing: border-box;\n padding:1px;\n background:lighten(@backgroundDark, 5%);\n }\n \n .log{\n .layer;\n overflow-y: scroll;\n padding:10px;\n box-sizing:border-box;\n }\n\n .variables{\n position: absolute;\n top:0px;\n left:0px;\n width:@storyViewerVarWidth;\n height:100%;\n padding:10px;\n box-sizing:border-box;\n background:darken(@background, 1%);\n border-right:1px solid @backgroundDark;\n overflow-y: scroll;\n }\n\n .viewer-content{\n position:absolute;\n left:@storyViewerVarWidth;\n top:0px;\n height:100%;\n width:calc(100% - @storyViewerVarWidth);\n\n .content-header{\n .layer;\n box-sizing: border-box;\n padding-top:4px;\n padding-left:4px;\n height:@storyViewerHeaderHeight;\n background:darken(@background, 1%);\n\n .output{\n margin-top:4px;\n margin-right:5px;\n display: inline-block;\n vertical-align: top;\n }\n\n .right-interface{\n position: absolute;\n right: 8px;\n top: 8px;\n text-align: right;\n }\n }\n\n .content-wrapper{\n .layer;\n top:@storyViewerHeaderHeight;\n height:calc(100% - @storyViewerHeaderHeight);\n }\n }\n}\n","\n\n.variable-default-upload{\n\n width:100%;\n min-height:@inputHeight;\n background: @background;\n top:50%;\n left:50%;\n text-align:center;\n box-sizing: border-box;\n cursor:pointer;\n \n &:hover{\n outline:1px solid @primary;\n }\n\n .default-preview{\n width:100%;\n }\n\n .btn-wrapper{\n position: absolute;\n top:0px;\n right:0px;\n }\n}\n",".preview-not-available{\n position: absolute;\n top:50%;\n left:50%;\n margin-left:-150px;\n margin-top:-150px;\n width:300px;\n height:300px;\n text-align:center;\n\n .icon{\n margin-bottom:20px;\n svg{\n width:50px;\n height:50px;\n }\n }\n} ","\n@compConfigWidth:280px;\n\n.static-composition-editor{\n\n\t.layer;\n\n\t.composition-config{\n\t\tposition: absolute;\n\t\tleft:0;\n\t\twidth:@compConfigWidth;\n\t\theight:100%;\n\t\toverflow-y: scroll;\n\t\tbackground: @background;\n\t\tpadding-left:5px;\n\t\tpadding-right:5px;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.composition-preview{\n\t\t.layer;\n\t\tleft:@compConfigWidth;\n\t\twidth:calc(100% - @compConfigWidth);\n\t}\n}\n\n.static-composition-renderer{\n\t.layer;\n\tfont-family:'Arial';\n\tborder:2px solid @backgroundLight;\n}\n\n.composition-renderer-layer{\n\tposition: absolute;\n\ttransform-origin:center center;\n}\n\n.composition-text-layer{\n\twill-change:transform;\n\t.layer;\n\n\t.inner-text{\n\t\tdisplay: inline-block;\n\t}\n}","\n.font-preview{\n\t.layer;\n\ttext-align: center;\n\tbackground: white;\n\tcolor:black;\n\tfont-weight: normal;\n\tfont-size:80px;\n}",".shortcuts-menu {\n padding: 5px;\n box-sizing: border-box;\n background: @background;\n\n table {\n tr {\n td {\n font-size: 12px;\n padding: 0.2em;\n\n &.hotkey-cell {\n font-weight: 600;\n text-align: right;\n }\n\n &.shortcut-desc {\n padding: 0.2em 0.2em 0.2em 1.2em;\n }\n }\n }\n }\n}","#ct-container {\n .ct-toast {\n padding: 0.5em 1em;\n min-height: unset;\n position: absolute;\n bottom: 5em;\n background-color: @backgroundDark;\n border-top: 1px solid @backgroundHighlight;\n border-bottom: 1px solid @backgroundHighlight;\n border-right: 1px solid @backgroundHighlight;\n color: @textDefault;\n .ct-text-group {\n margin-left: 1em;\n }\n }\n}\n","\n.publish-wizard{\n\n padding-top:30px;\n\n .missingColumns{\n margin: 15px;\n color: red;\n word-break: break-word;\n }\n \n .publish-wizard-header{\n position:absolute;\n padding:2px;\n padding-left:5px;\n color:@primary;\n box-sizing: border-box;\n top:0px;\n left:0px;\n height:25px;\n width:100%;\n border-bottom:2px solid @primary;\n }\n\n .publish-status-indicator{\n position: absolute;\n right: 2px;\n top: 28px;\n }\n\n .publish-header {\n display: inline-block;\n padding: @headerPadding;\n width: 100%;\n font-size: @sectionFontSize;\n box-sizing: border-box;\n border-bottom: 2px solid @primary;\n color: @primary;\n font-weight: 700;\n }\n\n .next-button {\n position: absolute;\n text-align: center;\n padding-bottom: 10px;\n width: 100%;\n bottom: 0;\n right: 0;\n }\n\n .publish-status{\n width: 60%;\n font-size: @sectionFontSize;\n color: white;\n text-align: left;\n font-weight: normal;\n }\n\n .publish-wizard-error{\n padding:10px;\n box-sizing: border-box;\n background-color: @backgroundLight;\n }\n\n .lower-buttons{\n margin-top:10px;\n left:0px;\n width:100%;\n text-align: center;\n }\n\n .link-wrapper{\n display: flex;\n flex-wrap: wrap;\n }\n\n .big-link{\n display: flex;\n align-items: center;\n justify-content: center;\n margin:5px 2px 0px 2px;\n width:calc(50% - 7.5px);\n height:100px;\n background: darken(@background, 0.5%);\n border:1px solid darken(@background, 4%);\n cursor:pointer;\n position: relative;\n\n &.disabled{\n pointer-events: none;\n h1{\n color:@backgroundHighlight;\n }\n }\n\n h1{\n text-align: center;\n width:100%;\n }\n\n &:hover{\n background:lighten(@background, 1%);\n h1{\n color:@primary;\n }\n }\n }\n}\n\n.progress-bar {\n\n progress {\n border-radius: 7px;\n width:10em;\n background: @primary;\n height:@loaderHeight;\n border-radius: 7px;\n background-size: 10px 10px;\n background-image: linear-gradient(\n 45deg,\n rgba(black, 0.2) 25%,\n transparent 25%,\n transparent 50%,\n rgba(black, 0.2) 50%,\n rgba(black, 0.2) 75%,\n transparent 75%,\n transparent\n );\n animation: barberpole 0.5s linear infinite;\n }\n progress::-webkit-progress-bar {\n border-radius: 7px;\n background: transparent;\n }\n progress::-webkit-progress-value {\n background-color: white;\n border-radius: 7px;\n transition : width 0.5s ease;\n }\n}\n",".publish-status-indicator{\n display: inline-block;\n padding:3px;\n border-radius: 2px;\n background-color: @backgroundDark;\n vertical-align: top;\n box-sizing: border-box;\n height: 24px;\n margin-top: 2px;\n color:@textDefault;\n\n .spinner{\n width:16px;\n height:16px;\n margin-right:5px;\n\n .icon{\n width:16px;\n height:16px;\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["reset.less","colors.less","core.less","mixins.less","font-sizes.less","components/button.less","components/header.less","components/data-table.less","components/dropdown.less","components/text.less","components/horizontal-rule.less","components/form-field.less","components/card.less","components/modal.less","components/button-menu.less","components/tabs.less","components/controlled-list.less","components/section.less","components/determinate-loader.less","components/tag.less","components/spinner.less","components/no-access.less","components/tooltip.less","components/auth-gate.less","components/assets.less","components/player.less","components/story-previewer.less","components/variable-default-upload.less","components/preview-not-available.less","components/static-composition-editor.less","components/font-preview.less","components/shortcut-menu.less","components/toast.less","components/publish-wizard.less","components/publish-status-indicator.less","components/align-columns.less"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtDA;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACnGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AClNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC1OA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC3BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC5CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC5IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"styles.less","sourcesContent":["\nhtml, body {\n border: 0;\n font-family: \"Helvetica-Neue\", \"Helvetica\", Arial, sans-serif;\n line-height: 1.5;\n margin: 0;\n padding: 0;\n}\n\ndiv, span, object, iframe, img, table, caption, thead, tbody,\ntfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,\nnav, footer, header, section, summary, mark, audio, video {\n border: 0;\n margin: 0;\n padding: 0;\n}\n\nh1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code,\ndel, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,\nol, ul, li, fieldset, legend, label {\n border: 0;\n font-size: 100%;\n vertical-align: baseline;\n margin: 0;\n padding: 0;\n}\n\narticle, aside, canvas, figure, figure img, figcaption, hgroup,\nfooter, header, nav, section, audio, video {\n display: block;\n}\n\ntable {\n border-collapse: separate;\n border-spacing: 0;\n caption, th, td {\n text-align: left;\n vertical-align: middle;\n }\n}\n\na img {\n border: 0;\n}\n\n:focus {\n outline: 0;\n}\n\ninput[type=number]::-webkit-inner-spin-button, \ninput[type=number]::-webkit-outer-spin-button { \n -webkit-appearance: none; \n margin: 0; \n}","\n@primary:#2d8ceb;\n@secondary:#B9B8B8;\n@warning:#8F7B25;\n@danger:#AF1126;\n@info:#56B05E;\n\n@textDefault:#dfdfdf;\n@textDark:#0d0d0d;\n@buttonTextDefault:#e1e1e1;\n@headerTextDefault:#d5d5d5;\n\n@background:#272727;\n@backgroundLight:#353535;\n@backgroundHighlight:#5f5f5f;\n@backgroundDark:#161616;\n@inputBackground:#1d1d1d;\n@tooltipBackgroundLight:#626255;\n@tooltipBackgroundDark:#1b1b17;\n\n@logBlack:#3A3A3A;\n@logMagenta:#B35CB1;\n@logWhite:#f5f5f5;\n@logYellow:#8F883A;\n@logCyan:#75C0EB;\n","body{\n font-family: 'Roboto Condensed', sans-serif;\n font-weight: 500;\n color: @textDefault;\n font-size:@fontSizeDefault;\n background:@background;\n\n a{\n \tcolor:@textDefault;\n }\n}\n\n::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: @backgroundDark; \n}\n\n::-webkit-scrollbar-corner {\n background: @backgroundDark;\n}\n\n::-webkit-scrollbar-thumb {\n background: @backgroundHighlight; \n}\n\n::-webkit-scrollbar-thumb:hover {\n background: lighten(@backgroundHighlight, 5%); \n}\n","/************************************/\n/ ------------- GLOBAL ------------ /\n/**********************************/\n\n@panelBorder:1px solid @backgroundDark;\n\n.layer {\n position:absolute;\n width:100%;\n height:100%;\n top:0px;\n left:0px;\n}\n\n.chess {\n background-size: 20px 20px;\n background-position: 0 0;\n background-image: url('data:image/svg+xml;utf8,<svg preserveAspectRatio=\"none\" viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"0\" y=\"0\" width=\"5\" height=\"5\" fill=\"%23e4e4e4\" /><rect x=\"5\" y=\"5\" width=\"5\" height=\"5\" fill=\"%23e4e4e4\" /><rect x=\"5\" y=\"0\" width=\"5\" height=\"5\" fill=\"white\" /><rect x=\"0\" y=\"5\" width=\"5\" height=\"5\" fill=\"white\" /></svg>');\n}\n\n/**********************************/\n/ ----------- TRANSISIONS --------- /\n/**********************************/\n\n@easeOutCubic: cubic-bezier(.215,.61,.355,1);\n@easeInOutCubic: cubic-bezier(.645,.045,.355,1);\n@easeInCirc: cubic-bezier(.6,.04,.98,.335);\n@easeOutCirc: cubic-bezier(.075,.82,.165,1);\n@easeInOutCirc: cubic-bezier(.785,.135,.15,.86);\n@easeInExpo: cubic-bezier(.95,.05,.795,.035);\n@easeOutExpo: cubic-bezier(.19,1,.22,1);\n@easeInOutExpo: cubic-bezier(1,0,0,1);\n@easeInQuad: cubic-bezier(.55,.085,.68,.53);\n@easeOutQuad: cubic-bezier(.25,.46,.45,.94);\n@easeInOutQuad: cubic-bezier(.455,.03,.515,.955);\n@easeInQuart: cubic-bezier(.895,.03,.685,.22);\n@easeOutQuart: cubic-bezier(.165,.84,.44,1);\n@easeInOutQuart: cubic-bezier(.77,0,.175,1);\n@easeInQuint: cubic-bezier(.755,.05,.855,.06);\n@easeOutQuint: cubic-bezier(.23,1,.32,1);\n@easeInOutQuint: cubic-bezier(.86,0,.07,1);\n@easeInSine: cubic-bezier(.47,0,.745,.715);\n@easeOutSine: cubic-bezier(.39,.575,.565,1);\n@easeInOutSine: cubic-bezier(.445,.05,.55,.95);\n@easeInBack: cubic-bezier(.6,-.28,.735,.045);\n@easeOutBack: cubic-bezier(.175, .885,.32,1.275);\n@easeInOutBack: cubic-bezier(.68,-.55,.265,1.55);\n\n/**********************************/\n/ --------- MEDIA QUERIES --------- /\n/***********************************/\n\n@laptop: ~\"only screen and (min-width: 768px) and (min-height:500px)\";\n@desktop: ~\"only screen and (min-width: 1024px) and (min-height:700px)\";\n","@fontSizeSmall:12px;\n@fontSizeDefault:13px;\n@fontSizeLarge:15px;\n@fontSizeXLarge:18px;","\n@buttonMargin:2px;\n\n.imposium-btn{\n\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tborder-radius:2px;\n\tuser-select: none;\n\tcursor:pointer;\n\tpadding:2px 3px 2px 3px;\n\tmargin:@buttonMargin;\t\n\tfont-size:@fontSizeDefault;\n\tline-height: @fontSizeDefault;\n\ttext-align:center;\n\tvertical-align: top;\n\tmin-width:20px;\n\t\n\t&.large{\n\t\theight:23px;\n\t\tfont-size:@fontSizeLarge + 1;\n\t\tline-height: @fontSizeLarge;\n\t\tpadding:4px 4px 4px 4px;\n\t}\n\n\t&.xlarge{\n\t\theight:32px;\n\t\tfont-size:@fontSizeXLarge;\n\t\tline-height: @fontSizeXLarge;\n\t\tpadding: 5px 7px 5px 7px;\n\t}\n\n\t&.disabled{\n\t\tpointer-events:none;\n\t}\n\n\t.loading-icon{\n\n\t\tsvg{\n\t\t\tanimation-name: rotate; \n\t\t animation-duration: 1s; \n\t\t animation-iteration-count: infinite;\n\t\t animation-timing-function: linear;\n\t\t}\n\t}\n}\n\n.boldButton(@color){\n\tbackground:@color;\n\tcolor:@buttonTextDefault;\n\t&:hover, &.active{\n\t\tbackground:darken(@color, 10%);\n\t}\n}\n\n.btn-bold{\n\n\t.boldButton(@textDefault);\n\tcolor:@textDark;\n\t\n\t&.primary{\n\t\t.boldButton(@primary);\n\t}\t\n\n\t&.secondary{\n\t\t.boldButton(@secondary);\n\t}\n\n\t&.warning{\n\t\t.boldButton(@warning);\n\t}\n\n\t&.danger{\n\t\t.boldButton(@danger);\n\t}\n\n\t&.disabled{\n\t\tbackground:@backgroundLight;\n\t\tcolor: @textDark;\n\t}\n}\n\n.defaultButton(@color){\n\tcolor:@color;\n}\n.btn-default{\n\t\n\tbackground:@backgroundDark;\n\t&:hover, &.active{\n\t\tbackground:darken(@backgroundDark, 5%);\n\t}\n\tborder:1px solid @backgroundLight;\n\t\n\t&.primary{\n\t\t.defaultButton(@primary);\n\t}\t\n\n\t&.secondary{\n\t\t.defaultButton(@secondary);\n\t}\n\n\t&.warning{\n\t\t.defaultButton(@warning);\n\t}\n\n\t&.danger{\n\t\t.defaultButton(@danger);\n\t}\t\n\n\t&.disabled{\n\t\tbackground:@backgroundLight;\n\t\tcolor: @textDark;\n\t\tborder: 1px solid @textDark;\n\t}\n}\n\n.subtleButton(@color){\n\tcolor:@color;\n}\n\n.btn-subtle{\n\t\n\t&:hover, &.active{\n\t\tbackground:@backgroundDark;\n\t}\n\t\n\t&.primary{\n\t\t.defaultButton(@primary);\n\t}\t\n\n\t&.secondary{\n\t\t.defaultButton(@secondary);\n\t}\n\n\t&.warning{\n\t\t.defaultButton(@warning);\n\t}\n\n\t&.danger{\n\t\t.defaultButton(@danger);\n\t}\t\n\n\t&.disabled{\n\t\tcolor: @textDark;\n\t}\n}\n\n.btn-tab{\n\tmin-width:@tabWidth;\n\tdisplay: inline-block;\n\tpadding:0px 10px 0px 10px;\n\tfont-size:@fontSizeLarge;\n\theight:calc(@tabHeight -2px);\n\tuser-select: none;\n\tcursor:pointer;\n\ttext-align:center; \n\tbox-sizing: border-box;\n\tline-height: 19px;\n\tmargin:0px;\n}\n","@headerHeight: 50px;\n@defaultBGColor: #212124;\n@defaultBorderColor: #494949;\n@defaultBorderStyle: 4px solid #494949;\n@defaultMaxWidth: 100%;\n\n/ cyrillic-ext /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiYySUhiCXABTV.woff) format('woff');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n/ cyrillic /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiYySUhiCXABTV.woff) format('woff');\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n}\n/ vietnamese /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliYySUhiCXABTV.woff) format('woff');\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;\n}\n/ latin-ext /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiYySUhiCXABTV.woff) format('woff');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/ latin /\n@font-face {\n font-family: 'OswaldHeader';\n font-style: normal;\n font-weight: 400;\n src: url(https://cdn.imposium.com/header/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiYySUhiCXAA.woff) format('woff');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\n.font-style {\n font-family: 'OswaldHeader', 'Oswald', sans-serif;\n text-transform: uppercase;\n color: white;\n}\n\n.secondary-font-style {\n font-family: 'Roboto Condensed',sans-serif;\n font-weight: 500;\n}\n\n.no-select {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.flex-row {\n display: flex;\n align-items: center;\n box-sizing: content-box;\n}\n\n.anchor {\n .font-style;\n cursor: pointer;\n font-size: @fontSizeDefault;\n text-decoration: none;\n\n &:visited {\n color: white;\n }\n\n &:hover {\n color: #2d8ceb;\n }\n}\n\n.circle-style {\n .no-select;\n border-radius: 50%;\n width: 28px;\n height: 28px;\n font-size: 14px;\n text-align: center;\n line-height: 28px;\n}\n\n.btn-reset {\n padding: 0;\n border: none;\n font: inherit;\n color: inherit;\n background-color: transparent;\n cursor: pointer;\n outline: none;\n box-sizing: border-box;\n .no-select;\n .font-style;\n}\n\n.faux-select {\n .btn-reset;\n display: flex;\n align-items: center;\n font-size: 14px;\n\n svg {\n margin-bottom: -1px;\n margin-left: 5px;\n }\n}\n\n.ellipsis {\n white-space: nowrap; \n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n.imposium-header {\n .flex-row;\n z-index: 100000;\n position: absolute;\n top: 0px;\n left: 0px;\n width: 100%;\n height: @headerHeight;\n background-color: @backgroundDark;\n border-bottom: 4px solid @backgroundHighlight;\n font-size: 16px;\n line-height: 1.5;\n\n .inner-content {\n .flex-row;\n width: 100%;\n max-width: @defaultMaxWidth;\n justify-content: space-between;\n margin: 0px 15px;\n\n .inner-left {\n .flex-row;\n\n .title {\n .flex-row;\n cursor: pointer;\n margin-right: 20px;\n text-decoration: none;\n\n .logo {\n width: 30px;\n height: 30px;\n margin: 0px 5px 0px 0px;\n background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAkJJREFUWMO1WMmigyAMFEUBWf//a9+hak2csLR9ubXqwEwmYZmm/w+lN3uEXj6DmI1PhUSwo1DKxIIiuXlgInuRI+gfgHQD2Vya4VUDZImlJ/JaRdly6Yy9guJKf0SR2F5GIi6/QCklL79AKSWp73SR9dnKJ8HzNd8zbY4/9eHa86X0xDEUhrguK0p0pbDkVVKqhpn9LPRMYUEWwr0vcPOe468QlsRWyfU1fqCwIBHpre/zoaPSJwYLp4OMd/YUC2HRdBDj9/gRwgIhsfMczXKC1rgnIGCHLtQ8VjaPmqZpUlLBnJwThOUii9VkqXmiKKWvN4iZ+oHB3lyGNWNGD7x+ApKx0gcMHTxI5tmg8qR+71IYwTy2DlM8TUxW2Dwe2vLuUA07iH6IWIfJEXcQNwYDc3vz5IcwO4TJLRi24+JdunM2WWkozaDEKx3XQ0qlBFAh7DMVW5RK8VX7vT5bHl1Xg16gZJiNWj8IlF4vpkaBnwNdBe5go/SVurx/ZuQuChbe1obgSen1aG5Qyi1Kx4CxSsk3F4aj2ZqRfp7EJWSurS65tbq87bTLa10HpcvbyzeUrnef1uGUdGXrkZW4wWGUnLTO0clw5dhn5x4Fb2DIoTCBrQ2nBKuGHtE0eNJDyfFD3VuzcMSp9/EzV+z1zcmDZOmSJ46joJPQMA4+T43iZOmOQPlfoAydzWL1KL52nqBt65Kjh1jsuF7QoaWK6bvs2GpA2aqpN/QuaOS3wZugdeetLvttnj4Ipa096tLZtQrxBxFKwFrUKkYaAAAAAElFTkSuQmCC');\n background-size: 30px 30px;\n background-repeat: no-repeat;\n }\n\n .heading {\n .font-style;\n margin: 0;\n font-size: 20px;\n font-weight: normal;\n }\n }\n\n .btn-toggle-services {\n .faux-select;\n }\n }\n\n .inner-right {\n .flex-row;\n\n a{\n border:none;\n }\n \n .btn-help {\n .circle-style;\n margin-left: 15px;\n font-size:28px;\n }\n \n .btn-toggle-orgs {\n .btn-reset;\n .circle-style;\n margin-left: 15px;\n }\n \n .btn-toggle-story {\n .faux-select;\n\n .story-name {\n .ellipsis;\n max-width: 220px;\n }\n }\n\n .btn-logout {\n .btn-reset;\n padding: 10px 0px;\n font-size: 14px;\n }\n }\n }\n\n .service-menu {\n width: 320px;\n max-height: 400px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n padding-top: 5px;\n\n .service-menu-section {\n width: 100%;\n padding: 5px;\n box-sizing: border-box;\n\n .service-menu-heading {\n .secondary-font-style;\n font-size: @fontSizeDefault;\n text-transform: uppercase;\n color: #b1b1b1;\n border-bottom: 1px solid #5f5f5f;\n box-sizing: border-box;\n padding-left: 2px;\n margin-bottom: 5px;\n }\n\n .service-menu-anchors {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n\n .anchor-wrapper {\n width: 50%;\n padding: 5px;\n box-sizing: border-box;\n\n .icon-fixed {\n width: 22px;\n }\n\n a {\n .anchor;\n display: flex;\n align-items: center;\n color: white;\n font-size: @fontSizeDefault;\n }\n\n &.doc {\n svg {\n color: #4D8C71;\n }\n }\n }\n }\n }\n }\n\n .stories-menu {\n width: 240px;\n max-height: 400px;\n display: flex;\n flex-direction: column;\n overflow: auto;\n\n .no-stories-dialog {\n .font-style;\n font-size: 12px;\n text-align: center;\n padding: 0.3em;\n }\n\n .btn-change-story {\n .btn-reset;\n .ellipsis;\n max-width: 100%;\n min-height: 35px;\n font-size: 12px;\n border-bottom: 1px solid #494949;\n box-sizing: content-box;\n margin: 0;\n border-radius: 0;\n padding: 0 5px;\n\n &:last-child {\n border-bottom: unset;\n }\n\n &:hover {\n background-color: #494949;\n }\n }\n }\n\n .orgs-menu {\n width: 240px;\n max-height: 400px;\n overflow: auto;\n\n .orgs-menu-active-org {\n .font-style;\n .flex-row;\n padding: 10px;\n border-bottom: 1px solid @defaultBorderColor;\n background-color: @defaultBorderColor;\n\n .active-first-char {\n .circle-style;\n width: 40px;\n height: 40px;\n font-size: 18px;\n line-height: 40px;\n margin-right: 10px;\n }\n }\n\n .menu-item {\n .btn-reset;\n width: 100%;\n padding: 10px 0px;\n font-size: 12px;\n border-bottom: 1px solid @defaultBorderColor;\n\n .inactive-first-char {\n .circle-style;\n margin-right: 10px;\n }\n\n &.inactive-org-button {\n .flex-row;\n box-sizing: border-box;\n padding: 10px;\n }\n\n &:last-of-type {\n border-bottom: none;\n }\n }\n\n .orgs-menu-footer {\n .flex-row;\n justify-content: space-between;\n border-top: 1px solid @defaultBorderColor;\n\n .email {\n .secondary-font-style;\n .ellipsis;\n color: #b1b1b1;\n font-size: 12px;\n text-transform: lowercase;\n padding: 10px 15px;\n }\n\n .btn-logout {\n .btn-reset;\n font-size: 12px;\n padding: 10px 15px;\n }\n }\n }\n}\n",".ip-table-wrapper {\n width: 100%;\n min-width: 360px;\n height: 100%;\n position: relative;\n box-sizing: border-box;\n\n .form-field{\n margin:0;\n }\n\n .ip-table {\n width: 100%;\n min-width: 100% !important;\n height: calc(100% - 35px);\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n border-collapse: collapse;\n border-spacing: 0;\n overflow: auto;\n background-color: lighten(@background, 3%);\n\n &.horizontal-scroll {\n height: calc(100% - 45px); // scrollbar height factored in\n }\n\n &.hide-paginator {\n height: 100%;\n }\n\n .ip-table-head {\n position: sticky;\n top: 0;\n z-index: 2;\n }\n\n .ip-table-header, .ip-table-col, .ip-table-filter {\n margin: 0;\n padding: 0.15rem 0.25rem;\n\n .ip-table-resizer {\n position: absolute;\n right: 0;\n top: 0;\n z-index: 3;\n width: 10px;\n height: 100%;\n touch-action: none;\n\n &.resizing {\n\n }\n }\n }\n\n &.tight-rows{\n .ip-table-col{\n padding: 0.15rem 0.25rem;\n }\n }\n \n .ip-table-header, .ip-table-filter {\n background-color: darken(@background, 1%);\n font-family: 'Roboto Condensed', sans-serif;\n font-weight: 600;\n font-size: 13px;\n\n &.ip-sortable {\n &:hover {\n background-color: lighten(@background, 1%);\n }\n }\n\n .sort-status {\n margin: 0 0.3rem;\n font-size: 11px;\n }\n\n .searchable-sort-area, .filterable-cell-wrapper {\n display: flex;\n align-items: center;\n }\n\n .filterable-cell-wrapper {\n line-height: 20px;\n\n .form-field {\n margin: 0;\n\n .form-field-content {\n width: 100%;\n flex: 1;\n margin: 0;\n }\n }\n }\n\n .imposium-btn {\n margin: 0;\n }\n }\n\n .ip-table-body {\n background-color: lighten(@background, 3%);\n }\n\n .ip-table-row {\n .ip-table-col {\n font-family: 'Roboto Condensed', sans-serif;\n font-size: 12px;\n background-color: lighten(@background, 3%);\n border-top: 1px solid lighten(@background, 5%);\n border-bottom: 1px solid lighten(@background, 1%);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n flex-direction: column;\n\n &.overflow-visible {\n overflow: visible;\n }\n\n .form-field-content {\n margin-left: 0;\n }\n }\n\n &.selected {\n .ip-table-col {\n background-color: darken(@backgroundHighlight, 15%);\n }\n }\n }\n\n .ip-pivot-row {\n .ip-pivot-col {\n flex: 1;\n\n &.selected {\n .tags-column {\n background-color: darken(@backgroundHighlight, 15%);\n }\n }\n }\n }\n }\n\n .imposium-tag {\n background: darken(@background, 1%);\n }\n\n .ip-table-loader {\n .layer;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.36);\n z-index: 3;\n\n svg {\n fill: @secondary;\n }\n }\n\n .ip-table-empty {\n position: absolute;\n top: 50%;\n width: 100%;\n margin-top: -15px;\n display: flex;\n height: 20px;\n\n .empty-message {\n margin: auto;\n text-align: center;\n background: @backgroundLight;\n font-size: @fontSizeSmall;\n color: @textDefault;\n padding: 5px;\n\n svg {\n margin: 1px 2px -1px 0px;\n }\n }\n }\n\n .ip-table-pagination {\n width: 100%;\n box-sizing: border-box;\n position: sticky;\n bottom: -1px;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem;\n border-top: 0;\n background-color: darken(@background, 1%);\n\n .paginator-input {\n .inputMixin;\n width: 60px;\n }\n\n .form-field {\n margin-bottom: 0;\n width: 120px;\n\n label {\n width: 70px;\n }\n\n .form-field-content {\n width: 50px;\n }\n }\n\n .total-assets {\n background: @backgroundHighlight;\n border-radius: 3px;\n padding: 1px 4px;\n margin: 0 0.32em;\n font-size: 12px;\n }\n }\n}\n","\n.imposium-dropdown {\n position: absolute;\n background-color: @backgroundDark;\n border: 1px solid @backgroundHighlight;\n box-shadow: 0 2px 10px rgba(0,0,0,.2);\n border-radius: 2px;\n transition: transform 190ms @easeOutQuint, opacity 160ms @easeOutQuart;\n z-index: 2147483647;\n}\n","h1, h2, h3, h4, h5 {\n font-family: 'Oswald', sans-serif;\n color:@headerTextDefault;\n display: inline-block;\n}\n\nh1{\n\tfont-size:@fontSizeXLarge;\n\tmargin-bottom:5px;\n}\n\nh2{\n\tfont-size:@fontSizeLarge;\n\tline-height: @fontSizeLarge;\n\tmargin-bottom:3px;\n}\n\nh3{\n\tfont-size:@fontSizeDefault;\n\tline-height:@fontSizeDefault;\n\tmargin-bottom:2px;\n}\n\n.text-primary{\n\tcolor:@primary;\n}\n\n.text-secondary{\n\tcolor:@secondary;\n}\n\n.text-danger{\n\tcolor:@danger;\n}\n\n.text-large{\n\tfont-size:@fontSizeLarge;\n}","\n.horizontal-rule{\n\twidth:100%;\n\theight:2px;\n\tbox-sizing: border-box;\n\tmargin-top:5px;\n\tmargin-bottom:5px;\n\t\n\t&.default{\n\t\tborder-top:1px solid @backgroundLight;\n\t\tborder-bottom:1px solid @backgroundDark;\n\t}\n\t&.subtle{\n\t\tborder-top:1px solid fadeout(@backgroundLight, 60%);\n\t\tborder-bottom:1px solid fadeout(@backgroundDark, 60%);\n\t}\n}","\n@labelWidth:100px;\n@inputHeight:20px;\n@labelHeight:20px;\n@fieldMargin:4px;\n@labelPadding:5px;\n@inputPadding:30px;\n\n.inputMixin{\n\tdisplay: inline-block;\n\tbackground:@inputBackground;\n\tborder:none;\n\tcolor:@textDefault;\n\tfont-size:@fontSizeSmall;\n\tbox-sizing:border-box;\n\tvertical-align: top;\n\theight:@inputHeight;\n\twidth:100%;\n\tfont-family: 'Roboto Condensed', sans-serif;\n\tborder-radius: 0;\n\tappearance:none;\n\t\n\t&:hover{\n\t\tbackground:darken(@inputBackground, 3%);\n\t}\n\n\t&:focus{\n\t\tbackground:darken(@inputBackground, 3%);\t\n\t}\n\n\t&:disabled{\n\t\t\n\t\tcolor:fadeout(@textDefault, 60%);\n\t\tbackground:@inputBackground;\n\n\t\t&:focus{\n\t\t\tbackground:@inputBackground;\n\t\t}\n\t\t&:hover{\n\t\t\tbackground:@inputBackground;\n\t\t}\t\n\t}\n}\n\n.form-field{\n\t\n\twidth:100%;\n\tposition:relative;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tmargin-bottom:@fieldMargin;\n\t\n\tinput, select, textarea{\n\t\t.inputMixin;\n\t\tpadding:4px;\n\t}\n\n\ttextarea{\n\t\theight:@inputHeight 3;\n\t\tresize:none;\n\t\tpadding-right:25px;\n\t}\n\n\tlabel{\n\t\tfont-size:@fontSizeSmall;\n\t\tline-height:21px;\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\twidth:@labelWidth;\n\t\theight:@labelHeight;\n\t\ttext-align:right;\n\t\tpadding-right:@labelPadding;\n\t\tbox-sizing: border-box;\n\n\t\t&.label-top{\n\t\t\twidth:100%;\n\t\t\ttext-align: left;\n\t\t\tpadding-right:@labelPadding/2;\n\t\t\tpadding-left:@labelPadding/2;\n\t\t}\n\t}\n\n\t.form-field-content{\n\t\twidth:calc(100% - @labelWidth);\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\tbox-sizing:border-box;\n\n\t\t&.label-top{\n\t\t\tpadding-left:@labelPadding/2;\n\t\t\tpadding-right:@labelPadding/2;\n\t\t\twidth:100%;\n\n\t\t\t.form-field-buttons{\n\t\t\t\ttop:@labelHeight;\n\t\t\t}\n\t\t}\n\t}\n\n\t.form-field-buttons{\n\t\tposition:absolute;\n\t\theight:@inputHeight;\n\t\ttop:0px;\n\t\tright:0px;\n\t\tbackground:@inputBackground;\n\t}\n\n\t&.no-label{\n\t\t.form-field-content{\n\t\t\twidth:calc(100% - @labelPadding);\n\t\t\tmargin-left:@labelPadding;\n\t\t}\n\t}\n}\n\n\n.checkbox-field{\n\t\n\t.checkbox{\n\t\t.inputMixin;\n\t\tdisplay:flex;\n\t\tborder: 1px solid @backgroundLight;\n\t\tborder-radius: 2px;\n\t\twidth:18px;\n\t\theight:18px;\n\t\tpadding:2px;\n\t\tcursor: pointer;\n\n\t\t.fa-check {\n\t\t\tmargin-left: 1px;\n\t\t}\n\t}\n}\n\n.button-group-field{\n\n\t.button-group{\n\n\t\t.inputMixin;\n\n\t\t&:hover{\n\t\t\tbackground:@inputBackground;\n\t\t}\n\t\t\n\t\t.button-group-option{\n\t\t\theight:100%;\n\t\t\tuser-select: none;\n\t\t\tdisplay: inline-block;\n\t\t\ttext-align:center;\n\t\t\tcursor: pointer;\n\t\t\tpadding-top: 1px;\n\t\t\tbox-sizing: border-box;\n\t\t\tcolor:darken(@textDefault, 30%);\n\n\t\t\t&:hover{\n\t\t\t\tbackground:darken(@inputBackground, 5%);\n\t\t\t}\n\n\t\t\t&.active{\n\t\t\t\tcursor:auto;\n\t\t\t\tbackground:lighten(@inputBackground, 10%);\n\t\t\t\tcolor:@textDefault;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.text-area-field{\n\n\t.form-field-buttons{\n\t\tright:10px;\n\t\tbackground:none;\n\t}\n}\n\n.select-field{\n\n\tselect{\n\t\tline-height: 12px;\n\t}\n}\n\n.text-field{\n\n\t.controlled-input{\n\t\tpadding-right:25px;\n\t}\n}\n\n@sliderValWidth:30px;\n.slider-field{\n\t\n\tinput{\n\t\twidth:calc(100% - @sliderValWidth);\n\t\tmargin:0px;\n\t}\n\n\t.val{\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\twidth:@sliderValWidth;\n\t\ttext-align:right;\n\t\tpadding:2px;\n\t\tline-height: 14px;\n\t\tborder-top:2px solid @inputBackground;\n\t\tborder-right:2px solid @inputBackground;\n\t\tborder-bottom:2px solid @inputBackground;\n\t\theight:@inputHeight;\n\t\tbox-sizing:border-box;\n\t\tbackground:lighten(@inputBackground, 4%);\n\t}\n}\n\n.color-field{\n\t\n\t.form-field-content{\n\n\t\t&.label-top{\n\t\t\t\n\t\t\t.picker{\n\t\t\t\ttop:@inputHeight + @labelHeight;\n\t\t\t\t&.picker-left{\n\t\t\t\t\tleft:0px;\n\t\t\t\t}\n\n\t\t\t\t&.picker-right{\n\t\t\t\t\tright:0px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.swatch{\n\t\t\tdisplay: inline-block;\n\t\t\theight:@inputHeight;\n\t\t\twidth:100%;\n\t\t}\n\t\t\n\t\t.picker{\n\t\t\tposition:absolute;\n\t\t\ttop:@inputHeight + 3px;\n\t\t\tz-index:15000;\n\n\t\t\t&.picker-left{\n\t\t\t\tleft:@labelWidth\n\t\t\t}\n\n\t\t\t&.picker-right{\n\t\t\t\tright:0px;\n\t\t\t}\n\n\t\t\t.sketch-picker{\n\t\t\t\n\t\t\t\tbackground:@backgroundLight !important;\n\n\t\t\t\tinput{\n\t\t\t\t\tbox-shadow:none !important;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tspan{\n\t\t\t\t\tcolor:@textDefault !important;\n\t\t\t\t}\n\n\t\t\t\tlabel{\n\t\t\t\t\twidth:unset;\n\t\t\t\t}\n\n\t\t\t\t.flexbox-fix{\n\t\t\t\t\tborder-top:none !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.react-autosuggest__container{\n\tposition:relative;\n}\n.react-autosuggest__container--open{\n\n}\n.react-autosuggest__input{\n\n}\n.react-autosuggest__input--open{\n\n}\n.react-autosuggest__input--focused{\n\t\n}\n.react-autosuggest__suggestions-container{\n\tbackground:@backgroundDark;\n\tborder:1px solid @background;\n\tposition:absolute;\n\tright:0px;\n\ttop:@inputHeight;\n\twidth:100%;\n\tz-index:10000;\n\tdisplay: none;\n}\n\n.react-autosuggest__suggestions-container--open{\n\tdisplay: block;\n}\n.react-autosuggest__suggestions-list{\n\tlist-style: none;\n}\n.react-autosuggest__suggestion{\n\tpadding-left:5px;\n\tbox-sizing:border-box;\n\tmargin-bottom:2px;\n\tcursor: pointer;\n}\n.react-autosuggest__suggestion--first{\n\n}\n.react-autosuggest__suggestion--highlighted{\n\tbackground: @backgroundLight;\n}\n.react-autosuggest__section-container{\n\n}\n.react-autosuggest__section-container--first{\n\n}\n.react-autosuggest__section-title{\n\n}\n\n.caret{\n\tdisplay: block;\n\twidth: 18px;\n\theight: 100%;\n\ttext-align: center;\n\tpadding-top: 3px;\n\tbox-sizing: border-box;\n\tuser-select: none;\n\tpointer-events: none;\n\tcolor:lighten(@inputBackground, 10%);\n position: absolute;\n left: -18px;\n}\n","\n@cardHeaderHeight:25px;\n@cardHeaderHeightSmall:21px;\n@cardHeaderHeightLarge:35px;\n\n.card{\n\tbackground: lighten(@background, 3%);\n\tborder:1px solid @backgroundLight;\n\tmargin-bottom:5px;\n\n\t.card-header{\n\t\tcolor:@headerTextDefault;\n\t\theight:@cardHeaderHeight;\n\t\tbox-sizing: border-box;\n\t\tpadding:5px;\n\t\tposition:relative;\n\t\tmargin-bottom:5px;\n\n\t\t.header-buttons{\n\t\t\tposition: absolute;;\n\t\t\tright:0px;\n\t\t\ttop:0px;\n\t\t}\n\t}\n\t\n\t.card-content{\n\t\tpadding:5px;\n\t}\n\t\n\t&.small{\n\t\t.card-header{\n\t\t\theight:@cardHeaderHeightSmall;\n\t\t\tpadding:3px;\n\t\t}\t\n\t\tmargin-bottom:2px;\n\n\t\t.card-content{\n\t\t\tpadding:3px;\n\t\t}\n\t}\n\n\t&.large{\n\t\t.card-header{\n\t\t\theight:@cardHeaderHeightLarge;\n\t\t}\n\n\t\t.header-buttons{\n\t\t\tright: 4px;\n\t\t\ttop: 4px;\n\t\t}\n\t}\n\n\t&.closed{\n\t\theight:@cardHeaderHeight;\n\t\toverflow: hidden;\n\n\t\t&.small{\n\t\t\theight:@cardHeaderHeightSmall;\n\t\t}\n\n\t\t&.large{\n\t\t\theight:@cardHeaderHeightLarge;\n\t\t}\n\t}\n}","\n@modalPadding:5px;\n\n.modal{\n\t\n\tz-index:10000;\n\t.layer;\n\n\t.modal-bg{\n\t\t.layer;\n\t\tbackground: fadeout(@backgroundDark, 20%);\n\t}\n\n\t.modal-container{\n\t\tposition: absolute;\n\t\tbackground: @background;\n\t\tpadding:@modalPadding;\n\t\tbox-sizing: border-box;\n\t\tborder:1px solid @backgroundDark;\n\n\t\t.modal-content{\n\t\t\tposition:absolute;\n\t\t\ttop:0px;\n\t\t\tleft:0px;\n\t\t\theight:100%;\n\t\t\twidth:100%;\n\t\t\tbox-sizing:border-box;\n\t\t\tpadding:5px;\n\t\t}\n\t}\n}\n","\n@menuWidth:125px;\n@menuPadding:3px;\n@menuTop: 20px;\n\n.button-menu{\n display: inline-block;\n vertical-align: top;\n position: relative;\n\n .menu{\n background: @backgroundDark;\n position:absolute;\n top:@menuTop;\n min-width:@menuWidth;\n padding:@menuPadding;\n z-index:1000;\n\n &.right{\n left: 0;\n }\n\n &.left{\n right: 0;\n }\n }\n}\n\n.button-menu-item{\n padding:@menuPadding;\n box-sizing: border-box;\n cursor:pointer;\n\n &:hover{\n background:@background;\n }\n}\n\n.active {\n color: @primary\n}\n","\n@tabHeight:25px;\n@tabWidth:80px;\n\n.tabs{\n .layer;\n .tab-header{\n white-space: nowrap;\n position: absolute;\n top:0px;\n left:0px;\n background: lighten(@backgroundLight, 4%);\n width:100%;\n height:@tabHeight;\n box-sizing:border-box;\n border-bottom:2px solid @primary;\n\n .tab-header-option{\n min-width:@tabWidth;\n display: inline-block;\n padding-left:5px;\n padding-right:5px;\n font-size: @sectionFontSize;\n height:100%;\n user-select: none;\n cursor:pointer;\n text-align:center;\n box-sizing: border-box;\n\n &:hover{\n background:lighten(@backgroundLight, 5%);\n }\n\n &.active{\n background:lighten(@backgroundLight, 10%);\n border-bottom: 2px solid @primary;\n font-weight: 700;\n }\n }\n\n .tab-header-menu {\n .button-menu {\n .imposium-btn {\n margin: 0;\n }\n }\n }\n }\n .tab-content{\n overflow-y: auto;\n .layer;\n top:@tabHeight;\n height:calc(100% - @tabHeight);\n\n .tab-content-wrapper{\n .layer;\n }\n }\n}\n","\n.controlled-list{\n\n\twidth:100%;\n\n\t.item{\n\t\tposition:relative;\n\t\twidth:100%;\n\t\theight:@inputHeight;\n\t\tmargin-top:@fieldMargin / 2;\n\t\tmargin-bottom:@fieldMargin / 2;\n\n\t\t&:hover{\n\t\t\tbackground:@background;\n\t\t\t.buttons{\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t.buttons{\n\t\t\tdisplay: none;\n\t\t\tposition:absolute;\n\t\t\tright:0px;\n\t\t\ttop:0px;\n\t\t}\n\t}\n}","\n@sectionPadding:7px 5px 5px 5px;\n@sectionHeaderHeight:25px;\n@loaderHeight:6px;\n@sectionFontSize:14px;\n@headerPadding:2px;\n\n.section{\n\t.layer;\n\n\t.section-header{\n\t\tbackground:lighten(@backgroundLight, 10%);\n\t\tborder-bottom:2px solid @primary;\n\t\twidth:100%;\n\t\theight:@sectionHeaderHeight;\n\t\tpadding-left:5px;\n\t\tpadding-right:5px;\n\t\tbox-sizing: border-box;\n\t\tmargin-bottom:5px;\n\t\tposition: relative;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\n\t\t.title{\n\t\t\tfont-size:@sectionFontSize;\n\t\t}\n\n\t\t.tab {\n\t\t\tdisplay: inline-block;\n\t\t\tpadding: 0 0.28em;\n\t\t\tbox-sizing: border-box;\n\t\t\tcursor: pointer;\n\t\t\tcolor: @textDefault;\n\t\t\tfont-size: @sectionFontSize;\n\t\t\tbackground-color: @tooltipBackgroundLight;\n\t\t\theight: calc(100% - 2px);\n\t\t\tmargin-top: 2px;\n\t\t\topacity: 1;\n\t\t\tborder-top-left-radius: 3px;\n\t\t\tborder-top-right-radius: 3px;\n\t\t\tmargin-right: 2px;\n\n\t\t\t&.last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: @primary;\n\t\t\t\tcolor: @buttonTextDefault;\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\tbackground-color: @primary;\n\t\t\t\tcolor: @buttonTextDefault;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t.buttons{\n\t\t\tposition: absolute;\n\t\t\tright:3px;\n\t\t\ttop:1px;\n\t\t}\n\t}\n\n\t.section-content{\n\t\t.layer;\n\t\ttop:@sectionHeaderHeight;\n\t\theight:calc(100% - @sectionHeaderHeight);\n\t\tpadding:@sectionPadding;\n\t\tbox-sizing:border-box;\n\t\toverflow-y: auto;\n\t}\n\n\t.loading-bar{\n\t position: absolute;\n\t top:23px;\n\t width:100%;\n\t height:@loaderHeight;\n\t background: @primary;\n\t background-size: 10px 10px;\n\t background-image: linear-gradient(\n\t 45deg,\n\t rgba(black, 0.2) 25%,\n\t transparent 25%,\n\t transparent 50%,\n\t rgba(black, 0.2) 50%,\n\t rgba(black, 0.2) 75%,\n\t transparent 75%,\n\t transparent\n\t );\n\t animation: barberpole 0.5s linear infinite;\n\t}\n\n\t@keyframes barberpole {\n\t from { background-position: 0 0; }\n\t to { background-position: 20px 10px; }\n\t}\n}\n",".determinate-loader {\n width: 100%;\n height: 20px;\n position: relative;\n border: 1px solid @backgroundLight;\n border-radius: 5px;\n\n .progress-bg {\n .layer;\n background-color: @backgroundHighlight;\n transform-origin: left;\n border-radius: 5px;\n transition: transform 50ms @easeOutQuad;\n }\n\n .progress-copy {\n .layer;\n text-align: center;\n line-height: 20px;\n border-radius: 5px;\n }\n}\n",".imposium-tag {\n padding: 3px 4px 3px 5px;\n margin: 2.5px;\n box-sizing: border-box;\n border-radius: 5px;\n background: @backgroundLight;\n font-size: 11px;\n border-left-width: 4px;\n border-left-style: solid;\n display: inline-block;\n position: relative;\n cursor:pointer; \n user-select:none;\n\n &:hover{\n .remove-tag{\n scale:1;\n opacity: 1;\n transition:scale 200ms @easeOutQuad 600ms, opacity 150ms @easeOutQuad 600ms;\n }\n }\n\n .remove-tag{\n scale:0;\n opacity: 0;\n transition:scale 50ms @easeOutQuad 0ms, opacity 50ms @easeOutQuad 0ms;\n position:absolute;\n width:16px;\n height:16px;\n border-radius:50%;\n right:-10px;\n top:-5px;\n background:@backgroundHighlight;\n z-index:100;\n\n svg {\n fill: @textDefault;\n margin-left: 4px;\n margin-top: 2px;\n cursor: pointer;\n }\n }\n}","\n@spinnerSize:20px;\n\n.spinner {\n\t\n\tdisplay: inline-block;\n\twidth:@spinnerSize;\n\theight:@spinnerSize;\n\tline-height: 100%;\n\n\t.icon{\n\t\tfont-size:18px;\n\t\ttext-align:center;\n\t\twidth:@spinnerSize;\n\t\theight:@spinnerSize;\n\t\tvertical-align: middle;\n\t\tanimation-name: rotate; \n\t animation-duration: 1s; \n\t animation-iteration-count: infinite;\n\t animation-timing-function: linear;\n\t\tcolor: @secondary;\n\n\t svg{\n\t \twidth:100%;\n\t \theight:100%;\n\t }\n\t}\n}\n\n@keyframes rotate {\n from {transform: rotate(0deg);}\n to {transform: rotate(360deg);}\n}\n",".no-access {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 420px;\n height: 220px;\n margin-left: -210px;\n margin-top: -110px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 16px 0px;\n box-sizing: border-box;\n\n svg {\n color: @secondary;\n margin-bottom: 0.1em;\n }\n\n .no-access-copy {\n display: flex;\n flex-direction: column;\n\n .no-access-heading {\n margin-bottom: 8px;\n text-align: center;\n font-weight: 400;\n }\n\n a {\n text-align: center;\n color: @primary;\n text-decoration: none;\n font-size: 16px;\n }\n }\n}\n","\n.tooltipMixin(@textColor, @bgColor){\n\tcolor: @textColor !important;\n\tbackground-color: @bgColor !important;\n\tpadding:1px 4px !important;\n\tborder-radius:0px !important;\n\ttransition: opacity 0.1s ease-out !important;\n\topacity:1 !important;\n\n\t&.place-top{\n\t\tmargin-top:-4px !important;\n\t}\n\n\t&.place-bottom{\n\t\tmargin-bottom:-4px !important;\n\t}\n\n\t&.place-left{\n\t\tmargin-left:-4px !important;\n\t}\n\n\t&.place-right{\n\t\tmargin-right:-4px !important;\n\t}\n\n \t&:after {\n\t \tborder:none !important;\n \t}\n}\n\n.imposium-button-tooltip-light{\n\t.tooltipMixin(@headerTextDefault, @tooltipBackgroundLight);\n}\n\n.imposium-button-tooltip-dark{\n\t.tooltipMixin(@headerTextDefault, @backgroundDark);\n}",".auth-gate {\n .layer;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","\n.new-tag{\n display: inline-block;\n width:150px;\n height:@inputHeight;\n vertical-align: top;\n margin-top: 1px;\n margin-left:2px;\n input{\n width:100%;\n height:@inputHeight;\n display: inline-block;\n background:none;\n border:none;\n color:@textDefault;\n font-size:@fontSizeSmall;\n box-sizing:border-box;\n vertical-align: top;\n border-radius:0px;\n appearance:none;\n\n &:hover{\n background:rgba(0,0,0,0.2);\n }\n\n &:focus{\n background:rgba(0,0,0,0.2);\n }\n }\n}\n\n.asset-type-cell {\n font-size: 1.2em;\n margin-left: 4px;\n}\n\n.tags-wrapper {\n display: inline-block;\n}\n\n.file-hidden {\n display: none;\n}\n\n.uploads-menu {\n width: 320px;\n height: 175px;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n background: @background;\n\n .uploads-controls {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 5px;\n }\n\n .uploads-list {\n width: 100%;\n box-sizing: border-box;\n margin-top: 5px;\n padding: 5px;\n border-top: 1px solid #494949;\n\n .ongoing-upload {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n margin-bottom: 5px;\n }\n }\n\n .form-field{\n\n vertical-align:top;\n label{\n width:120px;\n }\n\n .form-field-content{\n width:calc(100% - 120px);\n }\n }\n}\n\n.asset-filter {\n padding: 7px;\n border-bottom: 1px solid #494949;\n background: @background;\n display:inline-block;\n &:hover{\n background:@backgroundLight;\n }\n}\n\n.assets-paginator {\n width: 100%;\n height: 25px;\n background-color: @background;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);\n border-top: 2px solid rgba(0, 0, 0, 0.1);\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .total-assets {\n border-radius: 3px;\n background: @backgroundHighlight;\n padding: 1px 4px;\n font-size: 12px;\n }\n\n .jump-to-wrapper {\n display: flex;\n align-items: center;\n\n .jump-to-page {\n .inputMixin;\n width: 30px;\n margin: 0 3px;\n }\n }\n}\n\n.tags-column {\n position:relative;\n padding-right:50px;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n width: 100%;\n padding: 0.6rem;\n box-sizing: border-box;\n font-size: 13px;\n\n .form-field {\n margin: 0 0.6rem 0 0;\n }\n}\n\n.centered-cell {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .form-field-content {\n margin-left: 0;\n }\n}\n\n.menu-count-superscript {\n vertical-align: top;\n font-size: 11px;\n margin-left: 0.1em;\n display: inline-block;\n margin-top: -3px;\n}\n\n.asset-status-cell{\n width:100%;\n height:100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n .status-indicator{\n width:5px;\n height:100%;\n box-sizing:border-box;\n\n &.processing{\n background:#c5b73d;\n }\n\n &.complete{\n background:#307f35;\n }\n }\n}\n\n.ongoing-upload-inner{\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%\n}\n\n.asset-preview-background{\n border:1px solid @backgroundDark;\n background-color: @background;\n &.transparent{\n .chess;\n }\n\n &.hidden{\n opacity: 0;\n }\n}\n.close-icon-preview{\n z-index: 9999 !important;\n justify-content: flex-end;\n display: flex;\n height: 30px !important;\n align-items: center\n}\n",".media-player{\n\n\t.layer;\n\n\t.inner-viewer{\n\t\tposition:absolute;\n\n\t\timg{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\toutline:1px solid darken(@backgroundDark, 10%);\n\t\t\t.chess\n\t\t}\n\n\t\tvideo{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\toutline:1px solid darken(@backgroundDark, 10%);\n\t\t}\n\n\t\taudio{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\toutline:1px solid darken(@backgroundDark, 10%);\n\t\t}\n\t}\n}\n","\n@viewerBtnHeight:30px;\n@storyViewerVarWidth:250px;\n@storyViewerHeaderHeight:35px;\n\n.log-html{\n\n span{\n display: block;\n font-family: monospace;\n word-wrap: break-word;\n font-size: 10px;\n line-height: 13px;\n }\n\n .ansi-black-fg {\n color: @logBlack;\n }\n\n .ansi-red-fg {\n color: @danger;\n }\n\n .ansi-green-fg {\n color: @info;\n }\n\n .ansi-yellow-fg {\n color: @warning;\n }\n\n .ansi-blue-fg {\n color: @primary;\n }\n\n .ansi-magenta-fg {\n color: @logMagenta;\n }\n\n .ansi-cyan-fg {\n color: @logCyan;\n }\n\n .ansi-white-fg {\n color: @logWhite;\n }\n\n .ansi-bright-black-fg {\n color: @logBlack;\n }\n\n .ansi-bright-red-fg {\n color: @danger;\n }\n\n .ansi-bright-green-fg {\n color: @info;\n }\n\n .ansi-bright-yellow-fg {\n color: @warning;\n }\n\n .ansi-bright-blue-fg {\n color: @primary;\n }\n\n .ansi-bright-magenta-fg {\n color: @logMagenta;\n }\n\n .ansi-bright-cyan-fg {\n color: @logCyan;\n }\n\n .ansi-bright-white-fg {\n color: @logWhite;\n }\n\n .ansi-black-bg {\n background-color: @logBlack;\n }\n\n .ansi-red-bg {\n background-color: @danger;\n }\n\n .ansi-green-bg {\n background-color: @info;\n }\n\n .ansi-yellow-bg {\n background-color: @warning;\n }\n\n .ansi-blue-bg {\n background-color: @primary;\n }\n\n .ansi-magenta-bg {\n background-color: @logMagenta;\n }\n\n .ansi-cyan-bg {\n background-color: @logCyan;\n }\n\n .ansi-white-bg {\n background-color: @logWhite;\n }\n\n .ansi-bright-black-bg {\n background-color: @logBlack;\n }\n\n .ansi-bright-red-bg {\n background-color: @danger;\n }\n\n .ansi-bright-green-bg {\n background-color: @info;\n }\n\n .ansi-bright-yellow-bg {\n background-color: @logYellow;\n }\n\n .ansi-bright-blue-bg {\n background-color: @primary;\n }\n\n .ansi-bright-magenta-bg {\n background-color: @logMagenta;\n }\n\n .ansi-bright-cyan-bg {\n background-color: @logCyan;\n }\n\n .ansi-bright-white-bg {\n background-color: @logWhite;\n }\n}\n\n.running-prompt{\n\n &.error-wrapper {\n width: 250px;\n }\n \n position: absolute;\n width:200px;\n height:150px;\n text-align: center;\n top:50%;\n left:50%;\n margin-top:-75px;\n margin-left:-100px;\n}\n\n.story-viewer{\n \n .layer;\n \n background:@backgroundDark;\n\n .buttons{\n position:absolute;\n top:0px;\n left:0px;\n width:100%;\n height:@viewerBtnHeight;\n box-sizing: border-box;\n padding:1px;\n background:lighten(@backgroundDark, 5%);\n }\n \n .log{\n .layer;\n overflow-y: scroll;\n padding:10px;\n box-sizing:border-box;\n }\n\n .variables{\n position: absolute;\n top:0px;\n left:0px;\n width:@storyViewerVarWidth;\n height:100%;\n padding:10px;\n box-sizing:border-box;\n background:darken(@background, 1%);\n border-right:1px solid @backgroundDark;\n overflow-y: scroll;\n }\n\n .viewer-content{\n position:absolute;\n left:@storyViewerVarWidth;\n top:0px;\n height:100%;\n width:calc(100% - @storyViewerVarWidth);\n\n .content-header{\n .layer;\n box-sizing: border-box;\n padding-top:4px;\n padding-left:4px;\n height:@storyViewerHeaderHeight;\n background:darken(@background, 1%);\n\n .output{\n margin-top:4px;\n margin-right:5px;\n display: inline-block;\n vertical-align: top;\n }\n\n .right-interface{\n position: absolute;\n right: 8px;\n top: 8px;\n text-align: right;\n }\n }\n\n .content-wrapper{\n .layer;\n top:@storyViewerHeaderHeight;\n height:calc(100% - @storyViewerHeaderHeight);\n }\n }\n}\n","\n\n.variable-default-upload{\n\n width:100%;\n min-height:@inputHeight;\n background: @background;\n top:50%;\n left:50%;\n text-align:center;\n box-sizing: border-box;\n cursor:pointer;\n \n &:hover{\n outline:1px solid @primary;\n }\n\n .default-preview{\n width:100%;\n }\n\n .btn-wrapper{\n position: absolute;\n top:0px;\n right:0px;\n }\n}\n",".preview-not-available{\n position: absolute;\n top:50%;\n left:50%;\n margin-left:-150px;\n margin-top:-150px;\n width:300px;\n height:300px;\n text-align:center;\n\n .icon{\n margin-bottom:20px;\n svg{\n width:50px;\n height:50px;\n }\n }\n} ","\n@compConfigWidth:280px;\n\n.static-composition-editor{\n\n\t.layer;\n\n\t.composition-config{\n\t\tposition: absolute;\n\t\tleft:0;\n\t\twidth:@compConfigWidth;\n\t\theight:100%;\n\t\toverflow-y: scroll;\n\t\tbackground: @background;\n\t\tpadding-left:5px;\n\t\tpadding-right:5px;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.composition-preview{\n\t\t.layer;\n\t\tleft:@compConfigWidth;\n\t\twidth:calc(100% - @compConfigWidth);\n\t}\n}\n\n.static-composition-renderer{\n\t.layer;\n\tfont-family:'Arial';\n\tborder:2px solid @backgroundLight;\n}\n\n.composition-renderer-layer{\n\tposition: absolute;\n\ttransform-origin:center center;\n}\n\n.composition-text-layer{\n\twill-change:transform;\n\t.layer;\n\n\t.inner-text{\n\t\tdisplay: inline-block;\n\t}\n}","\n.font-preview{\n\t.layer;\n\ttext-align: center;\n\tbackground: white;\n\tcolor:black;\n\tfont-weight: normal;\n\tfont-size:80px;\n}",".shortcuts-menu {\n padding: 5px;\n box-sizing: border-box;\n background: @background;\n\n table {\n tr {\n td {\n font-size: 12px;\n padding: 0.2em;\n\n &.hotkey-cell {\n font-weight: 600;\n text-align: right;\n }\n\n &.shortcut-desc {\n padding: 0.2em 0.2em 0.2em 1.2em;\n }\n }\n }\n }\n}","#ct-container {\n .ct-toast {\n padding: 0.5em 1em;\n min-height: unset;\n position: absolute;\n bottom: 5em;\n background-color: @backgroundDark;\n border-top: 1px solid @backgroundHighlight;\n border-bottom: 1px solid @backgroundHighlight;\n border-right: 1px solid @backgroundHighlight;\n color: @textDefault;\n .ct-text-group {\n margin-left: 1em;\n }\n }\n}\n","\n.publish-wizard{\n\n padding-top:30px;\n\n .missingColumns{\n margin: 15px;\n color: red;\n word-break: break-word;\n }\n \n .publish-wizard-header{\n position:absolute;\n padding:2px;\n padding-left:5px;\n color:@primary;\n box-sizing: border-box;\n top:0px;\n left:0px;\n height:25px;\n width:100%;\n border-bottom:2px solid @primary;\n }\n\n .publish-status-indicator{\n position: absolute;\n right: 2px;\n top: 28px;\n }\n\n .publish-header {\n display: inline-block;\n padding: @headerPadding;\n width: 100%;\n font-size: @sectionFontSize;\n box-sizing: border-box;\n border-bottom: 2px solid @primary;\n color: @primary;\n font-weight: 700;\n }\n\n .next-button {\n position: absolute;\n text-align: center;\n padding-bottom: 10px;\n width: 100%;\n bottom: 0;\n right: 0;\n }\n\n .publish-status{\n width: 60%;\n font-size: @sectionFontSize;\n color: white;\n text-align: left;\n font-weight: normal;\n }\n\n .publish-wizard-error{\n padding:10px;\n box-sizing: border-box;\n background-color: @backgroundLight;\n }\n\n .lower-buttons{\n margin-top:10px;\n left:0px;\n width:100%;\n text-align: center;\n }\n\n .link-wrapper{\n display: flex;\n flex-wrap: wrap;\n }\n\n .big-link{\n display: flex;\n align-items: center;\n justify-content: center;\n margin:5px 2px 0px 2px;\n width:calc(50% - 7.5px);\n height:100px;\n background: darken(@background, 0.5%);\n border:1px solid darken(@background, 4%);\n cursor:pointer;\n position: relative;\n\n &.disabled{\n pointer-events: none;\n h1{\n color:@backgroundHighlight;\n }\n }\n\n h1{\n text-align: center;\n width:100%;\n }\n\n &:hover{\n background:lighten(@background, 1%);\n h1{\n color:@primary;\n }\n }\n }\n}\n\n.progress-bar {\n\n progress {\n border-radius: 7px;\n width:10em;\n background: @primary;\n height:@loaderHeight;\n border-radius: 7px;\n background-size: 10px 10px;\n background-image: linear-gradient(\n 45deg,\n rgba(black, 0.2) 25%,\n transparent 25%,\n transparent 50%,\n rgba(black, 0.2) 50%,\n rgba(black, 0.2) 75%,\n transparent 75%,\n transparent\n );\n animation: barberpole 0.5s linear infinite;\n }\n progress::-webkit-progress-bar {\n border-radius: 7px;\n background: transparent;\n }\n progress::-webkit-progress-value {\n background-color: white;\n border-radius: 7px;\n transition : width 0.5s ease;\n }\n}\n",".publish-status-indicator{\n display: inline-block;\n padding:3px;\n border-radius: 2px;\n background-color: @backgroundDark;\n vertical-align: top;\n box-sizing: border-box;\n height: 24px;\n margin-top: 2px;\n color:@textDefault;\n\n .spinner{\n width:16px;\n height:16px;\n margin-right:5px;\n\n .icon{\n width:16px;\n height:16px;\n }\n }\n}\n",".align-columns { \n\n p {\n margin: 10px 20px;\n font-size: 15px;\n \n &.warning {\n color: red;\n }\n \n &.match-columns {\n color: white;\n }\n }\n\n table {\n margin: 15px auto;\n width: 75%;\n\n thead {\n font-size: 20px;\n tr {\n th {\n padding-left: 10px;\n }\n }\n }\n\n tbody {\n font-size: 15px;\n\n tr {\n td {\n padding-top: 5px;\n padding-bottom: 5px;\n width: 50%;\n\n &.variable \n {\n p {\n margin: 0;\n border: 1px solid gray;\n padding-left: 10px;\n color: white;\n }\n }\n\n .form-field.select-field.no-label {\n margin: 0;\n \n select {\n height: 25px;\n border: 1px solid gray;\n }\n\n .caret {\n color: white;\n padding-top: 1px;\n padding-right: 10px;\n }\n }\n }\n }\n }\n }\n}"]}

package/less/components/align-columns.less ADDED Viewed

@@ -0,0 +1,66 @@
+.align-columns {
+    p {
+        margin: 10px 20px;
+        font-size: 15px;
+        &.warning {
+            color: red;
+        }
+        &.match-columns {
+            color: white;
+        }
+    }
+    table {
+        margin: 15px auto;
+        width: 75%;
+        thead {
+            font-size: 20px;
+            tr {
+                th {
+                    padding-left: 10px;
+                }
+            }
+        }
+        tbody {
+            font-size: 15px;
+            tr {
+                td {
+                    padding-top: 5px;
+                    padding-bottom: 5px;
+                    width: 50%;
+                    &.variable
+                    {
+                        p {
+                            margin: 0;
+                            border: 1px solid gray;
+                            padding-left: 10px;
+                            color: white;
+                        }
+                    }
+                    .form-field.select-field.no-label {
+                        margin: 0;
+                        select {
+                            height: 25px;
+                            border: 1px solid gray;
+                        }
+                        .caret {
+                            color: white;
+                            padding-top: 1px;
+                            padding-right: 10px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/less/styles.less CHANGED Viewed

@@ -33,3 +33,4 @@
 @import (inline) "components/toast.less";
 @import (inline) "components/publish-wizard.less";
 @import (inline) "components/publish-status-indicator.less";
+@import (inline) "components/align-columns.less";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@imposium-hub/components",
-  "version": "1.42.5",
+  "version": "1.43.1",
   "description": "React & Typescript component / asset library for Imposium front-ends",
   "main": "dist/components.js",
   "scripts": {

package/redux/actions/active-batch.ts ADDED Viewed

@@ -0,0 +1,110 @@
+import { IImposiumAPI } from '../../services/API';
+import ToastService from '../../components/toast-service/ToastService';
+// This value is currently hard coded on our servers so for now it can live as a constant here
+export const BATCH_ITEMS_PER_PAGE : number = 50;
+const EXPERIENCE_ID_COL : any = {
+    name: 'experience_id',
+    type: 'EGC',
+    from_import: 0,
+    detail: 'id'
+};
+const batchActions : any = {
+    TOGGlE_LOADING: 'activeBatch/TOGGLE_LOADING', // controls table loader
+    TOGGLE_UPDATING: 'activeBatch/TOGGLE_UPDATING', // controls section loader
+    SET_BATCH: 'activeBatch/SET_BATCH',
+    ADD_COLUMN: 'activeBatch/ADD_COLUMN',
+    UPDATE_ASSOCIATION: 'activeBatch/UPDATE_ASSOCIATION',
+    REPLACE_ASSOCIATION_OPTIONS: 'activeBatch/REPLACE_ASSOCIATION_OPTIONS',
+    SET_PAGE: 'activeBatch/SET_PAGE',
+};
+export const setPage = (page : number) => ({type: batchActions.SET_PAGE, page});
+export const addPredefinedColumn = (api : IImposiumAPI, columnData : any) => {
+    return (dispatch) => {
+        dispatch({type: batchActions.ADD_COLUMN, columnData});
+        dispatch(persistColumns(api));
+    };
+};
+export const updateAssociation = (api : IImposiumAPI, colIndex : number, newType : string, newAssociation : string) => {
+    return (dispatch) => {
+        dispatch({type: batchActions.UPDATE_ASSOCIATION, colIndex, newType, newAssociation});
+        dispatch(persistColumns(api));
+    };
+};
+export const getBatch = (api : IImposiumAPI) : any => {
+    return (dispatch, getStore) => {
+        const {story, batchesList: {selected}, activeBatch: { page} } = getStore();
+        return new Promise((resolve, reject) => {
+            dispatch({type: batchActions.TOGGlE_LOADING, toggle: true});
+            api.getBatch(selected.id, page)
+                .then((batch : any) => {
+                    dispatch({type: batchActions.SET_BATCH, batch});
+                    const doResolve = () => {
+                        const { acts } = story;
+                        const actsKeys : string[] = Object.keys(acts);
+                        let inventory : any = {};
+                        actsKeys.forEach((actKey : string) => {
+                            inventory = {...inventory, ...acts[actKey].inventory};
+                        });
+                        const UGC : any[] = Object.keys(inventory).map((key : string) => ({
+                            label: inventory[key].name,
+                            value: inventory[key].id
+                        }));
+                        dispatch({type: batchActions.REPLACE_ASSOCIATION_OPTIONS, associationOptions: UGC});
+                        dispatch({type: batchActions.TOGGlE_LOADING, toggle: false});
+                    };
+                    if (batch.columns.length === 0) {
+                        // force experience id column in if the batch has 0 columns
+                        dispatch(addPredefinedColumn(api, EXPERIENCE_ID_COL));
+                        doResolve();
+                    } else {
+                        doResolve();
+                    }
+                })
+                .catch((e : Error) => {
+                    console.error('Failed to load batch:', e);
+                    dispatch({type: batchActions.TOGGlE_LOADING, toggle: false});
+                    reject(e);
+                });
+        });
+    };
+};
+export const persistColumns = (api : IImposiumAPI) => {
+    return (dispatch, getStore) => {
+        const {activeBatch: {data: {id, columns}}} = getStore();
+        dispatch({type: batchActions.TOGGLE_UPDATING, toggle: true});
+        return new Promise((resolve, reject) => {
+            api.updateBatchColumns(id, columns)
+                .catch((e) => dispatch(onSyncError(api, e)))
+                .then(() => {
+                    dispatch({type: batchActions.TOGGLE_UPDATING, toggle: false});
+                });
+        });
+    };
+};
+const onSyncError = (api : IImposiumAPI, e : Error) : any => {
+    return (dispatch) => {
+        console.error('Failed to update data set:', e);
+        ToastService.emit('error', 'Failed to update data set');
+        dispatch(getBatch(api)); // force the state into sync with the DB if we are seeing errors
+    };
+};
+export default batchActions;

package/redux/reducers/active-batch.ts ADDED Viewed

@@ -0,0 +1,108 @@
+import batchActions from '../actions/active-batch';
+const initialState : any = {
+    loading: true,
+    updating: false,
+    associationOptions : {},
+    page: 1,
+    data: {}
+};
+const FRESH_COLUMN : any = {
+    name: 'New Column',
+    type: 'Static',
+    from_import: 1,
+    detail: null
+};
+const getNFreshColumns = (state : any) => {
+    return state.data.columns.filter((col : any) => (col.name.includes(FRESH_COLUMN.name))).length;
+};
+const activeBatch = (state = initialState, action) : any => {
+    let nFreshCols : number;
+    let freshCol : any;
+    switch (action.type) {
+        case batchActions.TOGGlE_LOADING:
+            return {
+                ...state,
+                loading: action.toggle
+            };
+        case batchActions.TOGGLE_UPDATING:
+            return {
+                ...state,
+                updating: action.toggle
+            };
+        case batchActions.ADD_COLUMN:
+            if (typeof action.columnData !== 'undefined') {
+                return {
+                    ...state,
+                    data: {
+                        ...state.data,
+                        columns: [...state.data.columns, action.columnData]
+                    }
+                };
+            } else {
+                nFreshCols = getNFreshColumns(state);
+                if (!nFreshCols) {
+                    freshCol = {...FRESH_COLUMN};
+                } else {
+                    freshCol = {...FRESH_COLUMN, name: FRESH_COLUMN.name + ` (${nFreshCols})`};
+                }
+                return {
+                    ...state,
+                    data: {
+                        ...state.data,
+                        columns: [...state.data.columns, freshCol]
+                    }
+                }; }
+        case batchActions.REPLACE_ASSOCIATION_OPTIONS:
+            return {
+                ...state,
+                associationOptions: {...action.associationOptions}
+            };
+        case batchActions.UPDATE_ASSOCIATION:
+            return {
+                ...state,
+                data: {
+                    ...state.data,
+                    columns: state.data.columns.map((col : any, i : number) => {
+                        if (action.colIndex === i) {
+                            if (action.newType === 'Static') {
+                                return {
+                                    ...col,
+                                    type: action.newType,
+                                    detail: null
+                                };
+                            } else {
+                                return {
+                                    ...col,
+                                    type: action.newType,
+                                    detail: action.newAssociation,
+                                    from_import: (action.newType === 'EGC') ? 0 : 1,
+                                };
+                            }
+                        }
+                        return col;
+                    })
+                }
+            };
+        case batchActions.SET_BATCH:
+            return {
+                ...state,
+                data: {...action.batch}
+            };
+        case batchActions.SET_PAGE:
+            return {
+                ...state,
+                page: action.page
+            };
+        default:
+            return state;
+    }
+};
+export default activeBatch;