@themarioga/grid-editor 3.1.0

package/dist/grideditor.css

@@ -0,0 +1,3875 @@
+.ge-mainControls {
+  position: relative;
+  min-height: 22px;
+  margin-bottom: 10px;
+}
+.ge-mainControls .ge-wrapper {
+  padding-top: 5px;
+}
+.ge-mainControls .ge-wrapper.ge-top .container {
+  margin: 0;
+  padding: 0;
+  width: auto;
+}
+.ge-mainControls .ge-wrapper.ge-fixed {
+  position: fixed;
+  z-index: 20;
+  top: 0;
+}
+.ge-mainControls .ge-addRowGroup .btn.btn-primary {
+  background: #f4f4f4;
+  color: #666;
+  border-color: #999;
+  display: flex;
+  align-items: center;
+}
+.ge-mainControls .ge-addRowGroup .btn.btn-primary:hover {
+  background: #E3E3E3;
+}
+.ge-mainControls .ge-addRowGroup .ge-row-icon {
+  width: 48px;
+  margin: 0;
+}
+.ge-mainControls .ge-addRowGroup .ge-row-icon .column {
+  height: 10px;
+  background: #666;
+  padding: 0;
+  border-left: 2px solid #f4f4f4;
+}
+.ge-mainControls .ge-layout-mode {
+  margin-left: 5px;
+}
+.ge-mainControls .btn:focus {
+  box-shadow: none;
+  outline: none;
+}
+.ge-mainControls .pull-right {
+  float: right;
+}
+.ge-mainControls .dropdown-menu a {
+  cursor: default;
+}
+.ge-html-output {
+  width: 100%;
+  display: none;
+}
+/* Not editing */
+.ge-canvas .ge-tools-drawer {
+  display: none;
+}
+/* While a toolbar button is in the air, the canvas opens up: the gap between
+   two rows is where a drop lands at canvas level instead of inside a column,
+   and it is otherwise too thin to aim at */
+.ge-canvas.ge-editing.ge-dropping {
+  /* Where the block would land */
+}
+.ge-canvas.ge-editing.ge-dropping > .row {
+  margin-bottom: 24px;
+}
+.ge-canvas.ge-editing.ge-dropping .column > .row {
+  margin-bottom: 20px;
+}
+.ge-canvas.ge-editing.ge-dropping .ge-drop-marker {
+  height: 6px;
+  margin: 4px 0;
+  border-radius: 3px;
+  background: #2FA4E7;
+}
+/* The button following the pointer must not be what the pointer is over */
+.ge-toolbar-helper {
+  pointer-events: none;
+  opacity: 0.85;
+}
+/* Dragging by the whole drawer rather than by the move tool */
+.ge-canvas.ge-editing.ge-drag-drawer {
+  /* The tools in it are still tools, and do not start a drag */
+}
+.ge-canvas.ge-editing.ge-drag-drawer .ge-tools-drawer {
+  cursor: move;
+}
+.ge-canvas.ge-editing.ge-drag-drawer .ge-tools-drawer > a,
+.ge-canvas.ge-editing.ge-drag-drawer .ge-tools-drawer .ge-details {
+  cursor: pointer;
+}
+.ge-canvas.ge-editing.ge-drag-drawer .ge-tools-drawer .ge-details {
+  cursor: auto;
+}
+/* While editing */
+.ge-canvas.ge-editing {
+  /* Content area */
+  /* The column size picker, offered by holding the add column tool. It
+       hangs off the tool itself, so it comes away with the drawers */
+  /* Containers: tabs, accordions and popups. A container sits in a column
+       beside the content areas, and each of its panes is an ordinary region */
+  /* A pane's own drawer is small and sits with its label rather than
+       above it: a tab strip is a row of tabs, not a stack of them */
+  /* The label is edited in place, so it needs to look like it can be */
+  /* Open and closed while editing is what the page will ship, which is what
+       data-ge-open says. Bootstrap's own collapse is not involved: its
+       javascript is never asked to run over the canvas, so the state is
+       driven from the attribute rather than from the .show class it animates */
+  /* A popup is rendered unfolded and in place: a plain block with its
+       body as an ordinary region. Bootstrap's modal JS is never asked to
+       open it, so there is no backdrop, no focus trap and no scroll lock */
+  /* A trigger pointing at a popup that is not there any more */
+  /* Elements: the level below a column, inside a content area. Dashed
+       rather than solid, so a page full of them still reads as content */
+  /* Sorting */
+  /* A size change should read as a movement rather than a jump, but not
+       while the pointer is dragging the edge: there the column follows the
+       pointer and a transition only lags behind it */
+  /* Resizing. jQuery UI's own stylesheet is not a dependency, so the handle
+       is styled here: a grip on the column's edge, clear of the drawer, which
+       is what keeps the resize gesture and the sort gesture apart */
+  /* The units the column would land on, shown in its drawer while dragging */
+}
+.ge-canvas.ge-editing .ge-tools-drawer {
+  /* Positioned, so a tool can hang a picker off itself. Deliberately
+           not stacked above anything the rest of the time: jQuery UI's resize
+           handle carries an inline z-index of 90 and runs down the column's
+           edge, and a drawer sitting over it would take the clicks meant for
+           the handle. */
+  position: relative;
+  -webkit-touch-callout: none;
+  /* While one of its tools is offering a choice, this drawer is the one
+           that matters - above the handles, and above the drawers below it */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background: blue;
+  margin: 0 -5px 5px;
+  display: block;
+  width: calc(100% + 2 * 5px);
+}
+.ge-canvas.ge-editing .ge-tools-drawer.ge-picker-open {
+  z-index: 200;
+}
+.ge-canvas.ge-editing .ge-tools-drawer > a {
+  display: inline-block;
+  padding: 5px;
+}
+.ge-canvas.ge-editing .ge-tools-drawer > a:hover {
+  background: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+}
+.ge-canvas.ge-editing .ge-tools-drawer .ge-details {
+  padding: 5px;
+  border-top: 1px solid rgba(0, 0, 0, 0.05);
+  display: none;
+}
+.ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a {
+  color: #333;
+}
+.ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a.active {
+  color: white;
+}
+.ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a:hover {
+  text-decoration: none;
+  cursor: pointer;
+}
+.ge-canvas.ge-editing .ge-tools-drawer .ge-details input.ge-id,
+.ge-canvas.ge-editing .ge-tools-drawer .ge-details input.ge-classes {
+  border: 1px solid #7F7F7F;
+  border-radius: 4px;
+  font-size: 11px;
+  padding: 2px 5px;
+  margin-right: 5px;
+  width: 80px;
+}
+.ge-canvas.ge-editing .ge-tools-drawer .ge-details input.ge-classes {
+  width: 200px;
+}
+.ge-canvas.ge-editing .row {
+  background-color: #efefef;
+  border: 1px solid #999999;
+  padding: 0 5px 5px;
+  margin-bottom: 5px;
+  margin-left: 0;
+  margin-right: 0;
+}
+.ge-canvas.ge-editing .row > .ge-tools-drawer {
+  background: #e5e5e5;
+}
+.ge-canvas.ge-editing .row > .ge-tools-drawer > a {
+  color: #666;
+}
+.ge-canvas.ge-editing .row > .ge-tools-drawer > a.ge-add-column {
+  color: #178acc;
+}
+.ge-canvas.ge-editing .column {
+  background-color: rgba(47, 164, 231, 0.15);
+  border: 1px solid #2FA4E7;
+  padding: 0 5px 5px;
+  /* The resize handle is positioned against the column, so the column
+           has to be something to position against */
+  position: relative;
+}
+.ge-canvas.ge-editing .column > .ge-tools-drawer {
+  background: #afd5ea;
+}
+.ge-canvas.ge-editing .column > .ge-tools-drawer a {
+  color: #178acc;
+}
+.ge-canvas.ge-editing .column > .ge-tools-drawer > a.ge-add-row {
+  color: #666;
+}
+.ge-canvas.ge-editing .ge-content-type-tinymce.active {
+  outline: 1px dotted #333;
+}
+.ge-canvas.ge-editing .ge-tools-drawer > a {
+  position: relative;
+}
+.ge-canvas.ge-editing .ge-size-picker {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 30;
+  display: flex;
+  flex-wrap: wrap;
+  width: 160px;
+  padding: 3px;
+  background: #fff;
+  border: 1px solid #999;
+  border-radius: 4px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+.ge-canvas.ge-editing .ge-size-picker > .ge-size {
+  flex: 0 0 auto;
+  width: 26px;
+  margin: 1px;
+  padding: 4px 0;
+  text-align: center;
+  font-size: 11px;
+  line-height: 1;
+  text-decoration: none;
+  cursor: pointer;
+  color: #178acc;
+  background: rgba(47, 164, 231, 0.08);
+  border: 1px solid rgba(47, 164, 231, 0.4);
+  border-radius: 3px;
+  /* Wider than what is left of the row: allowed, but said so */
+}
+.ge-canvas.ge-editing .ge-size-picker > .ge-size:hover {
+  background: #2FA4E7;
+  border-color: #2FA4E7;
+  color: #fff;
+}
+.ge-canvas.ge-editing .ge-size-picker > .ge-size.ge-size-tight {
+  color: #999;
+  background: transparent;
+  border-style: dashed;
+  border-color: #ccc;
+}
+.ge-canvas.ge-editing .ge-container {
+  position: relative;
+  border: 1px solid #1D8A5E;
+  padding: 0 5px 5px;
+  margin-bottom: 5px;
+}
+.ge-canvas.ge-editing .ge-container > .ge-container-drawer {
+  background: rgba(29, 138, 94, 0.2);
+}
+.ge-canvas.ge-editing .ge-container > .ge-container-drawer > a {
+  color: #197550;
+}
+.ge-canvas.ge-editing .ge-pane-drawer {
+  display: inline-flex;
+  align-items: center;
+  width: auto;
+  margin: 0;
+  background: transparent;
+}
+.ge-canvas.ge-editing .ge-pane-drawer > a {
+  padding: 2px 4px;
+  color: #197550;
+}
+.ge-canvas.ge-editing .ge-tab {
+  display: flex;
+  align-items: center;
+}
+.ge-canvas.ge-editing .ge-tab > .ge-pane-drawer {
+  padding-left: 4px;
+}
+.ge-canvas.ge-editing .ge-tab .nav-link {
+  padding-left: 4px;
+}
+.ge-canvas.ge-editing .ge-pane-label:hover {
+  outline: 1px dotted #197550;
+}
+.ge-canvas.ge-editing .ge-pane-label[contenteditable="true"] {
+  outline: 1px solid #197550;
+  cursor: text;
+}
+.ge-canvas.ge-editing .tab-content > .tab-pane {
+  padding: 5px 0;
+}
+.ge-canvas.ge-editing .accordion-collapse[data-ge-open="true"] {
+  display: block;
+}
+.ge-canvas.ge-editing .accordion-collapse[data-ge-open="false"] {
+  display: none;
+}
+.ge-canvas.ge-editing .ge-accordion-item > .ge-pane-drawer {
+  padding: 2px 0;
+}
+.ge-canvas.ge-editing .ge-container-popup {
+  /* Folded away, for a page with several popups on it */
+}
+.ge-canvas.ge-editing .ge-container-popup .modal {
+  display: block;
+  position: static;
+  z-index: auto;
+  overflow: visible;
+  /* Bootstrap keeps a modal at opacity 0 and its dialog shifted up
+               until it adds .show, which only its own JS does. The editor
+               never asks it to, so the fade is undone here instead */
+  opacity: 1;
+  transition: none;
+}
+.ge-canvas.ge-editing .ge-container-popup .modal-dialog {
+  margin: 5px 0;
+  max-width: none;
+  pointer-events: auto;
+  transform: none;
+  transition: none;
+}
+.ge-canvas.ge-editing .ge-container-popup .modal-content {
+  box-shadow: none;
+}
+.ge-canvas.ge-editing .ge-container-popup .ge-popup-trigger {
+  margin-bottom: 5px;
+}
+.ge-canvas.ge-editing .ge-container-popup.ge-popup-collapsed .modal {
+  display: none;
+}
+.ge-canvas.ge-editing .ge-popup-orphan {
+  outline: 2px dashed #d9534f;
+}
+.ge-canvas.ge-editing .ge-element {
+  position: relative;
+  outline: 1px dashed #7B5EA7;
+  margin-bottom: 5px;
+  padding: 0 5px;
+}
+.ge-canvas.ge-editing .ge-element > .ge-element-drawer {
+  background: rgba(123, 94, 167, 0.15);
+  margin: 0 -5px 5px;
+  width: calc(100% + 2 * 5px);
+}
+.ge-canvas.ge-editing .ge-element > .ge-element-drawer > a {
+  color: #6f5398;
+  padding: 2px 5px;
+}
+.ge-canvas.ge-editing .ge-element > .ge-element-drawer > a.ge-element-info {
+  cursor: default;
+}
+.ge-canvas.ge-editing .ui-sortable-placeholder {
+  background: rgba(255, 255, 0, 0.2);
+  visibility: visible !important;
+  min-height: 50px;
+  max-height: 100px;
+}
+.ge-canvas.ge-editing .column {
+  transition: width 120ms ease, margin-left 120ms ease;
+}
+.ge-canvas.ge-editing .column.ui-resizable-resizing {
+  transition: none;
+  /* Follow the pointer in pixels: the layout mode's max-width is what
+           the column will snap back into once the drag lands */
+  max-width: none;
+}
+.ge-canvas.ge-editing .column > .ui-resizable-handle {
+  position: absolute;
+  display: block;
+  z-index: 10;
+}
+.ge-canvas.ge-editing .column > .ui-resizable-e,
+.ge-canvas.ge-editing .column > .ui-resizable-w {
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: ew-resize;
+  background: rgba(47, 164, 231, 0.3);
+}
+.ge-canvas.ge-editing .column > .ui-resizable-e:hover,
+.ge-canvas.ge-editing .column > .ui-resizable-w:hover {
+  background: #2FA4E7;
+}
+.ge-canvas.ge-editing .column > .ui-resizable-e {
+  right: -1px;
+}
+.ge-canvas.ge-editing .column > .ui-resizable-w {
+  left: -1px;
+}
+.ge-canvas.ge-editing .ge-tools-drawer > .ge-resize-size {
+  display: none;
+  float: right;
+  padding: 5px;
+  font-size: 11px;
+  color: #178acc;
+}
+.ge-canvas.ge-editing .column.ui-resizable-resizing > .ge-tools-drawer > .ge-resize-size {
+  display: block;
+}
+/* The handle belongs to editing, and never to the output */
+.ge-canvas:not(.ge-editing) .ui-resizable-handle {
+  display: none;
+}
+/* Layout modes */
+/*
+ * One row per Bootstrap 5 breakpoint, in the same order as the BREAKPOINTS
+ * table in the plugin. A layout mode previews one tier: the canvas is
+ * constrained to that tier's width, that tier's column and offset classes are
+ * made effective whatever the window is doing, and every other tier's classes
+ * are switched off - otherwise a wide window would keep showing the widest
+ * tier's classes no matter which mode is selected.
+ *
+ * The all view constrains nothing and switches nothing off: it renders the
+ * page as the browser would, which is the point of it.
+ */
+.ge-canvas.ge-layout-all {
+  max-width: none;
+}
+/*
+ * Switching a tier off means giving the column back to bootstrap's default
+ * for a row child - full width, stacked - which is what a browser really
+ * shows for a column that says nothing about the tier being previewed.
+ * Leaving it at width auto sizes it to its content instead, and a column of
+ * text then runs straight out of a narrow canvas.
+ */
+.ge-canvas.ge-layout-xs {
+  max-width: 400px;
+  margin-left: auto;
+  margin-right: auto;
+  /* Wider tiers are switched off, then every tier up to and including
+           this one is switched on in ascending order. That reproduces
+           Bootstrap's own cascade inside the preview: a column carrying only
+           col-4 is four units wide at sm too, and col-sm-6 overrides it
+           because it is written afterwards. All these rules have the same
+           specificity, so the order they are written in is the rule. */
+  /* this tier applies at the active one, so it is written by the pass below */
+}
+.ge-canvas.ge-layout-xs .col-sm-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-sm-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .offset-sm-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-sm-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .col-md-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-md-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .offset-md-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-md-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .col-lg-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-lg-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .offset-lg-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-lg-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .col-xl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .offset-xl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .col-xxl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .col-xxl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .offset-xxl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xs .col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xs .col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xs .col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xs .col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xs .col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xs .col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xs .col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xs .col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xs .col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xs .col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xs .col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xs .col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xs .offset-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xs .offset-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xs .offset-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xs .offset-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xs .offset-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xs .offset-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xs .offset-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xs .offset-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xs .offset-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xs .offset-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xs .offset-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-sm {
+  max-width: 576px;
+  margin-left: auto;
+  margin-right: auto;
+  /* Wider tiers are switched off, then every tier up to and including
+           this one is switched on in ascending order. That reproduces
+           Bootstrap's own cascade inside the preview: a column carrying only
+           col-4 is four units wide at sm too, and col-sm-6 overrides it
+           because it is written afterwards. All these rules have the same
+           specificity, so the order they are written in is the rule. */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+}
+.ge-canvas.ge-layout-sm .col-md-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-md-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .offset-md-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-md-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .col-lg-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-lg-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .offset-lg-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-lg-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .col-xl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .offset-xl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .col-xxl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .col-xxl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .offset-xxl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-sm .col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-sm .col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-sm .col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-sm .col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-sm .col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-sm .col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-sm .col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-sm .col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .offset-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-sm .offset-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-sm .offset-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-sm .offset-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-sm .offset-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-sm .offset-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-sm .offset-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-sm .offset-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-sm .offset-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-sm .offset-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-sm .offset-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-sm-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-sm .col-sm-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-sm-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-sm .col-sm-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-sm .col-sm-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-sm-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-sm .col-sm-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-sm .col-sm-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-sm-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-sm .col-sm-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-sm .col-sm-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-sm .col-sm-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-sm .offset-sm-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-md {
+  max-width: 768px;
+  margin-left: auto;
+  margin-right: auto;
+  /* Wider tiers are switched off, then every tier up to and including
+           this one is switched on in ascending order. That reproduces
+           Bootstrap's own cascade inside the preview: a column carrying only
+           col-4 is four units wide at sm too, and col-sm-6 overrides it
+           because it is written afterwards. All these rules have the same
+           specificity, so the order they are written in is the rule. */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+}
+.ge-canvas.ge-layout-md .col-lg-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-lg-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .offset-lg-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-lg-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .col-xl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .offset-xl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .col-xxl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .col-xxl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .offset-xxl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .offset-xxl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-md .col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-md .col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-md .col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-md .col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-md .col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-md .col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-md .col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-md .col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-md .col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-md .col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-md .col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-md .col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .offset-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-md .offset-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-md .offset-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-md .offset-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-md .col-sm-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-md .col-sm-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-md .col-sm-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-md .col-sm-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-md .col-sm-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-md .col-sm-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-md .col-sm-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-md .col-sm-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-md .col-sm-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-md .col-sm-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-md .col-sm-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-md .col-sm-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .offset-sm-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-sm-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-sm-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-md .offset-sm-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-sm-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-sm-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-md .offset-sm-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-sm-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-sm-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-md .offset-sm-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-sm-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-md .col-md-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-md .col-md-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-md .col-md-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-md .col-md-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-md .col-md-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-md .col-md-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-md .col-md-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-md .col-md-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-md .col-md-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-md .col-md-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-md .col-md-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-md .col-md-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-md .offset-md-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-md-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-md-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-md .offset-md-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-md-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-md-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-md .offset-md-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-md-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-md .offset-md-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-md .offset-md-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-md .offset-md-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-lg {
+  max-width: 992px;
+  margin-left: auto;
+  margin-right: auto;
+  /* Wider tiers are switched off, then every tier up to and including
+           this one is switched on in ascending order. That reproduces
+           Bootstrap's own cascade inside the preview: a column carrying only
+           col-4 is four units wide at sm too, and col-sm-6 overrides it
+           because it is written afterwards. All these rules have the same
+           specificity, so the order they are written in is the rule. */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+}
+.ge-canvas.ge-layout-lg .col-xl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .offset-xl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .col-xxl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .col-xxl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .offset-xxl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-lg .col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-lg .col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-lg .col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-lg .col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .offset-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-lg .offset-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-lg .offset-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-lg .offset-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-sm-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-sm-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-sm-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-lg .col-sm-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-sm-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-sm-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-lg .col-sm-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-sm-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-sm-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-lg .col-sm-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-sm-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-sm-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-sm-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-md-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-md-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-md-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-lg .col-md-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-md-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-md-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-lg .col-md-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-md-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-md-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-lg .col-md-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-md-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-md-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .offset-md-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-md-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-md-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-lg .offset-md-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-md-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-md-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-lg .offset-md-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-md-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-md-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-lg .offset-md-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-md-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-lg-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-lg-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-lg-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-lg .col-lg-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-lg-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-lg-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-lg .col-lg-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-lg-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-lg-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-lg .col-lg-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-lg .col-lg-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-lg .col-lg-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-lg .offset-lg-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+  /* Wider tiers are switched off, then every tier up to and including
+           this one is switched on in ascending order. That reproduces
+           Bootstrap's own cascade inside the preview: a column carrying only
+           col-4 is four units wide at sm too, and col-sm-6 overrides it
+           because it is written afterwards. All these rules have the same
+           specificity, so the order they are written in is the rule. */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+}
+.ge-canvas.ge-layout-xl .col-xxl-1 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-2 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-3 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-4 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-5 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-6 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-7 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-8 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-9 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-10 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-11 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .col-xxl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-1 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-2 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-3 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-4 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-5 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-6 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-7 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-8 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-9 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-10 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .offset-xxl-11 {
+  margin-left: 0;
+}
+.ge-canvas.ge-layout-xl .col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xl .col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xl .col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xl .col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .offset-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xl .offset-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xl .offset-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xl .offset-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-sm-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-sm-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-sm-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xl .col-sm-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-sm-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-sm-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xl .col-sm-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-sm-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-sm-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xl .col-sm-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-sm-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-sm-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-sm-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-md-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-md-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-md-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xl .col-md-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-md-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-md-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xl .col-md-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-md-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-md-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xl .col-md-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-md-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-md-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .offset-md-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-md-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-md-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xl .offset-md-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-md-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-md-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xl .offset-md-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-md-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-md-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xl .offset-md-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-md-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-lg-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-lg-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-lg-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xl .col-lg-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-lg-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-lg-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xl .col-lg-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-lg-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-lg-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xl .col-lg-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-lg-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-lg-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-lg-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-xl-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-xl-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-xl-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xl .col-xl-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-xl-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-xl-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xl .col-xl-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-xl-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-xl-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xl .col-xl-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .col-xl-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xl .col-xl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xl .offset-xl-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl {
+  max-width: none;
+  margin-left: auto;
+  margin-right: auto;
+  /* Wider tiers are switched off, then every tier up to and including
+           this one is switched on in ascending order. That reproduces
+           Bootstrap's own cascade inside the preview: a column carrying only
+           col-4 is four units wide at sm too, and col-sm-6 overrides it
+           because it is written afterwards. All these rules have the same
+           specificity, so the order they are written in is the rule. */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+  /* this tier applies at the active one, so it is written by the pass below */
+}
+.ge-canvas.ge-layout-xxl .col-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xxl .col-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xxl .col-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xxl .col-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xxl .offset-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xxl .offset-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xxl .offset-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xxl .offset-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-sm-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-sm-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-md-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-md-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-md-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xxl .col-md-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-md-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-md-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xxl .col-md-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-md-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-md-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xxl .col-md-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-md-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-md-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-md-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-lg-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-lg-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-xl-11 {
+  margin-left: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-1 {
+  flex: 0 0 auto;
+  width: 8.33333333%;
+  max-width: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-2 {
+  flex: 0 0 auto;
+  width: 16.66666667%;
+  max-width: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-3 {
+  flex: 0 0 auto;
+  width: 25%;
+  max-width: 25%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-4 {
+  flex: 0 0 auto;
+  width: 33.33333333%;
+  max-width: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-5 {
+  flex: 0 0 auto;
+  width: 41.66666667%;
+  max-width: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-6 {
+  flex: 0 0 auto;
+  width: 50%;
+  max-width: 50%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-7 {
+  flex: 0 0 auto;
+  width: 58.33333333%;
+  max-width: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-8 {
+  flex: 0 0 auto;
+  width: 66.66666667%;
+  max-width: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-9 {
+  flex: 0 0 auto;
+  width: 75%;
+  max-width: 75%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-10 {
+  flex: 0 0 auto;
+  width: 83.33333333%;
+  max-width: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-11 {
+  flex: 0 0 auto;
+  width: 91.66666667%;
+  max-width: 91.66666667%;
+}
+.ge-canvas.ge-layout-xxl .col-xxl-12 {
+  flex: 0 0 auto;
+  width: 100%;
+  max-width: 100%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-1 {
+  margin-left: 8.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-2 {
+  margin-left: 16.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-3 {
+  margin-left: 25%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-4 {
+  margin-left: 33.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-5 {
+  margin-left: 41.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-6 {
+  margin-left: 50%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-7 {
+  margin-left: 58.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-8 {
+  margin-left: 66.66666667%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-9 {
+  margin-left: 75%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-10 {
+  margin-left: 83.33333333%;
+}
+.ge-canvas.ge-layout-xxl .offset-xxl-11 {
+  margin-left: 91.66666667%;
+}