/* src/styles.scss */
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-external-hint,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
body {
}
@-moz-document url-prefix() {
  body [layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}
body [flex-order] {
  order: 0;
}
body [flex-order="-20"] {
  order: -20;
}
body [flex-order="-19"] {
  order: -19;
}
body [flex-order="-18"] {
  order: -18;
}
body [flex-order="-17"] {
  order: -17;
}
body [flex-order="-16"] {
  order: -16;
}
body [flex-order="-15"] {
  order: -15;
}
body [flex-order="-14"] {
  order: -14;
}
body [flex-order="-13"] {
  order: -13;
}
body [flex-order="-12"] {
  order: -12;
}
body [flex-order="-11"] {
  order: -11;
}
body [flex-order="-10"] {
  order: -10;
}
body [flex-order="-9"] {
  order: -9;
}
body [flex-order="-8"] {
  order: -8;
}
body [flex-order="-7"] {
  order: -7;
}
body [flex-order="-6"] {
  order: -6;
}
body [flex-order="-5"] {
  order: -5;
}
body [flex-order="-4"] {
  order: -4;
}
body [flex-order="-3"] {
  order: -3;
}
body [flex-order="-2"] {
  order: -2;
}
body [flex-order="-1"] {
  order: -1;
}
body [flex-order="0"] {
  order: 0;
}
body [flex-order="1"] {
  order: 1;
}
body [flex-order="2"] {
  order: 2;
}
body [flex-order="3"] {
  order: 3;
}
body [flex-order="4"] {
  order: 4;
}
body [flex-order="5"] {
  order: 5;
}
body [flex-order="6"] {
  order: 6;
}
body [flex-order="7"] {
  order: 7;
}
body [flex-order="8"] {
  order: 8;
}
body [flex-order="9"] {
  order: 9;
}
body [flex-order="10"] {
  order: 10;
}
body [flex-order="11"] {
  order: 11;
}
body [flex-order="12"] {
  order: 12;
}
body [flex-order="13"] {
  order: 13;
}
body [flex-order="14"] {
  order: 14;
}
body [flex-order="15"] {
  order: 15;
}
body [flex-order="16"] {
  order: 16;
}
body [flex-order="17"] {
  order: 17;
}
body [flex-order="18"] {
  order: 18;
}
body [flex-order="19"] {
  order: 19;
}
body [flex-order="20"] {
  order: 20;
}
body [flex-offset="0"] {
  margin-left: 0%;
}
body [flex-offset="5"] {
  margin-left: 5%;
}
body [flex-offset="10"] {
  margin-left: 10%;
}
body [flex-offset="15"] {
  margin-left: 15%;
}
body [flex-offset="20"] {
  margin-left: 20%;
}
body [flex-offset="25"] {
  margin-left: 25%;
}
body [flex-offset="30"] {
  margin-left: 30%;
}
body [flex-offset="35"] {
  margin-left: 35%;
}
body [flex-offset="40"] {
  margin-left: 40%;
}
body [flex-offset="45"] {
  margin-left: 45%;
}
body [flex-offset="50"] {
  margin-left: 50%;
}
body [flex-offset="55"] {
  margin-left: 55%;
}
body [flex-offset="60"] {
  margin-left: 60%;
}
body [flex-offset="65"] {
  margin-left: 65%;
}
body [flex-offset="70"] {
  margin-left: 70%;
}
body [flex-offset="75"] {
  margin-left: 75%;
}
body [flex-offset="80"] {
  margin-left: 80%;
}
body [flex-offset="85"] {
  margin-left: 85%;
}
body [flex-offset="90"] {
  margin-left: 90%;
}
body [flex-offset="95"] {
  margin-left: 95%;
}
body [flex-offset="33"] {
  margin-left: 33.3333333333%;
}
body [flex-offset="66"] {
  margin-left: 66.6666666667%;
}
body [layout-align],
body [layout-align="start stretch"] {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
body [layout-align=start],
body [layout-align="start start"],
body [layout-align="start center"],
body [layout-align="start end"],
body [layout-align="start stretch"] {
  justify-content: flex-start;
}
body [layout-align=center],
body [layout-align="center start"],
body [layout-align="center center"],
body [layout-align="center end"],
body [layout-align="center stretch"] {
  justify-content: center;
}
body [layout-align=end],
body [layout-align="end center"],
body [layout-align="end start"],
body [layout-align="end end"],
body [layout-align="end stretch"] {
  justify-content: flex-end;
}
body [layout-align=space-around],
body [layout-align="space-around center"],
body [layout-align="space-around start"],
body [layout-align="space-around end"],
body [layout-align="space-around stretch"] {
  justify-content: space-around;
}
body [layout-align=space-between],
body [layout-align="space-between center"],
body [layout-align="space-between start"],
body [layout-align="space-between end"],
body [layout-align="space-between stretch"] {
  justify-content: space-between;
}
body [layout-align="start start"],
body [layout-align="center start"],
body [layout-align="end start"],
body [layout-align="space-between start"],
body [layout-align="space-around start"] {
  align-items: flex-start;
  align-content: flex-start;
}
body [layout-align="start center"],
body [layout-align="center center"],
body [layout-align="end center"],
body [layout-align="space-between center"],
body [layout-align="space-around center"] {
  align-items: center;
  align-content: center;
  max-width: 100%;
}
body [layout-align="start center"] > *,
body [layout-align="center center"] > *,
body [layout-align="end center"] > *,
body [layout-align="space-between center"] > *,
body [layout-align="space-around center"] > * {
  max-width: 100%;
  box-sizing: border-box;
}
body [layout-align="start end"],
body [layout-align="center end"],
body [layout-align="end end"],
body [layout-align="space-between end"],
body [layout-align="space-around end"] {
  align-items: flex-end;
  align-content: flex-end;
}
body [layout-align="start stretch"],
body [layout-align="center stretch"],
body [layout-align="end stretch"],
body [layout-align="space-between stretch"],
body [layout-align="space-around stretch"] {
  align-items: stretch;
  align-content: stretch;
}
body [flex] {
  display: flex;
  flex: 1;
  box-sizing: border-box;
}
body [flex=grow] {
  flex: 1 1 100%;
  box-sizing: border-box;
}
body [flex=initial] {
  flex: 0 1 auto;
  box-sizing: border-box;
}
body [flex=auto] {
  flex: 1 1 auto;
  box-sizing: border-box;
}
body [flex=none] {
  flex: 0 0 auto;
  box-sizing: border-box;
}
body [flex=noshrink] {
  flex: 1 0 auto;
  box-sizing: border-box;
}
body [flex=nogrow] {
  flex: 0 1 auto;
  box-sizing: border-box;
}
body [flex="0"] {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="0"] {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="0"] {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="0"] {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="0"] {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}
body [flex="5"] {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="5"] {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="5"] {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="5"] {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="5"] {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}
body [flex="10"] {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="10"] {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="10"] {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="10"] {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="10"] {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}
body [flex="15"] {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="15"] {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="15"] {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="15"] {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="15"] {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}
body [flex="20"] {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="20"] {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="20"] {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="20"] {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="20"] {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}
body [flex="25"] {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="25"] {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="25"] {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="25"] {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="25"] {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}
body [flex="30"] {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="30"] {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="30"] {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="30"] {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="30"] {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}
body [flex="35"] {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="35"] {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="35"] {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="35"] {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="35"] {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}
body [flex="40"] {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="40"] {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="40"] {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="40"] {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="40"] {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}
body [flex="45"] {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="45"] {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="45"] {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="45"] {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="45"] {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}
body [flex="50"] {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="50"] {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="50"] {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="50"] {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="50"] {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}
body [flex="55"] {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="55"] {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="55"] {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="55"] {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="55"] {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}
body [flex="60"] {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="60"] {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="60"] {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="60"] {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="60"] {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}
body [flex="65"] {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="65"] {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="65"] {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="65"] {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="65"] {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}
body [flex="70"] {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="70"] {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="70"] {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="70"] {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="70"] {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}
body [flex="75"] {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="75"] {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="75"] {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="75"] {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="75"] {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}
body [flex="80"] {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="80"] {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="80"] {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="80"] {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="80"] {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}
body [flex="85"] {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="85"] {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="85"] {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="85"] {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="85"] {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}
body [flex="90"] {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="90"] {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="90"] {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="90"] {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="90"] {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}
body [flex="95"] {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="95"] {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="95"] {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="95"] {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="95"] {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}
body [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout],
body [layout=column],
body [layout=row] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
body [layout=column] {
  flex-direction: column;
}
body [layout=column][layout-reverse] {
  flex-direction: column-reverse;
}
body [layout=row] {
  flex-direction: row;
}
body [layout=row][layout-reverse] {
  flex-direction: row-reverse;
}
body [layout-padding] > [flex-sm],
body [layout-padding] > [flex-lt-md] {
  padding: 4px;
}
body [layout-padding],
body [layout-padding] > [flex],
body [layout-padding] > [flex-gt-xs],
body [layout-padding] > [flex-gt-sm],
body [layout-padding] > [flex-md],
body [layout-padding] > [flex-lt-lg] {
  padding: 8px;
}
body [layout-padding] > [flex-gt-md],
body [layout-padding] > [flex-lg] {
  padding: 16px;
}
body [layout-margin] > [flex-sm],
body [layout-margin] > [flex-lt-md] {
  margin: 4px;
}
body [layout-margin],
body [layout-margin] > [flex],
body [layout-margin] > [flex-gt-xs],
body [layout-margin] > [flex-gt-sm],
body [layout-margin] > [flex-md],
body [layout-margin] > [flex-lt-lg] {
  margin: 8px;
}
body [layout-margin] > [flex-gt-md],
body [layout-margin] > [flex-lg] {
  margin: 16px;
}
body [layout-wrap] {
  flex-wrap: wrap;
}
body [layout-nowrap] {
  flex-wrap: nowrap;
}
body [layout-fill] {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}
body [layout-gap] {
  display: flex;
  gap: 16px;
}
body [layout-gap="1"] {
  gap: 1px;
}
body [layout-gap="2"] {
  gap: 2px;
}
body [layout-gap="3"] {
  gap: 3px;
}
body [layout-gap="4"] {
  gap: 4px;
}
body [layout-gap="5"] {
  gap: 5px;
}
body [layout-gap="6"] {
  gap: 6px;
}
body [layout-gap="7"] {
  gap: 7px;
}
body [layout-gap="8"] {
  gap: 8px;
}
body [layout-gap="9"] {
  gap: 9px;
}
body [layout-gap="10"] {
  gap: 10px;
}
body [layout-gap="11"] {
  gap: 11px;
}
body [layout-gap="12"] {
  gap: 12px;
}
body [layout-gap="13"] {
  gap: 13px;
}
body [layout-gap="14"] {
  gap: 14px;
}
body [layout-gap="15"] {
  gap: 15px;
}
body [layout-gap="16"] {
  gap: 16px;
}
body [layout-gap="17"] {
  gap: 17px;
}
body [layout-gap="18"] {
  gap: 18px;
}
body [layout-gap="19"] {
  gap: 19px;
}
body [layout-gap="20"] {
  gap: 20px;
}
body [layout-gap="21"] {
  gap: 21px;
}
body [layout-gap="22"] {
  gap: 22px;
}
body [layout-gap="23"] {
  gap: 23px;
}
body [layout-gap="24"] {
  gap: 24px;
}
body [layout-gap="25"] {
  gap: 25px;
}
body [layout-gap="26"] {
  gap: 26px;
}
body [layout-gap="27"] {
  gap: 27px;
}
body [layout-gap="28"] {
  gap: 28px;
}
body [layout-gap="29"] {
  gap: 29px;
}
body [layout-gap="30"] {
  gap: 30px;
}
body [layout-gap="31"] {
  gap: 31px;
}
body [layout-gap="32"] {
  gap: 32px;
}
body [layout-gap="33"] {
  gap: 33px;
}
body [layout-gap="34"] {
  gap: 34px;
}
body [layout-gap="35"] {
  gap: 35px;
}
body [layout-gap="36"] {
  gap: 36px;
}
body [layout-gap="37"] {
  gap: 37px;
}
body [layout-gap="38"] {
  gap: 38px;
}
body [layout-gap="39"] {
  gap: 39px;
}
body [layout-gap="40"] {
  gap: 40px;
}
body [layout-gap="41"] {
  gap: 41px;
}
body [layout-gap="42"] {
  gap: 42px;
}
body [layout-gap="43"] {
  gap: 43px;
}
body [layout-gap="44"] {
  gap: 44px;
}
body [layout-gap="45"] {
  gap: 45px;
}
body [layout-gap="46"] {
  gap: 46px;
}
body [layout-gap="47"] {
  gap: 47px;
}
body [layout-gap="48"] {
  gap: 48px;
}
body [layout-gap="49"] {
  gap: 49px;
}
body [layout-gap="50"] {
  gap: 50px;
}
@media (max-width: 599px) {
  body [hide-xs]:not([show-xs]):not([show]),
  body [hide]:not([show-xs]):not([show]) {
    display: none;
  }
  body [flex-order-xs="-20"] {
    order: -20;
  }
  body [flex-order-xs="-19"] {
    order: -19;
  }
  body [flex-order-xs="-18"] {
    order: -18;
  }
  body [flex-order-xs="-17"] {
    order: -17;
  }
  body [flex-order-xs="-16"] {
    order: -16;
  }
  body [flex-order-xs="-15"] {
    order: -15;
  }
  body [flex-order-xs="-14"] {
    order: -14;
  }
  body [flex-order-xs="-13"] {
    order: -13;
  }
  body [flex-order-xs="-12"] {
    order: -12;
  }
  body [flex-order-xs="-11"] {
    order: -11;
  }
  body [flex-order-xs="-10"] {
    order: -10;
  }
  body [flex-order-xs="-9"] {
    order: -9;
  }
  body [flex-order-xs="-8"] {
    order: -8;
  }
  body [flex-order-xs="-7"] {
    order: -7;
  }
  body [flex-order-xs="-6"] {
    order: -6;
  }
  body [flex-order-xs="-5"] {
    order: -5;
  }
  body [flex-order-xs="-4"] {
    order: -4;
  }
  body [flex-order-xs="-3"] {
    order: -3;
  }
  body [flex-order-xs="-2"] {
    order: -2;
  }
  body [flex-order-xs="-1"] {
    order: -1;
  }
  body [flex-order-xs="0"] {
    order: 0;
  }
  body [flex-order-xs="1"] {
    order: 1;
  }
  body [flex-order-xs="2"] {
    order: 2;
  }
  body [flex-order-xs="3"] {
    order: 3;
  }
  body [flex-order-xs="4"] {
    order: 4;
  }
  body [flex-order-xs="5"] {
    order: 5;
  }
  body [flex-order-xs="6"] {
    order: 6;
  }
  body [flex-order-xs="7"] {
    order: 7;
  }
  body [flex-order-xs="8"] {
    order: 8;
  }
  body [flex-order-xs="9"] {
    order: 9;
  }
  body [flex-order-xs="10"] {
    order: 10;
  }
  body [flex-order-xs="11"] {
    order: 11;
  }
  body [flex-order-xs="12"] {
    order: 12;
  }
  body [flex-order-xs="13"] {
    order: 13;
  }
  body [flex-order-xs="14"] {
    order: 14;
  }
  body [flex-order-xs="15"] {
    order: 15;
  }
  body [flex-order-xs="16"] {
    order: 16;
  }
  body [flex-order-xs="17"] {
    order: 17;
  }
  body [flex-order-xs="18"] {
    order: 18;
  }
  body [flex-order-xs="19"] {
    order: 19;
  }
  body [flex-order-xs="20"] {
    order: 20;
  }
  body [flex-offset-xs="0"] {
    margin-left: 0%;
  }
  body [flex-offset-xs="5"] {
    margin-left: 5%;
  }
  body [flex-offset-xs="10"] {
    margin-left: 10%;
  }
  body [flex-offset-xs="15"] {
    margin-left: 15%;
  }
  body [flex-offset-xs="20"] {
    margin-left: 20%;
  }
  body [flex-offset-xs="25"] {
    margin-left: 25%;
  }
  body [flex-offset-xs="30"] {
    margin-left: 30%;
  }
  body [flex-offset-xs="35"] {
    margin-left: 35%;
  }
  body [flex-offset-xs="40"] {
    margin-left: 40%;
  }
  body [flex-offset-xs="45"] {
    margin-left: 45%;
  }
  body [flex-offset-xs="50"] {
    margin-left: 50%;
  }
  body [flex-offset-xs="55"] {
    margin-left: 55%;
  }
  body [flex-offset-xs="60"] {
    margin-left: 60%;
  }
  body [flex-offset-xs="65"] {
    margin-left: 65%;
  }
  body [flex-offset-xs="70"] {
    margin-left: 70%;
  }
  body [flex-offset-xs="75"] {
    margin-left: 75%;
  }
  body [flex-offset-xs="80"] {
    margin-left: 80%;
  }
  body [flex-offset-xs="85"] {
    margin-left: 85%;
  }
  body [flex-offset-xs="90"] {
    margin-left: 90%;
  }
  body [flex-offset-xs="95"] {
    margin-left: 95%;
  }
  body [flex-offset-xs="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-xs="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-xs],
  body [layout-align-xs="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-xs=start],
  body [layout-align-xs="start start"],
  body [layout-align-xs="start center"],
  body [layout-align-xs="start end"],
  body [layout-align-xs="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-xs=center],
  body [layout-align-xs="center start"],
  body [layout-align-xs="center center"],
  body [layout-align-xs="center end"],
  body [layout-align-xs="center stretch"] {
    justify-content: center;
  }
  body [layout-align-xs=end],
  body [layout-align-xs="end center"],
  body [layout-align-xs="end start"],
  body [layout-align-xs="end end"],
  body [layout-align-xs="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-xs=space-around],
  body [layout-align-xs="space-around center"],
  body [layout-align-xs="space-around start"],
  body [layout-align-xs="space-around end"],
  body [layout-align-xs="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-xs=space-between],
  body [layout-align-xs="space-between center"],
  body [layout-align-xs="space-between start"],
  body [layout-align-xs="space-between end"],
  body [layout-align-xs="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-xs="start start"],
  body [layout-align-xs="center start"],
  body [layout-align-xs="end start"],
  body [layout-align-xs="space-between start"],
  body [layout-align-xs="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-xs="start center"],
  body [layout-align-xs="center center"],
  body [layout-align-xs="end center"],
  body [layout-align-xs="space-between center"],
  body [layout-align-xs="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-xs="start center"] > *,
  body [layout-align-xs="center center"] > *,
  body [layout-align-xs="end center"] > *,
  body [layout-align-xs="space-between center"] > *,
  body [layout-align-xs="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-xs="start end"],
  body [layout-align-xs="center end"],
  body [layout-align-xs="end end"],
  body [layout-align-xs="space-between end"],
  body [layout-align-xs="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-xs="start stretch"],
  body [layout-align-xs="center stretch"],
  body [layout-align-xs="end stretch"],
  body [layout-align-xs="space-between stretch"],
  body [layout-align-xs="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-xs] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-xs=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-xs=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-xs=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-xs=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-xs=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-xs=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="33"],
  body [layout-xs=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="66"],
  body [layout-xs=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="33"],
  body [layout-xs=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="66"],
  body [layout-xs=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs],
  body [layout-xs=column],
  body [layout-xs=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-xs=column] {
    flex-direction: column;
  }
  body [layout-xs=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-xs=row] {
    flex-direction: row;
  }
  body [layout-xs=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 600px) {
  body [flex-order-gt-xs="-20"] {
    order: -20;
  }
  body [flex-order-gt-xs="-19"] {
    order: -19;
  }
  body [flex-order-gt-xs="-18"] {
    order: -18;
  }
  body [flex-order-gt-xs="-17"] {
    order: -17;
  }
  body [flex-order-gt-xs="-16"] {
    order: -16;
  }
  body [flex-order-gt-xs="-15"] {
    order: -15;
  }
  body [flex-order-gt-xs="-14"] {
    order: -14;
  }
  body [flex-order-gt-xs="-13"] {
    order: -13;
  }
  body [flex-order-gt-xs="-12"] {
    order: -12;
  }
  body [flex-order-gt-xs="-11"] {
    order: -11;
  }
  body [flex-order-gt-xs="-10"] {
    order: -10;
  }
  body [flex-order-gt-xs="-9"] {
    order: -9;
  }
  body [flex-order-gt-xs="-8"] {
    order: -8;
  }
  body [flex-order-gt-xs="-7"] {
    order: -7;
  }
  body [flex-order-gt-xs="-6"] {
    order: -6;
  }
  body [flex-order-gt-xs="-5"] {
    order: -5;
  }
  body [flex-order-gt-xs="-4"] {
    order: -4;
  }
  body [flex-order-gt-xs="-3"] {
    order: -3;
  }
  body [flex-order-gt-xs="-2"] {
    order: -2;
  }
  body [flex-order-gt-xs="-1"] {
    order: -1;
  }
  body [flex-order-gt-xs="0"] {
    order: 0;
  }
  body [flex-order-gt-xs="1"] {
    order: 1;
  }
  body [flex-order-gt-xs="2"] {
    order: 2;
  }
  body [flex-order-gt-xs="3"] {
    order: 3;
  }
  body [flex-order-gt-xs="4"] {
    order: 4;
  }
  body [flex-order-gt-xs="5"] {
    order: 5;
  }
  body [flex-order-gt-xs="6"] {
    order: 6;
  }
  body [flex-order-gt-xs="7"] {
    order: 7;
  }
  body [flex-order-gt-xs="8"] {
    order: 8;
  }
  body [flex-order-gt-xs="9"] {
    order: 9;
  }
  body [flex-order-gt-xs="10"] {
    order: 10;
  }
  body [flex-order-gt-xs="11"] {
    order: 11;
  }
  body [flex-order-gt-xs="12"] {
    order: 12;
  }
  body [flex-order-gt-xs="13"] {
    order: 13;
  }
  body [flex-order-gt-xs="14"] {
    order: 14;
  }
  body [flex-order-gt-xs="15"] {
    order: 15;
  }
  body [flex-order-gt-xs="16"] {
    order: 16;
  }
  body [flex-order-gt-xs="17"] {
    order: 17;
  }
  body [flex-order-gt-xs="18"] {
    order: 18;
  }
  body [flex-order-gt-xs="19"] {
    order: 19;
  }
  body [flex-order-gt-xs="20"] {
    order: 20;
  }
  body [flex-offset-gt-xs="0"] {
    margin-left: 0%;
  }
  body [flex-offset-gt-xs="5"] {
    margin-left: 5%;
  }
  body [flex-offset-gt-xs="10"] {
    margin-left: 10%;
  }
  body [flex-offset-gt-xs="15"] {
    margin-left: 15%;
  }
  body [flex-offset-gt-xs="20"] {
    margin-left: 20%;
  }
  body [flex-offset-gt-xs="25"] {
    margin-left: 25%;
  }
  body [flex-offset-gt-xs="30"] {
    margin-left: 30%;
  }
  body [flex-offset-gt-xs="35"] {
    margin-left: 35%;
  }
  body [flex-offset-gt-xs="40"] {
    margin-left: 40%;
  }
  body [flex-offset-gt-xs="45"] {
    margin-left: 45%;
  }
  body [flex-offset-gt-xs="50"] {
    margin-left: 50%;
  }
  body [flex-offset-gt-xs="55"] {
    margin-left: 55%;
  }
  body [flex-offset-gt-xs="60"] {
    margin-left: 60%;
  }
  body [flex-offset-gt-xs="65"] {
    margin-left: 65%;
  }
  body [flex-offset-gt-xs="70"] {
    margin-left: 70%;
  }
  body [flex-offset-gt-xs="75"] {
    margin-left: 75%;
  }
  body [flex-offset-gt-xs="80"] {
    margin-left: 80%;
  }
  body [flex-offset-gt-xs="85"] {
    margin-left: 85%;
  }
  body [flex-offset-gt-xs="90"] {
    margin-left: 90%;
  }
  body [flex-offset-gt-xs="95"] {
    margin-left: 95%;
  }
  body [flex-offset-gt-xs="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-gt-xs="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-gt-xs],
  body [layout-align-gt-xs="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-gt-xs=start],
  body [layout-align-gt-xs="start start"],
  body [layout-align-gt-xs="start center"],
  body [layout-align-gt-xs="start end"],
  body [layout-align-gt-xs="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-gt-xs=center],
  body [layout-align-gt-xs="center start"],
  body [layout-align-gt-xs="center center"],
  body [layout-align-gt-xs="center end"],
  body [layout-align-gt-xs="center stretch"] {
    justify-content: center;
  }
  body [layout-align-gt-xs=end],
  body [layout-align-gt-xs="end center"],
  body [layout-align-gt-xs="end start"],
  body [layout-align-gt-xs="end end"],
  body [layout-align-gt-xs="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-gt-xs=space-around],
  body [layout-align-gt-xs="space-around center"],
  body [layout-align-gt-xs="space-around start"],
  body [layout-align-gt-xs="space-around end"],
  body [layout-align-gt-xs="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-gt-xs=space-between],
  body [layout-align-gt-xs="space-between center"],
  body [layout-align-gt-xs="space-between start"],
  body [layout-align-gt-xs="space-between end"],
  body [layout-align-gt-xs="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-gt-xs="start start"],
  body [layout-align-gt-xs="center start"],
  body [layout-align-gt-xs="end start"],
  body [layout-align-gt-xs="space-between start"],
  body [layout-align-gt-xs="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-gt-xs="start center"],
  body [layout-align-gt-xs="center center"],
  body [layout-align-gt-xs="end center"],
  body [layout-align-gt-xs="space-between center"],
  body [layout-align-gt-xs="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-gt-xs="start center"] > *,
  body [layout-align-gt-xs="center center"] > *,
  body [layout-align-gt-xs="end center"] > *,
  body [layout-align-gt-xs="space-between center"] > *,
  body [layout-align-gt-xs="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-gt-xs="start end"],
  body [layout-align-gt-xs="center end"],
  body [layout-align-gt-xs="end end"],
  body [layout-align-gt-xs="space-between end"],
  body [layout-align-gt-xs="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-gt-xs="start stretch"],
  body [layout-align-gt-xs="center stretch"],
  body [layout-align-gt-xs="end stretch"],
  body [layout-align-gt-xs="space-between stretch"],
  body [layout-align-gt-xs="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-gt-xs] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-gt-xs=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-gt-xs=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="33"],
  body [layout-gt-xs=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="66"],
  body [layout-gt-xs=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="33"],
  body [layout-gt-xs=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="66"],
  body [layout-gt-xs=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs],
  body [layout-gt-xs=column],
  body [layout-gt-xs=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-gt-xs=column] {
    flex-direction: column;
  }
  body [layout-gt-xs=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-gt-xs=row] {
    flex-direction: row;
  }
  body [layout-gt-xs=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  body [hide]:not([show-gt-xs]):not([show-sm]):not([show]),
  body [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]) {
    display: none;
  }
  body [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]) {
    display: none;
  }
  body [flex-order-sm="-20"] {
    order: -20;
  }
  body [flex-order-sm="-19"] {
    order: -19;
  }
  body [flex-order-sm="-18"] {
    order: -18;
  }
  body [flex-order-sm="-17"] {
    order: -17;
  }
  body [flex-order-sm="-16"] {
    order: -16;
  }
  body [flex-order-sm="-15"] {
    order: -15;
  }
  body [flex-order-sm="-14"] {
    order: -14;
  }
  body [flex-order-sm="-13"] {
    order: -13;
  }
  body [flex-order-sm="-12"] {
    order: -12;
  }
  body [flex-order-sm="-11"] {
    order: -11;
  }
  body [flex-order-sm="-10"] {
    order: -10;
  }
  body [flex-order-sm="-9"] {
    order: -9;
  }
  body [flex-order-sm="-8"] {
    order: -8;
  }
  body [flex-order-sm="-7"] {
    order: -7;
  }
  body [flex-order-sm="-6"] {
    order: -6;
  }
  body [flex-order-sm="-5"] {
    order: -5;
  }
  body [flex-order-sm="-4"] {
    order: -4;
  }
  body [flex-order-sm="-3"] {
    order: -3;
  }
  body [flex-order-sm="-2"] {
    order: -2;
  }
  body [flex-order-sm="-1"] {
    order: -1;
  }
  body [flex-order-sm="0"] {
    order: 0;
  }
  body [flex-order-sm="1"] {
    order: 1;
  }
  body [flex-order-sm="2"] {
    order: 2;
  }
  body [flex-order-sm="3"] {
    order: 3;
  }
  body [flex-order-sm="4"] {
    order: 4;
  }
  body [flex-order-sm="5"] {
    order: 5;
  }
  body [flex-order-sm="6"] {
    order: 6;
  }
  body [flex-order-sm="7"] {
    order: 7;
  }
  body [flex-order-sm="8"] {
    order: 8;
  }
  body [flex-order-sm="9"] {
    order: 9;
  }
  body [flex-order-sm="10"] {
    order: 10;
  }
  body [flex-order-sm="11"] {
    order: 11;
  }
  body [flex-order-sm="12"] {
    order: 12;
  }
  body [flex-order-sm="13"] {
    order: 13;
  }
  body [flex-order-sm="14"] {
    order: 14;
  }
  body [flex-order-sm="15"] {
    order: 15;
  }
  body [flex-order-sm="16"] {
    order: 16;
  }
  body [flex-order-sm="17"] {
    order: 17;
  }
  body [flex-order-sm="18"] {
    order: 18;
  }
  body [flex-order-sm="19"] {
    order: 19;
  }
  body [flex-order-sm="20"] {
    order: 20;
  }
  body [flex-offset-sm="0"] {
    margin-left: 0%;
  }
  body [flex-offset-sm="5"] {
    margin-left: 5%;
  }
  body [flex-offset-sm="10"] {
    margin-left: 10%;
  }
  body [flex-offset-sm="15"] {
    margin-left: 15%;
  }
  body [flex-offset-sm="20"] {
    margin-left: 20%;
  }
  body [flex-offset-sm="25"] {
    margin-left: 25%;
  }
  body [flex-offset-sm="30"] {
    margin-left: 30%;
  }
  body [flex-offset-sm="35"] {
    margin-left: 35%;
  }
  body [flex-offset-sm="40"] {
    margin-left: 40%;
  }
  body [flex-offset-sm="45"] {
    margin-left: 45%;
  }
  body [flex-offset-sm="50"] {
    margin-left: 50%;
  }
  body [flex-offset-sm="55"] {
    margin-left: 55%;
  }
  body [flex-offset-sm="60"] {
    margin-left: 60%;
  }
  body [flex-offset-sm="65"] {
    margin-left: 65%;
  }
  body [flex-offset-sm="70"] {
    margin-left: 70%;
  }
  body [flex-offset-sm="75"] {
    margin-left: 75%;
  }
  body [flex-offset-sm="80"] {
    margin-left: 80%;
  }
  body [flex-offset-sm="85"] {
    margin-left: 85%;
  }
  body [flex-offset-sm="90"] {
    margin-left: 90%;
  }
  body [flex-offset-sm="95"] {
    margin-left: 95%;
  }
  body [flex-offset-sm="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-sm="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-sm],
  body [layout-align-sm="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-sm=start],
  body [layout-align-sm="start start"],
  body [layout-align-sm="start center"],
  body [layout-align-sm="start end"],
  body [layout-align-sm="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-sm=center],
  body [layout-align-sm="center start"],
  body [layout-align-sm="center center"],
  body [layout-align-sm="center end"],
  body [layout-align-sm="center stretch"] {
    justify-content: center;
  }
  body [layout-align-sm=end],
  body [layout-align-sm="end center"],
  body [layout-align-sm="end start"],
  body [layout-align-sm="end end"],
  body [layout-align-sm="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-sm=space-around],
  body [layout-align-sm="space-around center"],
  body [layout-align-sm="space-around start"],
  body [layout-align-sm="space-around end"],
  body [layout-align-sm="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-sm=space-between],
  body [layout-align-sm="space-between center"],
  body [layout-align-sm="space-between start"],
  body [layout-align-sm="space-between end"],
  body [layout-align-sm="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-sm="start start"],
  body [layout-align-sm="center start"],
  body [layout-align-sm="end start"],
  body [layout-align-sm="space-between start"],
  body [layout-align-sm="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-sm="start center"],
  body [layout-align-sm="center center"],
  body [layout-align-sm="end center"],
  body [layout-align-sm="space-between center"],
  body [layout-align-sm="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-sm="start center"] > *,
  body [layout-align-sm="center center"] > *,
  body [layout-align-sm="end center"] > *,
  body [layout-align-sm="space-between center"] > *,
  body [layout-align-sm="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-sm="start end"],
  body [layout-align-sm="center end"],
  body [layout-align-sm="end end"],
  body [layout-align-sm="space-between end"],
  body [layout-align-sm="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-sm="start stretch"],
  body [layout-align-sm="center stretch"],
  body [layout-align-sm="end stretch"],
  body [layout-align-sm="space-between stretch"],
  body [layout-align-sm="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-sm] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-sm=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-sm=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-sm=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-sm=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-sm=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-sm=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="33"],
  body [layout-sm=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="66"],
  body [layout-sm=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="33"],
  body [layout-sm=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="66"],
  body [layout-sm=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm],
  body [layout-sm=column],
  body [layout-sm=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-sm=column] {
    flex-direction: column;
  }
  body [layout-sm=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-sm=row] {
    flex-direction: row;
  }
  body [layout-sm=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 960px) {
  body [flex-order-gt-sm="-20"] {
    order: -20;
  }
  body [flex-order-gt-sm="-19"] {
    order: -19;
  }
  body [flex-order-gt-sm="-18"] {
    order: -18;
  }
  body [flex-order-gt-sm="-17"] {
    order: -17;
  }
  body [flex-order-gt-sm="-16"] {
    order: -16;
  }
  body [flex-order-gt-sm="-15"] {
    order: -15;
  }
  body [flex-order-gt-sm="-14"] {
    order: -14;
  }
  body [flex-order-gt-sm="-13"] {
    order: -13;
  }
  body [flex-order-gt-sm="-12"] {
    order: -12;
  }
  body [flex-order-gt-sm="-11"] {
    order: -11;
  }
  body [flex-order-gt-sm="-10"] {
    order: -10;
  }
  body [flex-order-gt-sm="-9"] {
    order: -9;
  }
  body [flex-order-gt-sm="-8"] {
    order: -8;
  }
  body [flex-order-gt-sm="-7"] {
    order: -7;
  }
  body [flex-order-gt-sm="-6"] {
    order: -6;
  }
  body [flex-order-gt-sm="-5"] {
    order: -5;
  }
  body [flex-order-gt-sm="-4"] {
    order: -4;
  }
  body [flex-order-gt-sm="-3"] {
    order: -3;
  }
  body [flex-order-gt-sm="-2"] {
    order: -2;
  }
  body [flex-order-gt-sm="-1"] {
    order: -1;
  }
  body [flex-order-gt-sm="0"] {
    order: 0;
  }
  body [flex-order-gt-sm="1"] {
    order: 1;
  }
  body [flex-order-gt-sm="2"] {
    order: 2;
  }
  body [flex-order-gt-sm="3"] {
    order: 3;
  }
  body [flex-order-gt-sm="4"] {
    order: 4;
  }
  body [flex-order-gt-sm="5"] {
    order: 5;
  }
  body [flex-order-gt-sm="6"] {
    order: 6;
  }
  body [flex-order-gt-sm="7"] {
    order: 7;
  }
  body [flex-order-gt-sm="8"] {
    order: 8;
  }
  body [flex-order-gt-sm="9"] {
    order: 9;
  }
  body [flex-order-gt-sm="10"] {
    order: 10;
  }
  body [flex-order-gt-sm="11"] {
    order: 11;
  }
  body [flex-order-gt-sm="12"] {
    order: 12;
  }
  body [flex-order-gt-sm="13"] {
    order: 13;
  }
  body [flex-order-gt-sm="14"] {
    order: 14;
  }
  body [flex-order-gt-sm="15"] {
    order: 15;
  }
  body [flex-order-gt-sm="16"] {
    order: 16;
  }
  body [flex-order-gt-sm="17"] {
    order: 17;
  }
  body [flex-order-gt-sm="18"] {
    order: 18;
  }
  body [flex-order-gt-sm="19"] {
    order: 19;
  }
  body [flex-order-gt-sm="20"] {
    order: 20;
  }
  body [flex-offset-gt-sm="0"] {
    margin-left: 0%;
  }
  body [flex-offset-gt-sm="5"] {
    margin-left: 5%;
  }
  body [flex-offset-gt-sm="10"] {
    margin-left: 10%;
  }
  body [flex-offset-gt-sm="15"] {
    margin-left: 15%;
  }
  body [flex-offset-gt-sm="20"] {
    margin-left: 20%;
  }
  body [flex-offset-gt-sm="25"] {
    margin-left: 25%;
  }
  body [flex-offset-gt-sm="30"] {
    margin-left: 30%;
  }
  body [flex-offset-gt-sm="35"] {
    margin-left: 35%;
  }
  body [flex-offset-gt-sm="40"] {
    margin-left: 40%;
  }
  body [flex-offset-gt-sm="45"] {
    margin-left: 45%;
  }
  body [flex-offset-gt-sm="50"] {
    margin-left: 50%;
  }
  body [flex-offset-gt-sm="55"] {
    margin-left: 55%;
  }
  body [flex-offset-gt-sm="60"] {
    margin-left: 60%;
  }
  body [flex-offset-gt-sm="65"] {
    margin-left: 65%;
  }
  body [flex-offset-gt-sm="70"] {
    margin-left: 70%;
  }
  body [flex-offset-gt-sm="75"] {
    margin-left: 75%;
  }
  body [flex-offset-gt-sm="80"] {
    margin-left: 80%;
  }
  body [flex-offset-gt-sm="85"] {
    margin-left: 85%;
  }
  body [flex-offset-gt-sm="90"] {
    margin-left: 90%;
  }
  body [flex-offset-gt-sm="95"] {
    margin-left: 95%;
  }
  body [flex-offset-gt-sm="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-gt-sm="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-gt-sm],
  body [layout-align-gt-sm="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-gt-sm=start],
  body [layout-align-gt-sm="start start"],
  body [layout-align-gt-sm="start center"],
  body [layout-align-gt-sm="start end"],
  body [layout-align-gt-sm="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-gt-sm=center],
  body [layout-align-gt-sm="center start"],
  body [layout-align-gt-sm="center center"],
  body [layout-align-gt-sm="center end"],
  body [layout-align-gt-sm="center stretch"] {
    justify-content: center;
  }
  body [layout-align-gt-sm=end],
  body [layout-align-gt-sm="end center"],
  body [layout-align-gt-sm="end start"],
  body [layout-align-gt-sm="end end"],
  body [layout-align-gt-sm="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-gt-sm=space-around],
  body [layout-align-gt-sm="space-around center"],
  body [layout-align-gt-sm="space-around start"],
  body [layout-align-gt-sm="space-around end"],
  body [layout-align-gt-sm="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-gt-sm=space-between],
  body [layout-align-gt-sm="space-between center"],
  body [layout-align-gt-sm="space-between start"],
  body [layout-align-gt-sm="space-between end"],
  body [layout-align-gt-sm="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-gt-sm="start start"],
  body [layout-align-gt-sm="center start"],
  body [layout-align-gt-sm="end start"],
  body [layout-align-gt-sm="space-between start"],
  body [layout-align-gt-sm="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-gt-sm="start center"],
  body [layout-align-gt-sm="center center"],
  body [layout-align-gt-sm="end center"],
  body [layout-align-gt-sm="space-between center"],
  body [layout-align-gt-sm="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-gt-sm="start center"] > *,
  body [layout-align-gt-sm="center center"] > *,
  body [layout-align-gt-sm="end center"] > *,
  body [layout-align-gt-sm="space-between center"] > *,
  body [layout-align-gt-sm="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-gt-sm="start end"],
  body [layout-align-gt-sm="center end"],
  body [layout-align-gt-sm="end end"],
  body [layout-align-gt-sm="space-between end"],
  body [layout-align-gt-sm="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-gt-sm="start stretch"],
  body [layout-align-gt-sm="center stretch"],
  body [layout-align-gt-sm="end stretch"],
  body [layout-align-gt-sm="space-between stretch"],
  body [layout-align-gt-sm="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-gt-sm] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-gt-sm=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-gt-sm=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="33"],
  body [layout-gt-sm=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="66"],
  body [layout-gt-sm=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="33"],
  body [layout-gt-sm=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="66"],
  body [layout-gt-sm=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm],
  body [layout-gt-sm=column],
  body [layout-gt-sm=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-gt-sm=column] {
    flex-direction: column;
  }
  body [layout-gt-sm=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-gt-sm=row] {
    flex-direction: row;
  }
  body [layout-gt-sm=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  body [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]),
  body [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]),
  body [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) {
    display: none;
  }
  body [hide-md]:not([show-md]):not([show]) {
    display: none;
  }
  body [flex-order-md="-20"] {
    order: -20;
  }
  body [flex-order-md="-19"] {
    order: -19;
  }
  body [flex-order-md="-18"] {
    order: -18;
  }
  body [flex-order-md="-17"] {
    order: -17;
  }
  body [flex-order-md="-16"] {
    order: -16;
  }
  body [flex-order-md="-15"] {
    order: -15;
  }
  body [flex-order-md="-14"] {
    order: -14;
  }
  body [flex-order-md="-13"] {
    order: -13;
  }
  body [flex-order-md="-12"] {
    order: -12;
  }
  body [flex-order-md="-11"] {
    order: -11;
  }
  body [flex-order-md="-10"] {
    order: -10;
  }
  body [flex-order-md="-9"] {
    order: -9;
  }
  body [flex-order-md="-8"] {
    order: -8;
  }
  body [flex-order-md="-7"] {
    order: -7;
  }
  body [flex-order-md="-6"] {
    order: -6;
  }
  body [flex-order-md="-5"] {
    order: -5;
  }
  body [flex-order-md="-4"] {
    order: -4;
  }
  body [flex-order-md="-3"] {
    order: -3;
  }
  body [flex-order-md="-2"] {
    order: -2;
  }
  body [flex-order-md="-1"] {
    order: -1;
  }
  body [flex-order-md="0"] {
    order: 0;
  }
  body [flex-order-md="1"] {
    order: 1;
  }
  body [flex-order-md="2"] {
    order: 2;
  }
  body [flex-order-md="3"] {
    order: 3;
  }
  body [flex-order-md="4"] {
    order: 4;
  }
  body [flex-order-md="5"] {
    order: 5;
  }
  body [flex-order-md="6"] {
    order: 6;
  }
  body [flex-order-md="7"] {
    order: 7;
  }
  body [flex-order-md="8"] {
    order: 8;
  }
  body [flex-order-md="9"] {
    order: 9;
  }
  body [flex-order-md="10"] {
    order: 10;
  }
  body [flex-order-md="11"] {
    order: 11;
  }
  body [flex-order-md="12"] {
    order: 12;
  }
  body [flex-order-md="13"] {
    order: 13;
  }
  body [flex-order-md="14"] {
    order: 14;
  }
  body [flex-order-md="15"] {
    order: 15;
  }
  body [flex-order-md="16"] {
    order: 16;
  }
  body [flex-order-md="17"] {
    order: 17;
  }
  body [flex-order-md="18"] {
    order: 18;
  }
  body [flex-order-md="19"] {
    order: 19;
  }
  body [flex-order-md="20"] {
    order: 20;
  }
  body [flex-offset-md="0"] {
    margin-left: 0%;
  }
  body [flex-offset-md="5"] {
    margin-left: 5%;
  }
  body [flex-offset-md="10"] {
    margin-left: 10%;
  }
  body [flex-offset-md="15"] {
    margin-left: 15%;
  }
  body [flex-offset-md="20"] {
    margin-left: 20%;
  }
  body [flex-offset-md="25"] {
    margin-left: 25%;
  }
  body [flex-offset-md="30"] {
    margin-left: 30%;
  }
  body [flex-offset-md="35"] {
    margin-left: 35%;
  }
  body [flex-offset-md="40"] {
    margin-left: 40%;
  }
  body [flex-offset-md="45"] {
    margin-left: 45%;
  }
  body [flex-offset-md="50"] {
    margin-left: 50%;
  }
  body [flex-offset-md="55"] {
    margin-left: 55%;
  }
  body [flex-offset-md="60"] {
    margin-left: 60%;
  }
  body [flex-offset-md="65"] {
    margin-left: 65%;
  }
  body [flex-offset-md="70"] {
    margin-left: 70%;
  }
  body [flex-offset-md="75"] {
    margin-left: 75%;
  }
  body [flex-offset-md="80"] {
    margin-left: 80%;
  }
  body [flex-offset-md="85"] {
    margin-left: 85%;
  }
  body [flex-offset-md="90"] {
    margin-left: 90%;
  }
  body [flex-offset-md="95"] {
    margin-left: 95%;
  }
  body [flex-offset-md="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-md="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-md],
  body [layout-align-md="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-md=start],
  body [layout-align-md="start start"],
  body [layout-align-md="start center"],
  body [layout-align-md="start end"],
  body [layout-align-md="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-md=center],
  body [layout-align-md="center start"],
  body [layout-align-md="center center"],
  body [layout-align-md="center end"],
  body [layout-align-md="center stretch"] {
    justify-content: center;
  }
  body [layout-align-md=end],
  body [layout-align-md="end center"],
  body [layout-align-md="end start"],
  body [layout-align-md="end end"],
  body [layout-align-md="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-md=space-around],
  body [layout-align-md="space-around center"],
  body [layout-align-md="space-around start"],
  body [layout-align-md="space-around end"],
  body [layout-align-md="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-md=space-between],
  body [layout-align-md="space-between center"],
  body [layout-align-md="space-between start"],
  body [layout-align-md="space-between end"],
  body [layout-align-md="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-md="start start"],
  body [layout-align-md="center start"],
  body [layout-align-md="end start"],
  body [layout-align-md="space-between start"],
  body [layout-align-md="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-md="start center"],
  body [layout-align-md="center center"],
  body [layout-align-md="end center"],
  body [layout-align-md="space-between center"],
  body [layout-align-md="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-md="start center"] > *,
  body [layout-align-md="center center"] > *,
  body [layout-align-md="end center"] > *,
  body [layout-align-md="space-between center"] > *,
  body [layout-align-md="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-md="start end"],
  body [layout-align-md="center end"],
  body [layout-align-md="end end"],
  body [layout-align-md="space-between end"],
  body [layout-align-md="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-md="start stretch"],
  body [layout-align-md="center stretch"],
  body [layout-align-md="end stretch"],
  body [layout-align-md="space-between stretch"],
  body [layout-align-md="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-md] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-md=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-md=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-md=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-md=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-md=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-md=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="33"],
  body [layout-md=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="66"],
  body [layout-md=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="33"],
  body [layout-md=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="66"],
  body [layout-md=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md],
  body [layout-md=column],
  body [layout-md=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-md=column] {
    flex-direction: column;
  }
  body [layout-md=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-md=row] {
    flex-direction: row;
  }
  body [layout-md=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1280px) {
  body [flex-order-gt-md="-20"] {
    order: -20;
  }
  body [flex-order-gt-md="-19"] {
    order: -19;
  }
  body [flex-order-gt-md="-18"] {
    order: -18;
  }
  body [flex-order-gt-md="-17"] {
    order: -17;
  }
  body [flex-order-gt-md="-16"] {
    order: -16;
  }
  body [flex-order-gt-md="-15"] {
    order: -15;
  }
  body [flex-order-gt-md="-14"] {
    order: -14;
  }
  body [flex-order-gt-md="-13"] {
    order: -13;
  }
  body [flex-order-gt-md="-12"] {
    order: -12;
  }
  body [flex-order-gt-md="-11"] {
    order: -11;
  }
  body [flex-order-gt-md="-10"] {
    order: -10;
  }
  body [flex-order-gt-md="-9"] {
    order: -9;
  }
  body [flex-order-gt-md="-8"] {
    order: -8;
  }
  body [flex-order-gt-md="-7"] {
    order: -7;
  }
  body [flex-order-gt-md="-6"] {
    order: -6;
  }
  body [flex-order-gt-md="-5"] {
    order: -5;
  }
  body [flex-order-gt-md="-4"] {
    order: -4;
  }
  body [flex-order-gt-md="-3"] {
    order: -3;
  }
  body [flex-order-gt-md="-2"] {
    order: -2;
  }
  body [flex-order-gt-md="-1"] {
    order: -1;
  }
  body [flex-order-gt-md="0"] {
    order: 0;
  }
  body [flex-order-gt-md="1"] {
    order: 1;
  }
  body [flex-order-gt-md="2"] {
    order: 2;
  }
  body [flex-order-gt-md="3"] {
    order: 3;
  }
  body [flex-order-gt-md="4"] {
    order: 4;
  }
  body [flex-order-gt-md="5"] {
    order: 5;
  }
  body [flex-order-gt-md="6"] {
    order: 6;
  }
  body [flex-order-gt-md="7"] {
    order: 7;
  }
  body [flex-order-gt-md="8"] {
    order: 8;
  }
  body [flex-order-gt-md="9"] {
    order: 9;
  }
  body [flex-order-gt-md="10"] {
    order: 10;
  }
  body [flex-order-gt-md="11"] {
    order: 11;
  }
  body [flex-order-gt-md="12"] {
    order: 12;
  }
  body [flex-order-gt-md="13"] {
    order: 13;
  }
  body [flex-order-gt-md="14"] {
    order: 14;
  }
  body [flex-order-gt-md="15"] {
    order: 15;
  }
  body [flex-order-gt-md="16"] {
    order: 16;
  }
  body [flex-order-gt-md="17"] {
    order: 17;
  }
  body [flex-order-gt-md="18"] {
    order: 18;
  }
  body [flex-order-gt-md="19"] {
    order: 19;
  }
  body [flex-order-gt-md="20"] {
    order: 20;
  }
  body [flex-offset-gt-md="0"] {
    margin-left: 0%;
  }
  body [flex-offset-gt-md="5"] {
    margin-left: 5%;
  }
  body [flex-offset-gt-md="10"] {
    margin-left: 10%;
  }
  body [flex-offset-gt-md="15"] {
    margin-left: 15%;
  }
  body [flex-offset-gt-md="20"] {
    margin-left: 20%;
  }
  body [flex-offset-gt-md="25"] {
    margin-left: 25%;
  }
  body [flex-offset-gt-md="30"] {
    margin-left: 30%;
  }
  body [flex-offset-gt-md="35"] {
    margin-left: 35%;
  }
  body [flex-offset-gt-md="40"] {
    margin-left: 40%;
  }
  body [flex-offset-gt-md="45"] {
    margin-left: 45%;
  }
  body [flex-offset-gt-md="50"] {
    margin-left: 50%;
  }
  body [flex-offset-gt-md="55"] {
    margin-left: 55%;
  }
  body [flex-offset-gt-md="60"] {
    margin-left: 60%;
  }
  body [flex-offset-gt-md="65"] {
    margin-left: 65%;
  }
  body [flex-offset-gt-md="70"] {
    margin-left: 70%;
  }
  body [flex-offset-gt-md="75"] {
    margin-left: 75%;
  }
  body [flex-offset-gt-md="80"] {
    margin-left: 80%;
  }
  body [flex-offset-gt-md="85"] {
    margin-left: 85%;
  }
  body [flex-offset-gt-md="90"] {
    margin-left: 90%;
  }
  body [flex-offset-gt-md="95"] {
    margin-left: 95%;
  }
  body [flex-offset-gt-md="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-gt-md="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-gt-md],
  body [layout-align-gt-md="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-gt-md=start],
  body [layout-align-gt-md="start start"],
  body [layout-align-gt-md="start center"],
  body [layout-align-gt-md="start end"],
  body [layout-align-gt-md="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-gt-md=center],
  body [layout-align-gt-md="center start"],
  body [layout-align-gt-md="center center"],
  body [layout-align-gt-md="center end"],
  body [layout-align-gt-md="center stretch"] {
    justify-content: center;
  }
  body [layout-align-gt-md=end],
  body [layout-align-gt-md="end center"],
  body [layout-align-gt-md="end start"],
  body [layout-align-gt-md="end end"],
  body [layout-align-gt-md="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-gt-md=space-around],
  body [layout-align-gt-md="space-around center"],
  body [layout-align-gt-md="space-around start"],
  body [layout-align-gt-md="space-around end"],
  body [layout-align-gt-md="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-gt-md=space-between],
  body [layout-align-gt-md="space-between center"],
  body [layout-align-gt-md="space-between start"],
  body [layout-align-gt-md="space-between end"],
  body [layout-align-gt-md="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-gt-md="start start"],
  body [layout-align-gt-md="center start"],
  body [layout-align-gt-md="end start"],
  body [layout-align-gt-md="space-between start"],
  body [layout-align-gt-md="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-gt-md="start center"],
  body [layout-align-gt-md="center center"],
  body [layout-align-gt-md="end center"],
  body [layout-align-gt-md="space-between center"],
  body [layout-align-gt-md="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-gt-md="start center"] > *,
  body [layout-align-gt-md="center center"] > *,
  body [layout-align-gt-md="end center"] > *,
  body [layout-align-gt-md="space-between center"] > *,
  body [layout-align-gt-md="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-gt-md="start end"],
  body [layout-align-gt-md="center end"],
  body [layout-align-gt-md="end end"],
  body [layout-align-gt-md="space-between end"],
  body [layout-align-gt-md="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-gt-md="start stretch"],
  body [layout-align-gt-md="center stretch"],
  body [layout-align-gt-md="end stretch"],
  body [layout-align-gt-md="space-between stretch"],
  body [layout-align-gt-md="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-gt-md] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-gt-md=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-gt-md=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="33"],
  body [layout-gt-md=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="66"],
  body [layout-gt-md=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="33"],
  body [layout-gt-md=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="66"],
  body [layout-gt-md=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md],
  body [layout-gt-md=column],
  body [layout-gt-md=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-gt-md=column] {
    flex-direction: column;
  }
  body [layout-gt-md=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-gt-md=row] {
    flex-direction: row;
  }
  body [layout-gt-md=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  body [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
  body [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
  body [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
  body [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
    display: none;
  }
  body [hide-lg]:not([show-lg]):not([show]) {
    display: none;
  }
  body [flex-order-lg="-20"] {
    order: -20;
  }
  body [flex-order-lg="-19"] {
    order: -19;
  }
  body [flex-order-lg="-18"] {
    order: -18;
  }
  body [flex-order-lg="-17"] {
    order: -17;
  }
  body [flex-order-lg="-16"] {
    order: -16;
  }
  body [flex-order-lg="-15"] {
    order: -15;
  }
  body [flex-order-lg="-14"] {
    order: -14;
  }
  body [flex-order-lg="-13"] {
    order: -13;
  }
  body [flex-order-lg="-12"] {
    order: -12;
  }
  body [flex-order-lg="-11"] {
    order: -11;
  }
  body [flex-order-lg="-10"] {
    order: -10;
  }
  body [flex-order-lg="-9"] {
    order: -9;
  }
  body [flex-order-lg="-8"] {
    order: -8;
  }
  body [flex-order-lg="-7"] {
    order: -7;
  }
  body [flex-order-lg="-6"] {
    order: -6;
  }
  body [flex-order-lg="-5"] {
    order: -5;
  }
  body [flex-order-lg="-4"] {
    order: -4;
  }
  body [flex-order-lg="-3"] {
    order: -3;
  }
  body [flex-order-lg="-2"] {
    order: -2;
  }
  body [flex-order-lg="-1"] {
    order: -1;
  }
  body [flex-order-lg="0"] {
    order: 0;
  }
  body [flex-order-lg="1"] {
    order: 1;
  }
  body [flex-order-lg="2"] {
    order: 2;
  }
  body [flex-order-lg="3"] {
    order: 3;
  }
  body [flex-order-lg="4"] {
    order: 4;
  }
  body [flex-order-lg="5"] {
    order: 5;
  }
  body [flex-order-lg="6"] {
    order: 6;
  }
  body [flex-order-lg="7"] {
    order: 7;
  }
  body [flex-order-lg="8"] {
    order: 8;
  }
  body [flex-order-lg="9"] {
    order: 9;
  }
  body [flex-order-lg="10"] {
    order: 10;
  }
  body [flex-order-lg="11"] {
    order: 11;
  }
  body [flex-order-lg="12"] {
    order: 12;
  }
  body [flex-order-lg="13"] {
    order: 13;
  }
  body [flex-order-lg="14"] {
    order: 14;
  }
  body [flex-order-lg="15"] {
    order: 15;
  }
  body [flex-order-lg="16"] {
    order: 16;
  }
  body [flex-order-lg="17"] {
    order: 17;
  }
  body [flex-order-lg="18"] {
    order: 18;
  }
  body [flex-order-lg="19"] {
    order: 19;
  }
  body [flex-order-lg="20"] {
    order: 20;
  }
  body [flex-offset-lg="0"] {
    margin-left: 0%;
  }
  body [flex-offset-lg="5"] {
    margin-left: 5%;
  }
  body [flex-offset-lg="10"] {
    margin-left: 10%;
  }
  body [flex-offset-lg="15"] {
    margin-left: 15%;
  }
  body [flex-offset-lg="20"] {
    margin-left: 20%;
  }
  body [flex-offset-lg="25"] {
    margin-left: 25%;
  }
  body [flex-offset-lg="30"] {
    margin-left: 30%;
  }
  body [flex-offset-lg="35"] {
    margin-left: 35%;
  }
  body [flex-offset-lg="40"] {
    margin-left: 40%;
  }
  body [flex-offset-lg="45"] {
    margin-left: 45%;
  }
  body [flex-offset-lg="50"] {
    margin-left: 50%;
  }
  body [flex-offset-lg="55"] {
    margin-left: 55%;
  }
  body [flex-offset-lg="60"] {
    margin-left: 60%;
  }
  body [flex-offset-lg="65"] {
    margin-left: 65%;
  }
  body [flex-offset-lg="70"] {
    margin-left: 70%;
  }
  body [flex-offset-lg="75"] {
    margin-left: 75%;
  }
  body [flex-offset-lg="80"] {
    margin-left: 80%;
  }
  body [flex-offset-lg="85"] {
    margin-left: 85%;
  }
  body [flex-offset-lg="90"] {
    margin-left: 90%;
  }
  body [flex-offset-lg="95"] {
    margin-left: 95%;
  }
  body [flex-offset-lg="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-lg="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-lg],
  body [layout-align-lg="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-lg=start],
  body [layout-align-lg="start start"],
  body [layout-align-lg="start center"],
  body [layout-align-lg="start end"],
  body [layout-align-lg="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-lg=center],
  body [layout-align-lg="center start"],
  body [layout-align-lg="center center"],
  body [layout-align-lg="center end"],
  body [layout-align-lg="center stretch"] {
    justify-content: center;
  }
  body [layout-align-lg=end],
  body [layout-align-lg="end center"],
  body [layout-align-lg="end start"],
  body [layout-align-lg="end end"],
  body [layout-align-lg="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-lg=space-around],
  body [layout-align-lg="space-around center"],
  body [layout-align-lg="space-around start"],
  body [layout-align-lg="space-around end"],
  body [layout-align-lg="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-lg=space-between],
  body [layout-align-lg="space-between center"],
  body [layout-align-lg="space-between start"],
  body [layout-align-lg="space-between end"],
  body [layout-align-lg="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-lg="start start"],
  body [layout-align-lg="center start"],
  body [layout-align-lg="end start"],
  body [layout-align-lg="space-between start"],
  body [layout-align-lg="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-lg="start center"],
  body [layout-align-lg="center center"],
  body [layout-align-lg="end center"],
  body [layout-align-lg="space-between center"],
  body [layout-align-lg="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-lg="start center"] > *,
  body [layout-align-lg="center center"] > *,
  body [layout-align-lg="end center"] > *,
  body [layout-align-lg="space-between center"] > *,
  body [layout-align-lg="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-lg="start end"],
  body [layout-align-lg="center end"],
  body [layout-align-lg="end end"],
  body [layout-align-lg="space-between end"],
  body [layout-align-lg="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-lg="start stretch"],
  body [layout-align-lg="center stretch"],
  body [layout-align-lg="end stretch"],
  body [layout-align-lg="space-between stretch"],
  body [layout-align-lg="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-lg] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-lg=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-lg=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-lg=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-lg=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-lg=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-lg=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="33"],
  body [layout-lg=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="66"],
  body [layout-lg=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="33"],
  body [layout-lg=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="66"],
  body [layout-lg=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg],
  body [layout-lg=column],
  body [layout-lg=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-lg=column] {
    flex-direction: column;
  }
  body [layout-lg=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-lg=row] {
    flex-direction: row;
  }
  body [layout-lg=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1920px) {
  body [flex-order-gt-lg="-20"] {
    order: -20;
  }
  body [flex-order-gt-lg="-19"] {
    order: -19;
  }
  body [flex-order-gt-lg="-18"] {
    order: -18;
  }
  body [flex-order-gt-lg="-17"] {
    order: -17;
  }
  body [flex-order-gt-lg="-16"] {
    order: -16;
  }
  body [flex-order-gt-lg="-15"] {
    order: -15;
  }
  body [flex-order-gt-lg="-14"] {
    order: -14;
  }
  body [flex-order-gt-lg="-13"] {
    order: -13;
  }
  body [flex-order-gt-lg="-12"] {
    order: -12;
  }
  body [flex-order-gt-lg="-11"] {
    order: -11;
  }
  body [flex-order-gt-lg="-10"] {
    order: -10;
  }
  body [flex-order-gt-lg="-9"] {
    order: -9;
  }
  body [flex-order-gt-lg="-8"] {
    order: -8;
  }
  body [flex-order-gt-lg="-7"] {
    order: -7;
  }
  body [flex-order-gt-lg="-6"] {
    order: -6;
  }
  body [flex-order-gt-lg="-5"] {
    order: -5;
  }
  body [flex-order-gt-lg="-4"] {
    order: -4;
  }
  body [flex-order-gt-lg="-3"] {
    order: -3;
  }
  body [flex-order-gt-lg="-2"] {
    order: -2;
  }
  body [flex-order-gt-lg="-1"] {
    order: -1;
  }
  body [flex-order-gt-lg="0"] {
    order: 0;
  }
  body [flex-order-gt-lg="1"] {
    order: 1;
  }
  body [flex-order-gt-lg="2"] {
    order: 2;
  }
  body [flex-order-gt-lg="3"] {
    order: 3;
  }
  body [flex-order-gt-lg="4"] {
    order: 4;
  }
  body [flex-order-gt-lg="5"] {
    order: 5;
  }
  body [flex-order-gt-lg="6"] {
    order: 6;
  }
  body [flex-order-gt-lg="7"] {
    order: 7;
  }
  body [flex-order-gt-lg="8"] {
    order: 8;
  }
  body [flex-order-gt-lg="9"] {
    order: 9;
  }
  body [flex-order-gt-lg="10"] {
    order: 10;
  }
  body [flex-order-gt-lg="11"] {
    order: 11;
  }
  body [flex-order-gt-lg="12"] {
    order: 12;
  }
  body [flex-order-gt-lg="13"] {
    order: 13;
  }
  body [flex-order-gt-lg="14"] {
    order: 14;
  }
  body [flex-order-gt-lg="15"] {
    order: 15;
  }
  body [flex-order-gt-lg="16"] {
    order: 16;
  }
  body [flex-order-gt-lg="17"] {
    order: 17;
  }
  body [flex-order-gt-lg="18"] {
    order: 18;
  }
  body [flex-order-gt-lg="19"] {
    order: 19;
  }
  body [flex-order-gt-lg="20"] {
    order: 20;
  }
  body [flex-offset-gt-lg="0"] {
    margin-left: 0%;
  }
  body [flex-offset-gt-lg="5"] {
    margin-left: 5%;
  }
  body [flex-offset-gt-lg="10"] {
    margin-left: 10%;
  }
  body [flex-offset-gt-lg="15"] {
    margin-left: 15%;
  }
  body [flex-offset-gt-lg="20"] {
    margin-left: 20%;
  }
  body [flex-offset-gt-lg="25"] {
    margin-left: 25%;
  }
  body [flex-offset-gt-lg="30"] {
    margin-left: 30%;
  }
  body [flex-offset-gt-lg="35"] {
    margin-left: 35%;
  }
  body [flex-offset-gt-lg="40"] {
    margin-left: 40%;
  }
  body [flex-offset-gt-lg="45"] {
    margin-left: 45%;
  }
  body [flex-offset-gt-lg="50"] {
    margin-left: 50%;
  }
  body [flex-offset-gt-lg="55"] {
    margin-left: 55%;
  }
  body [flex-offset-gt-lg="60"] {
    margin-left: 60%;
  }
  body [flex-offset-gt-lg="65"] {
    margin-left: 65%;
  }
  body [flex-offset-gt-lg="70"] {
    margin-left: 70%;
  }
  body [flex-offset-gt-lg="75"] {
    margin-left: 75%;
  }
  body [flex-offset-gt-lg="80"] {
    margin-left: 80%;
  }
  body [flex-offset-gt-lg="85"] {
    margin-left: 85%;
  }
  body [flex-offset-gt-lg="90"] {
    margin-left: 90%;
  }
  body [flex-offset-gt-lg="95"] {
    margin-left: 95%;
  }
  body [flex-offset-gt-lg="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-gt-lg="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-gt-lg],
  body [layout-align-gt-lg="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-gt-lg=start],
  body [layout-align-gt-lg="start start"],
  body [layout-align-gt-lg="start center"],
  body [layout-align-gt-lg="start end"],
  body [layout-align-gt-lg="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-gt-lg=center],
  body [layout-align-gt-lg="center start"],
  body [layout-align-gt-lg="center center"],
  body [layout-align-gt-lg="center end"],
  body [layout-align-gt-lg="center stretch"] {
    justify-content: center;
  }
  body [layout-align-gt-lg=end],
  body [layout-align-gt-lg="end center"],
  body [layout-align-gt-lg="end start"],
  body [layout-align-gt-lg="end end"],
  body [layout-align-gt-lg="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-gt-lg=space-around],
  body [layout-align-gt-lg="space-around center"],
  body [layout-align-gt-lg="space-around start"],
  body [layout-align-gt-lg="space-around end"],
  body [layout-align-gt-lg="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-gt-lg=space-between],
  body [layout-align-gt-lg="space-between center"],
  body [layout-align-gt-lg="space-between start"],
  body [layout-align-gt-lg="space-between end"],
  body [layout-align-gt-lg="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-gt-lg="start start"],
  body [layout-align-gt-lg="center start"],
  body [layout-align-gt-lg="end start"],
  body [layout-align-gt-lg="space-between start"],
  body [layout-align-gt-lg="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-gt-lg="start center"],
  body [layout-align-gt-lg="center center"],
  body [layout-align-gt-lg="end center"],
  body [layout-align-gt-lg="space-between center"],
  body [layout-align-gt-lg="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-gt-lg="start center"] > *,
  body [layout-align-gt-lg="center center"] > *,
  body [layout-align-gt-lg="end center"] > *,
  body [layout-align-gt-lg="space-between center"] > *,
  body [layout-align-gt-lg="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-gt-lg="start end"],
  body [layout-align-gt-lg="center end"],
  body [layout-align-gt-lg="end end"],
  body [layout-align-gt-lg="space-between end"],
  body [layout-align-gt-lg="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-gt-lg="start stretch"],
  body [layout-align-gt-lg="center stretch"],
  body [layout-align-gt-lg="end stretch"],
  body [layout-align-gt-lg="space-between stretch"],
  body [layout-align-gt-lg="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-gt-lg] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-gt-lg=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-gt-lg=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="33"],
  body [layout-gt-lg=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="66"],
  body [layout-gt-lg=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="33"],
  body [layout-gt-lg=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="66"],
  body [layout-gt-lg=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg],
  body [layout-gt-lg=column],
  body [layout-gt-lg=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-gt-lg=column] {
    flex-direction: column;
  }
  body [layout-gt-lg=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-gt-lg=row] {
    flex-direction: row;
  }
  body [layout-gt-lg=row][layout-reverse] {
    flex-direction: row-reverse;
  }
  body [flex-order-xl="-20"] {
    order: -20;
  }
  body [flex-order-xl="-19"] {
    order: -19;
  }
  body [flex-order-xl="-18"] {
    order: -18;
  }
  body [flex-order-xl="-17"] {
    order: -17;
  }
  body [flex-order-xl="-16"] {
    order: -16;
  }
  body [flex-order-xl="-15"] {
    order: -15;
  }
  body [flex-order-xl="-14"] {
    order: -14;
  }
  body [flex-order-xl="-13"] {
    order: -13;
  }
  body [flex-order-xl="-12"] {
    order: -12;
  }
  body [flex-order-xl="-11"] {
    order: -11;
  }
  body [flex-order-xl="-10"] {
    order: -10;
  }
  body [flex-order-xl="-9"] {
    order: -9;
  }
  body [flex-order-xl="-8"] {
    order: -8;
  }
  body [flex-order-xl="-7"] {
    order: -7;
  }
  body [flex-order-xl="-6"] {
    order: -6;
  }
  body [flex-order-xl="-5"] {
    order: -5;
  }
  body [flex-order-xl="-4"] {
    order: -4;
  }
  body [flex-order-xl="-3"] {
    order: -3;
  }
  body [flex-order-xl="-2"] {
    order: -2;
  }
  body [flex-order-xl="-1"] {
    order: -1;
  }
  body [flex-order-xl="0"] {
    order: 0;
  }
  body [flex-order-xl="1"] {
    order: 1;
  }
  body [flex-order-xl="2"] {
    order: 2;
  }
  body [flex-order-xl="3"] {
    order: 3;
  }
  body [flex-order-xl="4"] {
    order: 4;
  }
  body [flex-order-xl="5"] {
    order: 5;
  }
  body [flex-order-xl="6"] {
    order: 6;
  }
  body [flex-order-xl="7"] {
    order: 7;
  }
  body [flex-order-xl="8"] {
    order: 8;
  }
  body [flex-order-xl="9"] {
    order: 9;
  }
  body [flex-order-xl="10"] {
    order: 10;
  }
  body [flex-order-xl="11"] {
    order: 11;
  }
  body [flex-order-xl="12"] {
    order: 12;
  }
  body [flex-order-xl="13"] {
    order: 13;
  }
  body [flex-order-xl="14"] {
    order: 14;
  }
  body [flex-order-xl="15"] {
    order: 15;
  }
  body [flex-order-xl="16"] {
    order: 16;
  }
  body [flex-order-xl="17"] {
    order: 17;
  }
  body [flex-order-xl="18"] {
    order: 18;
  }
  body [flex-order-xl="19"] {
    order: 19;
  }
  body [flex-order-xl="20"] {
    order: 20;
  }
  body [flex-offset-xl="0"] {
    margin-left: 0%;
  }
  body [flex-offset-xl="5"] {
    margin-left: 5%;
  }
  body [flex-offset-xl="10"] {
    margin-left: 10%;
  }
  body [flex-offset-xl="15"] {
    margin-left: 15%;
  }
  body [flex-offset-xl="20"] {
    margin-left: 20%;
  }
  body [flex-offset-xl="25"] {
    margin-left: 25%;
  }
  body [flex-offset-xl="30"] {
    margin-left: 30%;
  }
  body [flex-offset-xl="35"] {
    margin-left: 35%;
  }
  body [flex-offset-xl="40"] {
    margin-left: 40%;
  }
  body [flex-offset-xl="45"] {
    margin-left: 45%;
  }
  body [flex-offset-xl="50"] {
    margin-left: 50%;
  }
  body [flex-offset-xl="55"] {
    margin-left: 55%;
  }
  body [flex-offset-xl="60"] {
    margin-left: 60%;
  }
  body [flex-offset-xl="65"] {
    margin-left: 65%;
  }
  body [flex-offset-xl="70"] {
    margin-left: 70%;
  }
  body [flex-offset-xl="75"] {
    margin-left: 75%;
  }
  body [flex-offset-xl="80"] {
    margin-left: 80%;
  }
  body [flex-offset-xl="85"] {
    margin-left: 85%;
  }
  body [flex-offset-xl="90"] {
    margin-left: 90%;
  }
  body [flex-offset-xl="95"] {
    margin-left: 95%;
  }
  body [flex-offset-xl="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-xl="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-xl],
  body [layout-align-xl="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-xl=start],
  body [layout-align-xl="start start"],
  body [layout-align-xl="start center"],
  body [layout-align-xl="start end"],
  body [layout-align-xl="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-xl=center],
  body [layout-align-xl="center start"],
  body [layout-align-xl="center center"],
  body [layout-align-xl="center end"],
  body [layout-align-xl="center stretch"] {
    justify-content: center;
  }
  body [layout-align-xl=end],
  body [layout-align-xl="end center"],
  body [layout-align-xl="end start"],
  body [layout-align-xl="end end"],
  body [layout-align-xl="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-xl=space-around],
  body [layout-align-xl="space-around center"],
  body [layout-align-xl="space-around start"],
  body [layout-align-xl="space-around end"],
  body [layout-align-xl="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-xl=space-between],
  body [layout-align-xl="space-between center"],
  body [layout-align-xl="space-between start"],
  body [layout-align-xl="space-between end"],
  body [layout-align-xl="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-xl="start start"],
  body [layout-align-xl="center start"],
  body [layout-align-xl="end start"],
  body [layout-align-xl="space-between start"],
  body [layout-align-xl="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-xl="start center"],
  body [layout-align-xl="center center"],
  body [layout-align-xl="end center"],
  body [layout-align-xl="space-between center"],
  body [layout-align-xl="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-xl="start center"] > *,
  body [layout-align-xl="center center"] > *,
  body [layout-align-xl="end center"] > *,
  body [layout-align-xl="space-between center"] > *,
  body [layout-align-xl="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-xl="start end"],
  body [layout-align-xl="center end"],
  body [layout-align-xl="end end"],
  body [layout-align-xl="space-between end"],
  body [layout-align-xl="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-xl="start stretch"],
  body [layout-align-xl="center stretch"],
  body [layout-align-xl="end stretch"],
  body [layout-align-xl="space-between stretch"],
  body [layout-align-xl="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-xl] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-xl=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-xl=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-xl=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-xl=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-xl=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-xl=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="33"],
  body [layout-xl=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="66"],
  body [layout-xl=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="33"],
  body [layout-xl=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="66"],
  body [layout-xl=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl],
  body [layout-xl=column],
  body [layout-xl=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-xl=column] {
    flex-direction: column;
  }
  body [layout-xl=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-xl=row] {
    flex-direction: row;
  }
  body [layout-xl=row][layout-reverse] {
    flex-direction: row-reverse;
  }
  body [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
  body [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
  body [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
  body [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
  body [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) {
    display: none;
  }
  body [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) {
    display: none;
  }
}
@media print {
  body [flex-order-print="-20"] {
    order: -20;
  }
  body [flex-order-print="-19"] {
    order: -19;
  }
  body [flex-order-print="-18"] {
    order: -18;
  }
  body [flex-order-print="-17"] {
    order: -17;
  }
  body [flex-order-print="-16"] {
    order: -16;
  }
  body [flex-order-print="-15"] {
    order: -15;
  }
  body [flex-order-print="-14"] {
    order: -14;
  }
  body [flex-order-print="-13"] {
    order: -13;
  }
  body [flex-order-print="-12"] {
    order: -12;
  }
  body [flex-order-print="-11"] {
    order: -11;
  }
  body [flex-order-print="-10"] {
    order: -10;
  }
  body [flex-order-print="-9"] {
    order: -9;
  }
  body [flex-order-print="-8"] {
    order: -8;
  }
  body [flex-order-print="-7"] {
    order: -7;
  }
  body [flex-order-print="-6"] {
    order: -6;
  }
  body [flex-order-print="-5"] {
    order: -5;
  }
  body [flex-order-print="-4"] {
    order: -4;
  }
  body [flex-order-print="-3"] {
    order: -3;
  }
  body [flex-order-print="-2"] {
    order: -2;
  }
  body [flex-order-print="-1"] {
    order: -1;
  }
  body [flex-order-print="0"] {
    order: 0;
  }
  body [flex-order-print="1"] {
    order: 1;
  }
  body [flex-order-print="2"] {
    order: 2;
  }
  body [flex-order-print="3"] {
    order: 3;
  }
  body [flex-order-print="4"] {
    order: 4;
  }
  body [flex-order-print="5"] {
    order: 5;
  }
  body [flex-order-print="6"] {
    order: 6;
  }
  body [flex-order-print="7"] {
    order: 7;
  }
  body [flex-order-print="8"] {
    order: 8;
  }
  body [flex-order-print="9"] {
    order: 9;
  }
  body [flex-order-print="10"] {
    order: 10;
  }
  body [flex-order-print="11"] {
    order: 11;
  }
  body [flex-order-print="12"] {
    order: 12;
  }
  body [flex-order-print="13"] {
    order: 13;
  }
  body [flex-order-print="14"] {
    order: 14;
  }
  body [flex-order-print="15"] {
    order: 15;
  }
  body [flex-order-print="16"] {
    order: 16;
  }
  body [flex-order-print="17"] {
    order: 17;
  }
  body [flex-order-print="18"] {
    order: 18;
  }
  body [flex-order-print="19"] {
    order: 19;
  }
  body [flex-order-print="20"] {
    order: 20;
  }
  body [flex-offset-print="0"] {
    margin-left: 0%;
  }
  body [flex-offset-print="5"] {
    margin-left: 5%;
  }
  body [flex-offset-print="10"] {
    margin-left: 10%;
  }
  body [flex-offset-print="15"] {
    margin-left: 15%;
  }
  body [flex-offset-print="20"] {
    margin-left: 20%;
  }
  body [flex-offset-print="25"] {
    margin-left: 25%;
  }
  body [flex-offset-print="30"] {
    margin-left: 30%;
  }
  body [flex-offset-print="35"] {
    margin-left: 35%;
  }
  body [flex-offset-print="40"] {
    margin-left: 40%;
  }
  body [flex-offset-print="45"] {
    margin-left: 45%;
  }
  body [flex-offset-print="50"] {
    margin-left: 50%;
  }
  body [flex-offset-print="55"] {
    margin-left: 55%;
  }
  body [flex-offset-print="60"] {
    margin-left: 60%;
  }
  body [flex-offset-print="65"] {
    margin-left: 65%;
  }
  body [flex-offset-print="70"] {
    margin-left: 70%;
  }
  body [flex-offset-print="75"] {
    margin-left: 75%;
  }
  body [flex-offset-print="80"] {
    margin-left: 80%;
  }
  body [flex-offset-print="85"] {
    margin-left: 85%;
  }
  body [flex-offset-print="90"] {
    margin-left: 90%;
  }
  body [flex-offset-print="95"] {
    margin-left: 95%;
  }
  body [flex-offset-print="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-print="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-print],
  body [layout-align-print="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-print=start],
  body [layout-align-print="start start"],
  body [layout-align-print="start center"],
  body [layout-align-print="start end"],
  body [layout-align-print="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-print=center],
  body [layout-align-print="center start"],
  body [layout-align-print="center center"],
  body [layout-align-print="center end"],
  body [layout-align-print="center stretch"] {
    justify-content: center;
  }
  body [layout-align-print=end],
  body [layout-align-print="end center"],
  body [layout-align-print="end start"],
  body [layout-align-print="end end"],
  body [layout-align-print="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-print=space-around],
  body [layout-align-print="space-around center"],
  body [layout-align-print="space-around start"],
  body [layout-align-print="space-around end"],
  body [layout-align-print="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-print=space-between],
  body [layout-align-print="space-between center"],
  body [layout-align-print="space-between start"],
  body [layout-align-print="space-between end"],
  body [layout-align-print="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-print="start start"],
  body [layout-align-print="center start"],
  body [layout-align-print="end start"],
  body [layout-align-print="space-between start"],
  body [layout-align-print="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-print="start center"],
  body [layout-align-print="center center"],
  body [layout-align-print="end center"],
  body [layout-align-print="space-between center"],
  body [layout-align-print="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-print="start center"] > *,
  body [layout-align-print="center center"] > *,
  body [layout-align-print="end center"] > *,
  body [layout-align-print="space-between center"] > *,
  body [layout-align-print="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-print="start end"],
  body [layout-align-print="center end"],
  body [layout-align-print="end end"],
  body [layout-align-print="space-between end"],
  body [layout-align-print="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-print="start stretch"],
  body [layout-align-print="center stretch"],
  body [layout-align-print="end stretch"],
  body [layout-align-print="space-between stretch"],
  body [layout-align-print="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-print] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-print=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-print=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-print=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-print=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-print=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-print=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="33"],
  body [layout-print=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="66"],
  body [layout-print=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="33"],
  body [layout-print=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="66"],
  body [layout-print=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print],
  body [layout-print=column],
  body [layout-print=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-print=column] {
    flex-direction: column;
  }
  body [layout-print=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-print=row] {
    flex-direction: row;
  }
  body [layout-print=row][layout-reverse] {
    flex-direction: row-reverse;
  }
  body [hide-print]:not([show-print]):not([show]) {
    display: none;
  }
}
#app-body [no-margin] {
  margin: 0;
}
#app-body [no-margin-top] {
  margin-top: 0;
}
#app-body [no-margin-right] {
  margin-right: 0;
}
#app-body [no-margin-bottom] {
  margin-bottom: 0;
}
#app-body [no-margin-left] {
  margin-left: 0;
}
#app-body .no-padding,
#app-body [no-padding] {
  padding: 0;
}
#app-body [no-padding-top] {
  padding-top: 0;
}
#app-body [no-padding-right] {
  padding-right: 0;
}
#app-body [no-padding-bottom] {
  padding-bottom: 0;
}
#app-body [no-padding-left] {
  padding-left: 0;
}
#app-body [overflow-auto-y] {
  overflow-y: auto;
}
#app-body [layout-fill-x-auto] {
  width: auto;
}
#app-body [layout-fill-y-auto] {
  height: auto;
}
#app-body [layout-fill-content] {
  height: fit-content;
}
#app-body p[line-height-0],
#app-body span[line-height-0] {
  line-height: 1.0;
}
#app-body p[line-height-1],
#app-body span[line-height-1] {
  line-height: 1.1;
}
#app-body p[line-height-2],
#app-body span[line-height-2] {
  line-height: 1.2;
}
#app-body p[line-height-3],
#app-body span[line-height-3] {
  line-height: 1.3;
}
#app-body p[line-height-4],
#app-body span[line-height-4] {
  line-height: 1.4;
}
#app-body p[line-height-5],
#app-body span[line-height-5] {
  line-height: 1.5;
}
#app-body p[line-height-6],
#app-body span[line-height-6] {
  line-height: 1.6;
}
#app-body p[line-height-7],
#app-body span[line-height-7] {
  line-height: 1.7;
}
#app-body p[line-height-8],
#app-body span[line-height-8] {
  line-height: 1.8;
}
#app-body p[line-height-9],
#app-body span[line-height-9] {
  line-height: 1.9;
}
#app-body [position-relative] {
  position: relative;
}
#app-body [layout-wrapper-scrollable] {
  position: relative;
}
#app-body [layout-content-scrollable] {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
[text-overflow-ellipsis-wrapper] {
  display: inline-flex;
  width: 0;
  flex: 1 1 auto;
}
[text-overflow-ellipsis] {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[text-uppercase] {
  text-transform: uppercase;
}
[text-lowercase] {
  text-transform: lowercase;
}
[text-capitalize] {
  text-transform: capitalize;
}
[text-nowrap] {
  white-space: nowrap;
}
[text-wrap] {
  white-space: normal;
  word-break: break-word;
}
[text-word-break] {
  word-break: break-word;
}
[text-white-space-pre-line] {
  white-space: pre-line;
}
[text-right-to-left] {
  text-align: right;
}
.namoa-subheader {
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: var(--mat-foreground-secondary-text);
  margin-bottom: 0;
}
[image-horizontal-max-100] {
  display: block;
  max-width: 100%;
}
#app-body mat-snack-bar-container.success {
  --mat-snack-bar-container-color: var(--color-palette-success-800);
  --mat-snack-bar-supporting-text-color: var(--color-palette-success-800-contrast);
  --mat-snack-bar-button-color: var(--color-palette-success-50-contrast);
}
#app-body mat-snack-bar-container.notFound,
#app-body mat-snack-bar-container.payloadError,
#app-body mat-snack-bar-container.warn {
  --mat-snack-bar-container-color: #E2D23C;
  --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.7);
  --mat-snack-bar-button-color: var(--color-palette-primary);
}
#app-body mat-snack-bar-container.unauthorized,
#app-body mat-snack-bar-container.forbidden,
#app-body mat-snack-bar-container.serverError,
#app-body mat-snack-bar-container.error {
  --mat-snack-bar-container-color: var(--color-palette-warn);
  --mat-snack-bar-supporting-text-color: var(--color-palette-warn-contrast);
  --mat-snack-bar-button-color: var(--color-palette-primary-900);
}
#app-body mat-snack-bar-container.mobile-width-100 {
  width: 100%;
}
#app-body mat-snack-bar-container.min-width-auto .mat-mdc-snackbar-surface {
  min-width: auto;
  width: auto;
}
a[mat-button][layout=column].mdc-button,
a[mat-stroked-button][layout=column].mdc-button,
a[mat-flat-button][layout=column].mdc-button,
a[mat-raised-button][layout=column].mdc-button,
a[mat-menu-item][layout=column].mdc-button,
button[mat-button][layout=column].mdc-button,
button[mat-stroked-button][layout=column].mdc-button,
button[mat-flat-button][layout=column].mdc-button,
button[mat-raised-button][layout=column].mdc-button,
button[mat-menu-item][layout=column].mdc-button {
  justify-content: center;
}
a[mat-button][layout=column].mat-mdc-menu-item.mdc-list-item,
a[mat-stroked-button][layout=column].mat-mdc-menu-item.mdc-list-item,
a[mat-flat-button][layout=column].mat-mdc-menu-item.mdc-list-item,
a[mat-raised-button][layout=column].mat-mdc-menu-item.mdc-list-item,
a[mat-menu-item][layout=column].mat-mdc-menu-item.mdc-list-item,
button[mat-button][layout=column].mat-mdc-menu-item.mdc-list-item,
button[mat-stroked-button][layout=column].mat-mdc-menu-item.mdc-list-item,
button[mat-flat-button][layout=column].mat-mdc-menu-item.mdc-list-item,
button[mat-raised-button][layout=column].mat-mdc-menu-item.mdc-list-item,
button[mat-menu-item][layout=column].mat-mdc-menu-item.mdc-list-item {
  align-items: inherit;
}
a[mat-button][layout=column] .mat-mdc-menu-item-text,
a[mat-stroked-button][layout=column] .mat-mdc-menu-item-text,
a[mat-flat-button][layout=column] .mat-mdc-menu-item-text,
a[mat-raised-button][layout=column] .mat-mdc-menu-item-text,
a[mat-menu-item][layout=column] .mat-mdc-menu-item-text,
button[mat-button][layout=column] .mat-mdc-menu-item-text,
button[mat-stroked-button][layout=column] .mat-mdc-menu-item-text,
button[mat-flat-button][layout=column] .mat-mdc-menu-item-text,
button[mat-raised-button][layout=column] .mat-mdc-menu-item-text,
button[mat-menu-item][layout=column] .mat-mdc-menu-item-text {
  flex: none;
}
a[mat-button][layout-align]:not([layout]),
a[mat-stroked-button][layout-align]:not([layout]),
a[mat-flat-button][layout-align]:not([layout]),
a[mat-raised-button][layout-align]:not([layout]),
a[mat-menu-item][layout-align]:not([layout]),
button[mat-button][layout-align]:not([layout]),
button[mat-stroked-button][layout-align]:not([layout]),
button[mat-flat-button][layout-align]:not([layout]),
button[mat-raised-button][layout-align]:not([layout]),
button[mat-menu-item][layout-align]:not([layout]) {
  flex-direction: column;
}
a[mat-button][touch-target-same-height] .mat-mdc-button-touch-target,
a[mat-stroked-button][touch-target-same-height] .mat-mdc-button-touch-target,
a[mat-flat-button][touch-target-same-height] .mat-mdc-button-touch-target,
a[mat-raised-button][touch-target-same-height] .mat-mdc-button-touch-target,
a[mat-menu-item][touch-target-same-height] .mat-mdc-button-touch-target,
button[mat-button][touch-target-same-height] .mat-mdc-button-touch-target,
button[mat-stroked-button][touch-target-same-height] .mat-mdc-button-touch-target,
button[mat-flat-button][touch-target-same-height] .mat-mdc-button-touch-target,
button[mat-raised-button][touch-target-same-height] .mat-mdc-button-touch-target,
button[mat-menu-item][touch-target-same-height] .mat-mdc-button-touch-target {
  height: 100%;
}
a[mat-button][button-label-same-width] .mdc-button__label,
a[mat-stroked-button][button-label-same-width] .mdc-button__label,
a[mat-flat-button][button-label-same-width] .mdc-button__label,
a[mat-raised-button][button-label-same-width] .mdc-button__label,
a[mat-menu-item][button-label-same-width] .mdc-button__label,
button[mat-button][button-label-same-width] .mdc-button__label,
button[mat-stroked-button][button-label-same-width] .mdc-button__label,
button[mat-flat-button][button-label-same-width] .mdc-button__label,
button[mat-raised-button][button-label-same-width] .mdc-button__label,
button[mat-menu-item][button-label-same-width] .mdc-button__label {
  width: 100%;
  min-height: inherit;
}
a[mat-button] mat-icon,
a[mat-stroked-button] mat-icon,
a[mat-flat-button] mat-icon,
a[mat-raised-button] mat-icon,
a[mat-menu-item] mat-icon,
button[mat-button] mat-icon,
button[mat-stroked-button] mat-icon,
button[mat-flat-button] mat-icon,
button[mat-raised-button] mat-icon,
button[mat-menu-item] mat-icon {
  line-height: 1;
}
a[mat-flat-button][color=primary].mat-mdc-raised-button.mat-primary,
a[mat-flat-button][color=primary].mat-mdc-unelevated-button.mat-primary,
a[mat-raised-button][color=primary].mat-mdc-raised-button.mat-primary,
a[mat-raised-button][color=primary].mat-mdc-unelevated-button.mat-primary,
button[mat-flat-button][color=primary].mat-mdc-raised-button.mat-primary,
button[mat-flat-button][color=primary].mat-mdc-unelevated-button.mat-primary,
button[mat-raised-button][color=primary].mat-mdc-raised-button.mat-primary,
button[mat-raised-button][color=primary].mat-mdc-unelevated-button.mat-primary {
  --mat-button-filled-label-text-color: var(--color-palette-primary-contrast);
  --mat-button-protected-label-text-color: var(--color-palette-primary-contrast);
}
a[mat-flat-button][color=accent].mat-mdc-raised-button.mat-accent,
a[mat-flat-button][color=accent].mat-mdc-unelevated-button.mat-accent,
a[mat-raised-button][color=accent].mat-mdc-raised-button.mat-accent,
a[mat-raised-button][color=accent].mat-mdc-unelevated-button.mat-accent,
button[mat-flat-button][color=accent].mat-mdc-raised-button.mat-accent,
button[mat-flat-button][color=accent].mat-mdc-unelevated-button.mat-accent,
button[mat-raised-button][color=accent].mat-mdc-raised-button.mat-accent,
button[mat-raised-button][color=accent].mat-mdc-unelevated-button.mat-accent {
  --mat-button-filled-label-text-color: var(--color-palette-accent-contrast);
  --mat-button-protected-label-text-color: var(--color-palette-accent-contrast);
}
a[mat-flat-button][color=warn].mat-mdc-unelevated-button.mat-warn,
a[mat-raised-button][color=warn].mat-mdc-unelevated-button.mat-warn,
button[mat-flat-button][color=warn].mat-mdc-unelevated-button.mat-warn,
button[mat-raised-button][color=warn].mat-mdc-unelevated-button.mat-warn {
  --mat-button-filled-label-text-color: var(--color-palette-warn-contrast);
}
a[mat-icon-button][touch-target-same-height],
button[mat-icon-button][touch-target-same-height] {
  line-height: 0;
}
a[mat-icon-button][touch-target-same-height] mat-icon,
button[mat-icon-button][touch-target-same-height] mat-icon {
  width: 100%;
  height: 100%;
}
a[mat-icon-button][touch-target-same-height] .mat-mdc-button-touch-target,
button[mat-icon-button][touch-target-same-height] .mat-mdc-button-touch-target {
  transform: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
mat-checkbox.mat-chip,
mat-checkbox[small-line-height] {
  --mat-checkbox-state-layer-size: 24px;
}
mat-checkbox.mat-chip .mat-mdc-checkbox-touch-target,
mat-checkbox[small-line-height] .mat-mdc-checkbox-touch-target {
  width: 100%;
  height: 100%;
}
mat-checkbox.mat-chip .mat-mdc-checkbox-ripple,
mat-checkbox.mat-chip input[type=checkbox]:focus ~ .mdc-checkbox__ripple,
mat-checkbox[small-line-height] .mat-mdc-checkbox-ripple,
mat-checkbox[small-line-height] input[type=checkbox]:focus ~ .mdc-checkbox__ripple {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
mat-checkbox[label-wrap] .mdc-form-field {
  display: flex;
  flex-direction: row;
}
mat-checkbox[label-wrap] label {
  white-space: normal;
}
mat-checkbox.mat-chip {
  cursor: pointer;
  border-radius: 16px;
  background-color: var(--mat-background-status-bar);
  padding: 0;
  margin: 0;
  align-items: center;
  transition: background-color 0.2s ease-in-out;
}
mat-checkbox.mat-chip:hover {
  background-color: var(--mat-background-selected-disabled-button);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=primary] {
  background-color: var(--color-palette-primary);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=primary]:hover {
  background-color: var(--color-palette-primary-400);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=primary] mat-icon,
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=primary] mat-label {
  color: var(--color-palette-primary-contrast);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=accent] {
  background-color: var(--color-palette-accent);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=accent]:hover {
  background-color: var(--color-palette-accent-400);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=accent] mat-icon,
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=accent] mat-label {
  color: var(--color-palette-accent-contrast);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=warn] {
  background-color: var(--color-palette-warn);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=warn]:hover {
  background-color: var(--color-palette-warn-400);
}
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=warn] mat-icon,
mat-checkbox.mat-chip.mat-mdc-checkbox-checked[color=warn] mat-label {
  color: var(--color-palette-warn-contrast);
}
mat-checkbox.mat-chip:has(mat-icon.checked) .mdc-checkbox {
  display: none;
}
mat-checkbox.mat-chip:has(mat-icon.checked) label.mdc-label {
  padding: 4px 8px;
}
mat-checkbox.mat-chip:has(mat-icon.checked) label.mdc-label mat-label {
  margin-right: -20px;
}
mat-checkbox.mat-chip:has(mat-icon.checked).mat-mdc-checkbox-checked label.mdc-label:not(:has(mat-icon:nth-of-type(2))) mat-label,
mat-checkbox.mat-chip:has(mat-icon.checked) label.mdc-label:has(mat-icon:nth-of-type(2)) mat-label {
  margin-right: 0;
}
mat-checkbox.mat-chip:has(mat-icon.checked) mat-icon:first-of-type {
  margin-left: 4px;
}
mat-checkbox.mat-chip:has(mat-icon.checked) mat-icon:nth-of-type(2) {
  margin-left: -20px;
}
mat-checkbox.mat-chip:has(mat-icon.checked) mat-icon.checked,
mat-checkbox.mat-chip:has(mat-icon.checked) mat-icon.not-checked {
  transition: scale 0.2s ease-in-out;
  width: 20px;
  height: 20px;
  margin-bottom: -5px;
  display: inline-block;
}
mat-checkbox.mat-chip:has(mat-icon.checked) mat-icon.checked {
  scale: 0;
}
mat-checkbox.mat-chip:has(mat-icon.checked) mat-icon.not-checked {
  scale: 1;
  color: var(--mat-foreground-disabled);
}
mat-checkbox.mat-chip:has(mat-icon.checked).mat-mdc-checkbox-checked mat-icon.checked {
  scale: 1;
}
mat-checkbox.mat-chip:has(mat-icon.checked).mat-mdc-checkbox-checked mat-icon.not-checked {
  scale: 0;
}
mat-checkbox.mat-chip mat-label {
  font-weight: 400;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title {
  margin: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title + * > .mat-mdc-dialog-content {
  padding-top: 0;
}
mat-radio-button[small-line-height] {
  --mat-radio-state-layer-size: 24px;
}
mat-radio-button[small-line-height].mat-mdc-radio-button .mdc-radio {
  padding: calc((var(--mat-radio-state-layer-size) - 20px) / 2) calc(var(--mat-radio-state-layer-size) - 20px) calc((var(--mat-radio-state-layer-size) - 20px) / 2) calc(var(--mat-radio-state-layer-size) - 20px);
  margin-left: var(--mat-radio-state-layer-size);
}
mat-radio-button[small-line-height] .mat-mdc-radio-touch-target {
  width: 100%;
  height: 100%;
}
.cdk-overlay-pane {
  min-width: fit-content;
}
.cdk-overlay-pane.full-screen {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
}
mat-form-field.mat-mdc-form-field-type-mat-input .mat-mdc-form-field-infix {
  width: 156px;
}
mat-form-field.mat-mdc-form-field-type-mat-select {
  cursor: pointer;
}
mat-form-field.mat-mdc-form-field-type-mat-select .mdc-floating-label {
  cursor: pointer;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button] .mat-select-trigger {
  display: flex;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button] .mat-select-value {
  display: flex;
  max-width: none;
  flex-direction: column;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip].readonly .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused {
  --mat-input-chip-background: var(--mat-background-unselected-chip);
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip].readonly .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip].readonly .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex:hover {
  background-color: var(--mat-input-chip-background);
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip][mat-floating-label-max-width] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip][mat-floating-label-max-width] .mdc-floating-label {
  max-width: max-content;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip].mat-mdc-form-field-appearance-outline .mat-mdc-form-field-icon-suffix {
  top: 0;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-text-field-wrapper {
  padding-right: 0;
  padding-left: 0;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-form-field-flex {
  cursor: pointer;
  border-radius: 16px;
  border-width: var(--mat-input-chip-border-width, 0);
  border-color: var(--mat-input-chip-border-color, transparent);
  border-style: var(--mat-input-chip-border-style, solid);
  background-color: var(--mat-input-chip-background, var(--mat-background-status-bar));
  padding: 0 8px;
  margin: 0;
  align-items: center;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-form-field-flex:hover,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-form-field-flex:hover {
  background-color: var(--mat-input-chip-hover-background, var(--mat-background-selected-disabled-button));
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip].mat-focused.focused-glow-effect .mat-mdc-form-field-flex {
  box-shadow: 0 0 0px 2px var(--color-palette-primary), 0 0 6px 0 var(--color-palette-primary);
  background-color: var(--color-palette-primary-50);
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip][mat-input-chip] .mat-mdc-form-field-flex,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip][mat-input-chip] .mat-mdc-form-field-flex {
  cursor: text;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip][mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip][mat-textarea-chip] .mat-mdc-form-field-infix {
  min-height: 32px;
  height: 100%;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-form-field-infix {
  height: 32px;
  min-height: 32px;
  padding: 6px 0 0 2px;
  box-sizing: border-box;
  border-top: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-select-trigger,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-select-trigger {
  display: flex;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-select-value,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-select-value {
  display: flex;
  max-width: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-select-value .mat-select-value-text,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-select-value .mat-select-value-text {
  display: block;
  width: 100%;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mdc-floating-label {
  top: 15px;
  left: 10px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mdc-floating-label.mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY( -27.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip].mat-mdc-form-field-has-icon-prefix .mdc-floating-label {
  left: 20px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-select-arrow-wrapper {
  transform: none;
  width: 20px;
  height: 20px;
  background-color: var(--mat-foreground-icon);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  margin-top: 0;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper::before,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-select-arrow-wrapper::before {
  display: block;
  content: " ";
  overflow: hidden;
  width: 0;
  height: 0;
  border-top: 5px solid var(--mat-background-status-bar);
  border-right: 5px solid transparent;
  border-bottom: 0;
  border-left: 5px solid transparent;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  display: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-form-field-icon-suffix {
  top: 0;
  display: flex;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-form-field-icon-suffix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-form-field-icon-suffix mat-icon {
  box-sizing: border-box;
  padding: 0;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-mdc-form-field-icon-prefix mat-icon,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-mdc-form-field-icon-prefix mat-icon {
  margin-right: 4px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-datepicker-toggle {
  line-height: 0;
  margin-right: 0;
  margin-left: -2px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-datepicker-toggle .mat-mdc-icon-button,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-datepicker-toggle .mat-mdc-icon-button {
  width: 22px;
  height: 22px;
  padding: 0;
  --mat-icon-button-icon-size: 100% ;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__trailing,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__notch,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__trailing {
  border: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mdc-notched-outline .mdc-notched-outline__leading,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mdc-notched-outline .mdc-notched-outline__leading {
  display: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-input-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-textarea-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-input-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-textarea-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-input-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-textarea-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-chip] .mat-datepicker-input,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-chip] .mat-datepicker-input {
  cursor: pointer;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix {
  display: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button]:not([mat-select-chip]):not([mat-datepicker-chip]).mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button]:not([mat-select-chip]):not([mat-datepicker-chip]).mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button]:not([mat-select-chip]):not([mat-datepicker-chip]).mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button]:not([mat-select-chip]):not([mat-datepicker-chip]).mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button]:not([mat-select-chip]):not([mat-datepicker-chip]).mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button]:not([mat-select-chip]):not([mat-datepicker-chip]).mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding-right: 16px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button].has-value .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button].has-value .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button].has-value .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button].has-value .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button].has-value .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button].has-value .mat-mdc-form-field-infix {
  width: 156px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button].has-value .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button].has-value .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button].has-value .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button].has-value .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button].has-value .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button].has-value .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button].has-value .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button].has-value .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button].has-value .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button].has-value .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button].has-value .mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button].has-value .mat-mdc-select-arrow-wrapper {
  display: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button].has-value .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button].has-value .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button].has-value .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button].has-value .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button].has-value .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button].has-value .mat-mdc-form-field-icon-suffix {
  top: 0;
  display: flex;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button] .mat-mdc-select-arrow-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button] .mat-mdc-select-arrow-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix {
  cursor: pointer;
  background: var(--mat-foreground-icon);
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-sizing: border-box;
  margin-left: 4px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button]:not([mat-datepicker-reset-button]:not(.has-value)) .mat-mdc-form-field-icon-suffix mat-icon.button-reset {
  box-sizing: border-box;
  padding: 5px;
  line-height: 0;
  width: 100%;
  height: 100%;
  color: var(--mat-background-status-bar);
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button][mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button][mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button][mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button][mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button][mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button][mat-datepicker-reset-button] .mat-mdc-form-field-icon-suffix {
  display: flex;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button][mat-datepicker-reset-button]:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button][mat-datepicker-reset-button]:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button][mat-datepicker-reset-button]:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button][mat-datepicker-reset-button]:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button][mat-datepicker-reset-button]:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button][mat-datepicker-reset-button]:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix mat-datepicker-toggle {
  margin-right: -13px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button][mat-datepicker-reset-button] mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button][mat-datepicker-reset-button] mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button][mat-datepicker-reset-button] mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button][mat-datepicker-reset-button] mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button][mat-datepicker-reset-button] mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button][mat-datepicker-reset-button] mat-icon.button-reset {
  display: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button][mat-datepicker-reset-button].has-value:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button][mat-datepicker-reset-button].has-value:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button][mat-datepicker-reset-button].has-value:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value:not([mat-datepicker-chip]) .mat-mdc-form-field-icon-suffix {
  margin-left: 7px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button][mat-datepicker-reset-button].has-value mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button][mat-datepicker-reset-button].has-value mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button][mat-datepicker-reset-button].has-value mat-datepicker-toggle,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value mat-datepicker-toggle {
  display: none;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-select-reset-button][mat-datepicker-reset-button].has-value mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-select-reset-button][mat-datepicker-reset-button].has-value mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-select-reset-button][mat-datepicker-reset-button].has-value mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datepicker-reset-button][mat-datepicker-reset-button].has-value mat-icon.button-reset {
  display: flex;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datetime-picker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datetime-picker-reset-button] .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datetime-picker-reset-button] .mat-mdc-form-field-icon-suffix {
  cursor: pointer;
  background: var(--mat-foreground-icon);
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-sizing: border-box;
  margin-left: 4px;
}
mat-form-field.mat-mdc-form-field-type-mat-input[mat-datetime-picker-reset-button] .mat-mdc-form-field-icon-suffix mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-select[mat-datetime-picker-reset-button] .mat-mdc-form-field-icon-suffix mat-icon.button-reset,
mat-form-field.mat-mdc-form-field-type-mat-date-range-input[mat-datetime-picker-reset-button] .mat-mdc-form-field-icon-suffix mat-icon.button-reset {
  box-sizing: border-box;
  padding: 5px;
  line-height: 0;
  width: 100%;
  height: 100%;
  color: var(--mat-background-status-bar);
}
mat-form-field[wrapper-no-padding-bottom] .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
mat-form-field[wrapper-no-padding-bottom][appearance=fill] .mat-form-field-underline {
  bottom: 0;
}
mat-form-field[wrapper-no-margin] {
  margin-bottom: 0;
}
mat-form-field[input-width-auto].mat-mdc-form-field-type-mat-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  width: 100%;
}
mat-form-field[input-fill-height] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  --mat-form-field-filled-with-label-container-padding-top: 0;
  --mat-form-field-filled-with-label-container-padding-bottom: 0;
}
mat-form-field[input-fill-height] .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-form-field-input-control {
  height: 55px;
  padding-top: 10px;
  box-sizing: border-box;
}
mat-form-field input[type=number][spin-button=disabled]::-webkit-inner-spin-button {
  display: none;
}
mat-form-field mat-hint .ipt-loading-spinner {
  position: absolute;
  top: 0;
  left: 8px;
}
mat-form-field .mat-mdc-select-arrow-wrapper {
  height: 20px;
}
mat-form-field:not([mat-input-chip]):not([mat-textarea-chip]):not([mat-select-chip]):not([mat-datepicker-chip]) .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 20px;
}
mat-form-field .mat-mdc-form-field-icon-suffix mat-icon[matsuffix] {
  color: var(--mat-foreground-icon);
}
mat-form-field.mat-form-field-disabled .mat-mdc-form-field-icon-suffix mat-icon[matsuffix] {
  color: var(--mat-foreground-disabled);
}
.mat-form-field-wrapper > mat-slide-toggle {
  margin-bottom: 20px;
}
.mat-external-hint {
  padding: 4px 16px 8px 16px;
}
.mat-icon {
  overflow: hidden;
}
.mat-icon[svg-same-size] {
  --mat-icon-button-icon-size: 100%;
  line-height: 0;
}
ngx-mat-timepicker-time-control .ngx-mat-timepicker-control.mat-mdc-form-field {
  margin-bottom: 0;
}
ngx-mat-timepicker-time-control .ngx-mat-timepicker-control.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--outlined .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 12px;
}
.mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix:not([mat-datepicker-chip]) .mat-datepicker-toggle {
  padding: 0 8px 0 0;
}
.mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix:not([mat-datepicker-chip]) .mat-datepicker-toggle button.mat-mdc-icon-button {
  --mat-icon-button-state-layer-size: 24px;
  margin-right: 4px;
  padding: 0;
}
.ngx-mat-timepicker-control.mat-mdc-form-field.mat-mdc-form-field-type-mat-input.mat-mdc-form-field-has-icon-suffix.mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  min-height: 42px;
  padding-top: 10px;
  padding-bottom: 4px;
}
.ngx-mat-timepicker-control.mat-mdc-form-field.mat-mdc-form-field-type-mat-input.mat-mdc-form-field-has-icon-suffix.mat-form-field-appearance-outline .mat-mdc-form-field {
  margin: 0;
  padding: 0;
}
.ngx-mat-timepicker-control.mat-mdc-form-field.mat-mdc-form-field-type-mat-input.mat-mdc-form-field-has-icon-suffix.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix {
  padding-right: 4px;
}
.ngx-mat-timepicker-control.mat-mdc-form-field.mat-mdc-form-field-type-mat-input.mat-mdc-form-field-has-icon-suffix.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
mat-nav-list mat-list-item.mat-list-single-selected-option:not(:hover) {
  background-color: rgba(0, 0, 0, 0.1);
}
mat-nav-list mat-list-item.mat-mdc-list-item[line-height-auto] {
  height: auto;
  min-height: var(--mat-list-list-item-one-line-container-height);
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
}
mat-nav-list mat-list-item [mat-list-item-actions-button] {
  height: 100%;
  margin: 0 -16px 0 0;
  padding: 0 16px 0 0;
  box-sizing: border-box;
}
.mdc-menu-surface.mat-mdc-select-panel.select-panel-virtual-scroll {
  padding: 0;
  max-height: none !important;
  min-width: 300px !important;
  width: var(--select-panel-virtual-scroll-width, auto);
}
.mdc-menu-surface.mat-mdc-select-panel.select-panel-virtual-scroll .select-virtual-mat-option-workaround,
.mdc-menu-surface.mat-mdc-select-panel.select-panel-virtual-scroll .select-virtual-multiple-options-workaround {
  display: none;
}
.mdc-menu-surface.mat-mdc-select-panel.select-panel-virtual-scroll .cdk-virtual-scroll-content-wrapper {
  max-width: 100%;
}
.mdc-menu-surface.mat-mdc-select-panel.select-panel-virtual-scroll.panel-no-max-width {
  max-width: none;
  --select-panel-virtual-scroll-width: 100%;
}
[fill-empty]:empty::before {
  content: attr(fill-empty);
}
.mat-mdc-table.mat-table-responsive {
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}
.mat-mdc-table.mat-table-responsive .mat-mdc-row.mdc-data-table__row {
  --mat-typography-subtitle2-line-height: 20px;
}
.mat-mdc-table.mat-table-responsive .mat-mdc-row.mdc-data-table__row:hover {
  background-color: transparent;
}
.mat-mdc-table.mat-table-responsive .mat-mdc-header-cell {
  font-size: 12px;
  font-weight: 600;
  color: var(--mat-foreground-secondary-text);
  --mat-table-header-headline-line-height: 20px;
  line-height: var(--mat-table-header-headline-line-height);
}
@media (hover: hover) and (pointer: fine) {
  .mat-mdc-table.mat-table-responsive .mat-mdc-row.mat-row-hover:hover {
    cursor: pointer;
    background-color: var(--mat-background-hover);
  }
}
@media (hover: none) and (pointer: coarse) {
  .mat-mdc-table.mat-table-responsive .mat-mdc-row.mat-row-hover:active {
    cursor: pointer;
    background-color: var(--mat-background-hover);
  }
  .mat-mdc-table.mat-table-responsive .mat-mdc-row.mat-row-hover:active .mat-mdc-cell {
    background-color: transparent;
  }
}
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive {
  display: table;
  border-spacing: 0;
  background-color: transparent;
}
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell {
  background-color: transparent;
}
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell [mat-sort-header].cdk-keyboard-focused .mat-sort-header-container,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell [mat-sort-header].cdk-keyboard-focused .mat-sort-header-container {
  border-bottom: none;
}
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-row,
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-header-row,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-row,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-header-row {
  display: table-row;
}
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell,
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-cell,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-cell {
  box-sizing: content-box;
  display: table-cell;
  border-bottom: 1px solid var(--mat-foreground-divider);
  vertical-align: middle;
  padding-top: 0;
  padding-right: 8px;
  padding-bottom: 0;
  padding-left: 0;
}
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell:first-of-type,
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-cell:first-of-type,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell:first-of-type,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-cell:first-of-type {
  padding-left: 8px;
}
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell:last-of-type,
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-cell:last-of-type,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-header-cell:last-of-type,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-cell:last-of-type {
  padding-right: 8px;
}
main-controller[device=desktop] .mat-mdc-table.mat-table-responsive .mat-mdc-cell .card-row-label,
main-controller[device=tablet] .mat-mdc-table.mat-table-responsive .mat-mdc-cell .card-row-label {
  display: none;
}
main-controller[device=phone] .mat-mdc-table.mat-table-responsive .mat-mdc-header-row {
  display: none;
}
main-controller[device=phone] .mat-mdc-table.mat-table-responsive > mat-row,
main-controller[device=phone] .mat-mdc-table.mat-table-responsive > tbody > .mat-mdc-row {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: var(--mat-background-card);
  display: flex;
  flex-direction: column;
  align-items: normal;
  border-bottom: none;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 16px;
  height: auto;
  min-height: auto;
}
main-controller[device=phone] .mat-mdc-table.mat-table-responsive > mat-row::after,
main-controller[device=phone] .mat-mdc-table.mat-table-responsive > tbody > .mat-mdc-row::after {
  display: none;
}
main-controller[device=phone] .mat-mdc-table.mat-table-responsive .mat-mdc-cell {
  display: flex;
  flex-direction: column;
  align-items: normal;
  padding: 0;
  margin: 0 0 4px 0;
  min-height: auto;
  border-bottom: none;
}
main-controller[device=phone] .mat-mdc-table.mat-table-responsive .card-row-label {
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 12px;
  padding: 4px 0;
}
.mat-headline-6 mat-icon {
  margin-top: 4px;
}
.cdk-overlay-pane.bottom-sheet-no-padding .mat-bottom-sheet-container {
  padding: 0;
}
.cdk-overlay-pane.namoa-bottom-sheet .mat-bottom-sheet-container {
  border-radius: 8px 8px 0 0;
}
.mat-mdc-menu-panel.width-fit-content {
  max-width: fit-content;
}
[translate-wrapper] {
  position: relative;
}
[translate-wrapper] .translate-ref {
  position: absolute;
  top: -4px;
  left: -4px;
  min-width: 100%;
  white-space: nowrap;
  display: block;
  background-color: #c4ff00;
  color: #000;
  padding: 4px;
  border-radius: 4px;
  line-height: 1;
  box-shadow: 0 0 5px 3px #c4ff00, 0 0 5px 3px black;
}
#app-body .filter-dashboard {
  overflow: hidden;
  height: 86px;
  box-sizing: border-box;
  padding-bottom: 0;
}
#app-body .filter-dashboard .icon-selected {
  width: 20px;
  height: 20px;
  color: var(--color-palette-accent);
  position: absolute;
  top: 4px;
  right: 0;
}
#app-body .filter-dashboard .filter-dashboard-card {
  min-width: 150px;
  max-width: 220px;
  position: relative;
  background-color: var(--mat-background-card);
  border: 1px solid var(--mat-foreground-divider);
  border-radius: 4px;
  margin: 0 4px;
  box-sizing: border-box;
  padding: 4px;
}
#app-body .filter-dashboard .filter-dashboard-card:first-child {
  margin-left: 0;
}
#app-body .filter-dashboard .filter-dashboard-card:last-child {
  margin-right: 0;
}
#app-body .filter-dashboard .filter-dashboard-card.size-small {
  min-width: 120px;
  max-width: 120px;
}
#app-body .filter-dashboard .filter-dashboard-card.selected {
  border-color: var(--color-palette-accent);
}
#app-body .filter-dashboard .filter-dashboard-card.not-clickable {
  overflow-y: auto;
}
#app-body .filter-dashboard .filter-dashboard-card.not-clickable::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
#app-body .filter-dashboard .filter-dashboard-card.not-clickable::-webkit-scrollbar-track {
  background-color: transparent;
}
#app-body .filter-dashboard .filter-dashboard-card.not-clickable::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 2px solid transparent;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
#app-body .filter-dashboard .filter-dashboard-card.not-clickable::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
#app-body .filter-dashboard .filter-dashboard-card.not-clickable::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}
#app-body .filter-dashboard .filter-dashboard-card.not-clickable::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  background: transparent;
}
#app-body .filter-dashboard .filter-dashboard-card:not(.not-clickable) {
  cursor: pointer;
}
#app-body .filter-dashboard .filter-dashboard-card:not(.not-clickable).selected:not(.kanban) .icon-selected {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  #app-body .filter-dashboard .filter-dashboard-card:not(.not-clickable):not(.kanban):hover {
    background-color: var(--color-palette-accent-50);
  }
}
#app-body .filter-dashboard .filter-dashboard-card .total {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  max-height: 40px;
}
#app-body .filter-dashboard .filter-dashboard-card .label {
  font-size: 12px;
  line-height: 1;
  color: var(--mat-foreground-secondary-text);
  font-weight: 500;
  flex-basis: min-content;
  text-align: center;
}
#app-body .filter-dashboard .filter-dashboard-card .label-icon {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
#app-body .filter-dashboard .filter-dashboard-card .label-icon:not([theme-palette-hue-fg]) {
  color: var(--mat-foreground-icon);
}
#app-body .filter-dashboard .filter-dashboard-card .icon-selected {
  display: none;
  top: 0;
}
#app-body .filter-dashboard .filter-dashboard-card .card-item {
  cursor: pointer;
  border-radius: 4px;
  margin-left: -2px;
  padding: 2px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  line-height: 1;
}
#app-body .filter-dashboard .filter-dashboard-card .card-item.selected .icon-selected {
  display: block;
  width: 14px;
  height: 14px;
  position: static;
  top: auto;
  left: auto;
}
@media (hover: hover) and (pointer: fine) {
  #app-body .filter-dashboard .filter-dashboard-card .card-item:hover {
    background-color: var(--color-palette-accent-50);
  }
}
#app-body .filter-dashboard .kanban {
  min-width: 700px;
}
#app-body .filter-dashboard .kanban .kanban-status {
  position: relative;
  box-sizing: border-box;
  border-right: 1px solid var(--mat-foreground-divider);
}
#app-body .filter-dashboard .kanban .kanban-status:last-child {
  border-right: none;
}
#app-body .filter-dashboard .kanban .kanban-status.selected .icon-selected {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  #app-body .filter-dashboard .kanban .kanban-status:hover {
    background-color: var(--color-palette-accent-50);
  }
}
#app-body .filter-dashboard .kanban .kanban-status .label {
  text-align: center;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
}
#app-body .filter-dashboard .step-select {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 1px;
  padding: 2px 4px;
  text-transform: uppercase;
  background-color: var(--mat-background-tooltip);
  color: var(--mat-background-background);
  margin: 0 4px;
  border-radius: 4px;
}
#app-body .filter-dashboard .step-select .step-select-label {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  text-align: center;
  max-height: 20px;
  overflow: hidden;
}
#app-body .filter-dashboard .step-select .step-select-arrow {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin-right: 4px;
  border-left: 4px solid transparent;
  border-top: 4px solid var(--mat-background-background);
  border-bottom: none;
  border-right: 4px solid transparent;
}
#app-body mat-dialog-content .filter-dashboard {
  height: auto;
  padding-left: 0;
  padding-right: 0;
  margin-top: 16px;
}
#app-body mat-dialog-content .filter-dashboard .kanban {
  min-width: auto;
}
#app-body mat-dialog-content .filter-dashboard .kanban .kanban-status {
  border-right: none;
  border-bottom: 1px solid var(--mat-foreground-divider);
  padding: 4px 0;
}
#app-body mat-dialog-content .filter-dashboard .kanban .kanban-status:last-of-type {
  border-bottom: none;
}
#app-body mat-dialog-content .filter-dashboard .filter-dashboard-card {
  margin: 0 0 8px 0;
  min-width: 100%;
}
#app-body mat-dialog-content .filter-dashboard .filter-dashboard-card:last-of-type {
  margin-bottom: 0;
}
#app-body mat-dialog-content .filter-dashboard .filter-dashboard-card.size-small {
  max-width: none;
}
#app-body .switch-filter-view-type button {
  border: 1px solid var(--mat-foreground-divider);
}
#app-body .switch-filter-view-type button:not(.selected) {
  color: var(--color-palette-primary);
}
#app-body .switch-filter-view-type button:not(:disabled):not(.mat-accent):not(.mat-primary):not(.mat-warn) {
  color: var(--color-palette-primary);
}
#app-body .switch-filter-view-type button:not(:disabled):not(.mat-accent):not(.mat-primary):not(.mat-warn).selected {
  background-color: var(--color-palette-primary);
  color: var(--color-palette-primary-contrast);
}
#app-body .switch-filter-view-type button:disabled,
#app-body .switch-filter-view-type button:disabled.selected {
  color: var(--mat-foreground-disabled);
}
#app-body .switch-filter-view-type button:disabled:not(.selected) {
  background-color: var(--mat-background-background);
}
#app-body .switch-filter-view-type button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#app-body .switch-filter-view-type button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
#app-body .switch-filter-view-type button:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-left: none;
}
#app-body .switch-filter-view-type button mat-icon {
  margin-left: 4px;
}
#app-body .switch-filter-view-type button .badge-count {
  background-color: red;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  align-items: center;
  justify-content: center;
  display: flex;
  position: absolute;
  z-index: 10;
  top: -8px;
  right: -8px;
  min-width: 16px;
  height: 16px;
  box-sizing: border-box;
  padding: 0 4px;
}
#app-body .switch-filter-view-type button .badge-count[total="0"] {
  display: none;
}
#app-body .switch-filter-view-type button .badge-count::after {
  content: attr(total);
}
.namoa-pie-chart {
  width: var(--namoa-pie-chart-size, 100px);
  height: var(--namoa-pie-chart-size, 100px);
  position: relative;
  display: flex;
  place-content: center;
  font-size: 25px;
  font-weight: 600;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--namoa-pie-chart-border-color, black);
  box-sizing: border-box;
}
.namoa-pie-chart::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  background: conic-gradient(var(--namoa-pie-chart-color, gray) calc(var(--namoa-pie-chart-percentage, 55) * 1%), rgba(0, 0, 0, 0) 0);
  z-index: 0;
}
.namoa-pie-chart span {
  z-index: 10;
  font-size: calc(var(--namoa-pie-chart-size) / 2.5);
}
.namoa-status-plate {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: rgba(255, 255, 255, 0.9);
  background-color: var(--mat-foreground-hint-text);
  border-radius: 4px;
  padding: 4px 6px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  white-space: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Regular-I5N2TZHC.woff2") format("woff2"), url("./media/Roboto-Regular-XTX373UI.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("./media/Roboto-Regular-I5N2TZHC.woff2") format("woff2"), url("./media/Roboto-Regular-XTX373UI.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-RegularItalic-4OU6XWVM.woff2") format("woff2"), url("./media/Roboto-RegularItalic-AZUPVZVP.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-RegularItalic";
  src: url("./media/Roboto-RegularItalic-4OU6XWVM.woff2") format("woff2"), url("./media/Roboto-RegularItalic-AZUPVZVP.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Light-BYA3NTIT.woff2") format("woff2"), url("./media/Roboto-Light-MA6KTJJX.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("./media/Roboto-Light-BYA3NTIT.woff2") format("woff2"), url("./media/Roboto-Light-MA6KTJJX.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-LightItalic-EMXPJMQC.woff2") format("woff2"), url("./media/Roboto-LightItalic-DNPBIL3Y.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-LightItalic";
  src: url("./media/Roboto-LightItalic-EMXPJMQC.woff2") format("woff2"), url("./media/Roboto-LightItalic-DNPBIL3Y.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Thin-66UVZHCZ.woff2") format("woff2"), url("./media/Roboto-Thin-YE6BK7FY.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("./media/Roboto-Thin-66UVZHCZ.woff2") format("woff2"), url("./media/Roboto-Thin-YE6BK7FY.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-ThinItalic-WDQIJK7W.woff2") format("woff2"), url("./media/Roboto-ThinItalic-CEIQFDPW.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-ThinItalic";
  src: url("./media/Roboto-ThinItalic-WDQIJK7W.woff2") format("woff2"), url("./media/Roboto-ThinItalic-CEIQFDPW.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Medium-IV2TEAZM.woff2") format("woff2"), url("./media/Roboto-Medium-NYNOL4FT.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("./media/Roboto-Medium-IV2TEAZM.woff2") format("woff2"), url("./media/Roboto-Medium-NYNOL4FT.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-MediumItalic-Q4XXAYDA.woff2") format("woff2"), url("./media/Roboto-MediumItalic-4BX3KM4A.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-MediumItalic";
  src: url("./media/Roboto-MediumItalic-Q4XXAYDA.woff2") format("woff2"), url("./media/Roboto-MediumItalic-4BX3KM4A.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Bold-IRZJDKEM.woff2") format("woff2"), url("./media/Roboto-Bold-7REC4YJT.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("./media/Roboto-Bold-IRZJDKEM.woff2") format("woff2"), url("./media/Roboto-Bold-7REC4YJT.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-BoldItalic-DMKRNDXW.woff2") format("woff2"), url("./media/Roboto-BoldItalic-4JV2GONQ.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-BoldItalic";
  src: url("./media/Roboto-BoldItalic-DMKRNDXW.woff2") format("woff2"), url("./media/Roboto-BoldItalic-4JV2GONQ.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Black-F2VDSDKF.woff2") format("woff2"), url("./media/Roboto-Black-WJPWPLMF.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Black";
  src: url("./media/Roboto-Black-F2VDSDKF.woff2") format("woff2"), url("./media/Roboto-Black-WJPWPLMF.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-BlackItalic-PXAD5ZCE.woff2") format("woff2"), url("./media/Roboto-BlackItalic-ZDOGIJDH.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-BlackItalic";
  src: url("./media/Roboto-BlackItalic-PXAD5ZCE.woff2") format("woff2"), url("./media/Roboto-BlackItalic-ZDOGIJDH.woff") format("woff");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-LEZCGFVT.woff2") format("woff2"), url("./media/material-icons-JLIDJUWE.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined-7BWLPMFK.woff2") format("woff2"), url("./media/material-icons-outlined-PCUTWIDZ.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-round-WEHMTW23.woff2") format("woff2"), url("./media/material-icons-round-SLOHZIXU.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-sharp-HCCYMPXE.woff2") format("woff2"), url("./media/material-icons-sharp-U4OLFP3G.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-two-tone-M5N5K6F5.woff2") format("woff2"), url("./media/material-icons-two-tone-LCGWGE2N.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
html[browser=safari] body {
  min-height: -webkit-fill-available;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-OJDJOKCT.css.map */